Product grid
Our product grid is the base of our collection pages and the base for a lot of our sections.
Product grid settings
Text size
select
Controls the font size for product text. Adjusts based on base size setting: Extra small, Small, Medium, Large, or Extra large.
Center text
checkbox
Aligns product text to the center.
Overlay text
checkbox
Displays text over product images (only works with tall images).
Images
Show additional images
checkbox
Shows more images on hover.
Limit product images
range
Max number of images shown on hover (2–5).
Product image aspect ratio
range
Controls width-to-height ratio of product images (0.5:1 – 1.5:1).
Sale badges
Show sale badges
checkbox
Display a badge for products on sale.
Background
color
Background color of the sale badge.
Text
color
Text color of the sale badge.
Product badges
Background
color
Background color of custom product badges.
Text
color
Text color of custom product badges.
Show sold out badge
checkbox
Display a badge for sold-out products.
Show automatic new badge
checkbox
Automatically show a 'New' badge for recent products.
Date limit
range
Defines the number of days a product is considered new.
Alignment
select
Position of the badge on the product image: Top left, Bottom right, Top center, etc.
Quick add
Show recipient information form for gift card products
checkbox
Enables form for gift card recipient and message.
Button background
color
Sets the background color of the quick add button.
Button text
color
Sets the text color of the quick add button.
Hide on mobile
checkbox
Hides the quick add button on mobile devices.
Swatches
Show siblings on collections
checkbox
Display alternate variants (e.g., colors) linked to the product.
Show color swatches on collections
checkbox
Displays color swatches in the product grid.
Cutline
Show cutline
checkbox
Displays an additional line of text (cutline) below product title.
Text
color
Text color of the cutline.
Last updated