Product grid
Product grid section settings
Products per page
The number of products that you want to display on each page. From 9 to 27. Defaults to 15.
Number of columns on desktop
Use the range scale to select the number of columns that display on desktop computers. Minimum is 2, maximum is 4.
Image ratio
The image ratio for the product images:
Adapt to image (default) - Uses the aspect ratio of the images. This prevents the images from being cropped.
Portrait - Crops the images to use a 2:3 ratio.
Square - Crops the images to use a 1:1 ratio.
Show second image on hover
When the customer hovers their cursor over the product image, displays the second product image if the product has one.
Show vendor
Displays the vendor for each product.
Enable quick add button
Enable filtering
Lets customers filter the products in the collection based on the filters in your Navigation settings.
Desktop filter layout
Choose between a horizontal (default), vertical, or drawer layout.
Enable sorting
Allows customers to sort search results.
Number of columns on mobile
Set a specific column layout for mobile devices. Choose between 1 and 2 columns.
Section padding
Add spacing to the top or bottom of the product grid. Use the range slider to add between 0px and 100px of space above or below the product grid.
Banner with text below block
Banner position
Set the position for the banner on the collection page. From 1 to 25. Banner position must be less than the number of products per page.
Image
Upload image for the banner block
Image ratio
The image ratio for the product images:
Adapt to image (default) - Uses the aspect ratio of the images. This prevents the images from being cropped.
Portrait - Crops the images to use a 2:3 ratio.
Square - Crops the images to use a 1:1 ratio.
Heading
The heading of the block.
Button label
The text of the button
Button link
The link of the button
Button style
Select the style for the button. Choose between Filled, Text link, or Outlined.
Banner with text on image block
Banner position
Set the position for the banner on the collection page. From 1 to 25. Banner position must be less than the number of products per page.
Image
Upload image for the banner block
Image ratio
The image ratio for the product images:
Adapt to image (default) - Uses the aspect ratio of the images. This prevents the images from being cropped.
Portrait - Crops the images to use a 2:3 ratio.
Square - Crops the images to use a 1:1 ratio.
Image overlay opacity
Dims the banner images with an overlay.
Heading
The heading of the block.
Heading size
The size of the heading text:
Small
Medium
Large
Heading font weight
The font weight of the heading text:
Regular
Medium
SemiBold
Bold
ExtraBold
Black
Button label
The text of the button
Button link
The link of the button
Button style
Select the style for the button. Choose between Filled, Text link, or Outlined.
Desktop content position
Sets the vertical position of the content on desktop:
Top - Displays the content at the top.
Middle - Displays the content in the middle.
Bottom - Displays the text at the bottom.
Desktop content alignment
Sets the alignment of the content on desktop:
Left - Aligns the content to the left.
Center - Aligns the content to the center.
Right - Aligns the content to the right.
Color scheme
Set the color of the block.
Mobile layout
Mobile content alignment
Sets the alignment of the content on mobile:
Left - Aligns the content to the left.
Center - Aligns the content to the center.
Right - Aligns the content to the right.
Last updated