Streamline Theme Customization - Modifying the Number of Product Photos Shown

Streamline Theme Customization - Modifying the Number of Product Photos Shown

RySid
Excursionist
23 0 5

Hello, I've done my best to clarify my intention in the title, but in essence, my goal is to reduce the number of 'dots' displayed beneath the primary product image on a specific product page. These 'dots' symbolize the various product photos available. Ideally, I'd prefer to limit the display to just 5 or 6 dots to create a less cluttered appearance.

 

Screen Shot 2023-09-23 at 10.36.38 PM.png

Replies 3 (3)

Guleria
Shopify Partner
3992 795 1134

Hello @RySid ,

 

You can either do it by editing the code or with css.

With code you have to find it and then declare a limit so dots will not display beyond the defined limit.

With css its tricky but I think its possible. First make whole container of the dots hidden and then with nth rule display the dots one by one.

 

Thanks 

- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder
RySid
Excursionist
23 0 5

How can I go about doing this?

gwachts
Shopify Partner
8 1 0

Please Share a Store Url so be can Provide a proper Solution.