Product grid
The product grid configuration controls how products are displayed across your store, including collections, search results, and sections that display products in a grid layout.
Text size
Controls the font size used for product titles, prices, and labels within the grid. Sizes are generated relative to your base theme font size, ensuring typographic consistency across the store.
Images
Controls how product images display and behave in the grid, enhancing hover effects and proportions.
Show additional images: Displays another image when hovering over a product.
Limit product images: Sets how many images are preloaded for hover. Higher limits show more variation, but may impact load time.
Product image aspect ratio: Adjusts image shape from wide to tall, lower ratios are wider, higher ratios are taller, ensuring consistent grid alignment.
Quick add
Enables fast, in-grid product interactions so shoppers can add items or view details without leaving the page.
Enable quick add: Add a quick add button on hover for easy cart access.
Gift card recipient form: Let customers enter recipient details for gift cards.
Button background and text color: Customize button colors to match your brand.
Hide on mobile: Disables quick add on small screens for cleaner layouts.
Swatches
Controls how color or variant options appear on product cards. Learn more about linked color siblings.
Show siblings on collections: Displays related product variants (e.g., other colors) in the grid.
Show color swatches on collections: Adds clickable color circles beneath product images for easy variant browsing.
Cutline
Adds a short text line below each product name for extra details. Learn more about cutlines.
Show cutline: Displays brief info like 'Limited edition' or 'Organic cotton'.
Cutline text color: Sets the color and transparency of the cutline text.
Last updated