Products grid
Displays products from a selected collection in an engaging and attractive section.
Steps
In the theme editor (Customize), click Add section
Locate Products grid
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.
Last updated
