Product Card
The Cards settings provide control over Product, Collection, and Blog card designs, enabling customization of layout, color, spacing, borders, and shadow effects across sections.
Step
From your Shopify admin, go to Online Store > Themes.
Find the theme that you want to Edit and Click Customize
Click Theme Settings
Theme Settings > Product Card
Click Save
Product Style: Select the overall visual style of the product card (e.g. standard or card style)
Show Outline: Enable or disable an outline border around the product card
Image Ratio: Choose how the product image ratio is displayed (e.g. adapt to image, square, portrait).
Show Second Image on Hover: Enable or disable a second product image when hovering over the card.
Show Badges: Enable or disable product badges such as Sale, New, or Sold Out.
Show Quick Shop Button: Enable or disable the quick shop button for faster product access.
Show Quick View Button: Enable or disable the quick view button to preview product details.
Show Countdown: Enable or disable a countdown timer for limited-time offers.
Show Title: Enable or disable the product title display.
Show Price: Enable or disable the product price display.
Show Vendor: Enable or disable the vendor or brand name display.
Show Product Description: Enable or disable a short product description on the card.
Show Product Rating: Enable or disable product ratings or reviews.
Cart Button Style: Select how the cart button is displayed (e.g. always visible or show on hover).
Card Corner Radius: Adjust the roundness of the product card corners using pixel values.
Badges
Badge Style: Select the badge appearance, such as link style or solid button style.
Show Sale Percentage: Enable or disable the display of sale percentage on product badges.
Show Sale Text: Enable or disable the sale text on product badges.
Sale Badge Color Scheme: Choose the color scheme for sale badges.
New Badge Color Scheme: Choose the color scheme for new product badges.
Sold Out Badge Color Scheme: Choose the color scheme for sold out product badges.
Quick View
Color Scheme: Select the color scheme for the quick view popup.
Variant Picker Type: Choose how product variants are displayed, either as a dropdown or buttons.
Product Compare
Show Compare Button: Enable or disable the compare button on product cards.
Wishlist
Show Wishlist Button: Enable or disable the wishlist button on product cards.
Last updated