Set the width of the section using the drop-down menu:
|Show top outline
|Displays the top outline of the section.
|Show bottom outline
|Displays the bottom outline of the section.
Set the color scheme of the section using the drop-down menu:
Set the background of the section,visible when the Color scheme setting
is set to Custom.
Set the text of the section,visible when the Color scheme setting is set
|Choose between Grid and Carousel
|The heading of the section.
Choose the alignment of the section heading. Options are Left and
Set the height of heading using the drop-down menu:
Enter text for a button, or leave blank to hide the button entirely.
|The style of the button. Choose between Primary and Secondary.
|Make items the same width
|Checked to make items have the same width
|Maximum products to show
The number of products from the collection to display. Minimum: 2.
|Number of columns on desktop
Number of columns to display on desktop computers. Minimum: 2. Maximum:
|Number of columns on mobile
Set a specific column layout for mobile devices When Layout mobile is
stacked. Choose between 1 and 2 columns. Visible when the Layout setting
is set to Grid.
|Show product info
|Displays the product info for each product.
|Show product rating
Displays the average product rating in stars with the number of reviews
in parenthesis, for example: ★★★★★ (8). Also requires a product review
app such as
Shopify Product Reviews
for reviews.rating_count and reviews.rating.
|Displays the vendor for each product.
|Displays the swatch for each product.
|SECTION SPACING ADJUSTMENT
|Visible on desktop view and 'Section width' is Grid. You can set global
vertical space in 'Theme settings -> Layout -> Vertical space between
|Set the top spacing of the section.
|Set the bottom spacing of the section.