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.
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
How can I go about doing this?
Please Share a Store Url so be can Provide a proper Solution.