Snippet to make arrows true on the single listing page slick slider

[austin.vincent30]

Hi, I was wondering if it was possible to enable the arrows (which are set by default for listing pages) for the slick track on the single listing page.

According to here: slick - the last carousel you’ll ever need (kenwheeler.github.io)
Arrows can be set to true or false like this example code:

$('.center').slick({
  centerMode: true,
  centerPadding: '60px',
  slidesToShow: 3,
  responsive: [
    {
      breakpoint: 768,
      settings: {
        arrows: false,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 3
      }
    },
    {
      breakpoint: 480,
      settings: {
        arrows: false,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 1
      }
    }
  ]
});

[yevhen]

As a possible solution, it is possible to override the file by the path /plugins/hivepress/templates/listing/view/page/listing-images.php with the child theme. Here is a tutorial How to create a child theme - HivePress Help Center

It is needed to add this code:

data-preview="false"

as an attribute to this

<div class="hp-listing__images" data-component="carousel-slider">

in this file.

It will add arrows to the slider on the single listing page. But please note that it can require further advanced customization.