Shopify themes, liquid, logos, and UX
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.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025