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]

I think you go up to the code to edit.

@Dnlgrs Please use this js $(function(){ $("#add your id/class here").slick({ speed: 1000, dots: true, prevArrow: '', nextArrow: '' }); });

In your Js file @Dnlgrs added this into you css .product__media-wrapper .slider-mobile-gutter .slider-button{ display:flex !important; }

@EnvyTrendy which code are you using for slider ?

How To Add Arrows In The Product Page Image Slider

EnvyTrendy November 28, 2022, 11:55pm 6

Hello,

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

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

Topic		Replies	Views
add to slider icon in product page on images Store Design design , shopify-themes	2	36	December 22, 2022
Adding arrows to Editions theme product page Store Design	4	39	April 28, 2022
Shopify Dawn theme, how insert left/right arrows in product page Store Design	16	188	September 19, 2023
Arrows on product image Store Design design , customizations , css , product-page	5	48	August 22, 2024
product image add left and right arrows (next/previous image) for desktop and Store Design css , product-page	6	296	September 9, 2024