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
3160 618 887

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 

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me. - Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
- Support me PayPal
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.