Product grid

Our product grid is the base of our collection pages and the base for a lot of our sections.

Settings
Type
Description

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.

Product image aspect ratio

range

Controls the width-to-height ratio of product images.

Quick add

Enable quick add. Learn more

checkbox

Allows customers to quickly add products from the grid.

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