Product cards
Product cards allow you to customize the style of product cards in the theme.
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Theme Settings -> Product cards.
Style
Select the style of the card layout:
Standard
Card
Image padding
Set the space between image and its border.
Text alignment
The alignment of the text within the product card:
Left (default) - Aligns the text to the left.
Center - Aligns the text in the center.
Right - Aligns the text to the right.
Title size
The size of the title text:
Small
Medium
Large
Title font weight
The font weight of the title text:
Regular
Medium
SemiBold
Bold
ExtraBold
Black
Price size
The size of the price text:
Small
Medium
Large
Quick add button radius
Set the radius of the quick add button corners. Can be from 0px to 40px, increasing arithmetically of 1px (pixel).
Color scheme
Set the color for the product card.
Border
Thickness
Set the width of an product card's four borders. Can be from 0px to 12px, increasing arithmetically of 1px (pixel).
Opacity
Sets the opacity level for an product card's four borders. Can be from 0% to 100%, increasing arithmetically of 5%.
Corner radius
Set the radius of the product card's corners. Can be from 0px to 40px, increasing arithmetically of 1px (pixel).
Last updated