How can I add an image slider to my featured product section?

Store Design
1

Hi there,

I have added a featured product section to my home page. When I view the section on my laptop/desktop the images are in two seperate rows. I would like the images to be in only one row with a slider to select what image you want to view.

Can somebody please show me how to add an image slider.

I have attached a screenshot to explain what I would like.

My website url is:

https://jfk1xawox4r0tnfm-54993551588.shopifypreview.com

Thank you for your time.

2

Hi @Timstar

This is not simple solution to implement slider on section for that need custom code work based on theme code

So you can hire and expert for that

or follow this if you know code.

3

thank you for the information.

1 Like
4

@Timstar

Hi,
Welcome to Shopify Kindly check this link,
I hope this will help you.
https://jotting.com/shopify/how-to-create-a-product-image-slider-on-dawn-theme

thank you.

5

Thank you but I am using Debut theme.

6

@Timstar

For that you have to build your own logic, or you can hire a developer.
thank you.

1 Like
7

@Jasoliya

I have just noticed that my featured product section on my mobile has an error in it. Hopefully you can help me fix this issue.

The error seems to be with the image slider. The slider arrows which let you scroll left and right through the different images are not in the correct position. When you click on the either of the two arrows a black rectangle appears and the smaller thumbnail images change but not the hero image. Any kind of solution would be a big help.

url: https://jfk1xawox4r0tnfm-54993551588.shopifypreview.com

I have added a quick video to show you what I mean.

Thank you kindly.

8

HI but its showing me only 3 image not slider

have you removed image ?

9

I put the image back. there should be 4 images now.

10

No then its showing me 4 image in one line not generating slider