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]

@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; }

Hello, Were you able to figure out which part to place the code? I’m stuck here as well, having the same issue.

@EnvyTrendy which code are you using for slider ?

How To Add Arrows In The Product Page Image Slider

AnhTien November 14, 2022, 10:13am 2

I think you go up to the code to edit.

Topic		Replies	Views
add to slider icon in product page on images Store Design design , shopify-themes	2	37	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	189	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	298	September 9, 2024