Products grid

Displays products from a selected collection in an engaging and attractive section.

Steps

1. In the theme editor (Customize), click Add section

2. Locate Products grid

3. Save

Products grid Setting

1. Section header and general

Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.

Layout: You can choose between Container, Wrapped container, Full width for the banner layout.

Color schema: You are allowed to change text color, background color with preset color.

2. Product setting

Adjust the number of shown products, products per row, and the column gap.

3. Banner settings

Choose to add a small image or video that will be on the left or right side of the product

Add focal point: This feature helps you select the most important part of an image for your store. It ensures that the focal points of the image always remain visible, even if a section crops the image to fit the layout.

Please follow this link for more information.

4. View all and Button settings

Show button Load more and button View all.

Button settings: Add a call-to-action button to direct customers to collection pages or add a load more products button.

5. Section padding

Section padding allows you to specify the space between the slideshow and the preceding or following sections, or both.