How To Add Arrows In The Product Page Image Slider

Store Design
1

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

Screenshot 2022-11-14 at 11.05.17.png
Screenshot 2022-11-14 at 11.05.17.png1118×1320 272 KB

2

I think you go up to the code to edit.

3

@Dnlgrs Please use this js

$(function(){
  $("#add your id/class here").slick({
    speed: 1000,
    dots: true,
    prevArrow: '',
    nextArrow: ''
  });
});
4

Where should I use this?

5

In your Js file @Dnlgrs

added this into you css

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

  display:flex !important;

}
6

Hello,

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

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

7

@EnvyTrendy which code are you using for slider ?

8

where do i put the code ?