Simplify Product Carousel UI

[abdullah_9]

Hi Shopify partners, team and other expert users, hope you are doing well.

I’m customizing the product image carousel on my Shopify product cards and need some help. I want to achieve two things:

1. Show only the scrolling dots below the product image to indicate multiple images — without any left/right arrows.

2. Reduce the extra space that appears below the image after the scrolling dots (it’s currently too much and makes the layout look uneven). Here it is:

I’m looking for a clean and minimal look similar to a design I saw (screenshot attached). The sample:

Is there a way to do this using Liquid and CSS ?

Any help or code guidance would be really appreciated!

Thanks in advance!

[TheScriptFlow]

Hi @abdullah_9 ,

Could you please share your Store URL and password (if applicable) so that I can review it and provide you with the appropriate solution code?

Looking forward to your response.

Thanks!

[abdullah_9]

Sure! Here’s a store URL:

www.careandcoofficial.com