How To Add Arrows In The Product Page Image Slider

[Dnlgrs]

Hi, 

Is it possible to add arrows on the slider images of the product page? I'm using Refresh Theme. 

Something like in the picture below.
 
Thanks 

[AnhTien]

I think you go up to the code to edit.

[EnvyTrendy]

Hello,

Were you able to figure out which part to place the code?

I'm stuck here as well, having the same issue.

[Minakshi15]

@EnvyTrendy which code are you using for slider ?

[Minakshi15]

@Dnlgrs Please use this js 

$(function(){
  $("#add your id/class here").slick({
    speed: 1000,
    dots: true,
    prevArrow: '<button class="slide-arrow prev-arrow"></button>',
    nextArrow: '<button class="slide-arrow next-arrow"></button>'
  });
});

[Dnlgrs]

Where should I use this?

[Minakshi15]

In your Js file @Dnlgrs 

added this into you css 

.product__media-wrapper .slider-mobile-gutter .slider-button{

  display:flex !important;

}

[stephenm1]

where do i put the code ?