This article opens the panel that holds the product card settings for your whole shop.
Come here when you want to know what the card options mean and what your shop shows today.
Before you start
- Editing needs the Customize Store Appearance permission. Without it the panel still opens, but you cannot change anything.
- This is a setting for the whole shop, not for one section. It sits in the Global group.
Step 1. Open the panel
In the Global group at the bottom of the section list, choose Product card. The settings panel shows two groups: Card shape, and Options.
Step 2. Pick a card shape
Card shape offers four, each with a line saying what it puts on the card. Standard shows the photo, name, description and price. Minimal has no frame, so the photo leads. Centred puts everything in the middle. Compact adds an Add to cart button.
Step 3. Read the three options
Show colours is the row of small dots that tells a shopper which colours a product comes in. Animate on hover fades in the next photo when the pointer rests on a card. Show photo dots tells a shopper there are more photos to swipe through.
Step 4. Read the note under the switches
The note says your storefront does not show the card shape yet. Your choice is saved with your design and applies once card shapes arrive.
Today every product card already shows the colour dots, the next photo on hover and the photo dots, wherever the product has them.
Step 5. Publish when you are happy
Your choices stay in your draft with everything else and are published when you press Publish.
Result
You know what each card option means, your choices are kept with the design you saved them in, and you know what your shoppers see on every product card today.