✨Products grid

Configure the section

Go to Customize theme. Click the dropdown menu at the top and select the Home page template.

From the left side menu, select Products grid.

Customize this section by using the setting on the right side of the theme editor, as described in the following table:

Section visibility	Select from the options to select the visibility of this section: -Always -Small devices(On selecting this, the section will be visible on mobile devices only.) -Large devices
Color scheme	Select any color scheme defined in the theme settings>Colors>Schemes.
Section background	Choose the background color from solid or gradient. These colors can be managed in the assigned color scheme.
Products list	Collection Choose any collection to show its products. Products Choose any products to show in the grid. These products replace the collection products. Enable autoplay of products slides Select this checkbox to auto play the product images.
Content	Heading Add heading text. (Note: Wrap your text between [ ] to add the markers font.) Markers font Choose the marker's font from the following options: - Accent - Body - Heading (Note: These fonts can be changed in theme settings>typography.) Marker text style Select the marker highlight style from the following options: - None - Text color - Outline text - Fill outline - Text background color Description Add description text. Content alignment Choose the content alignment from the following options: - Left - Center - Right
Section spacing	Desktop top space Adjust the range bar to add spacing at the top of the section for desktop view. Desktop bottom space Adjust the range bar to add spacing at the bottom of the section for desktop view. Mobile top space Adjust the range bar to add spacing at the top of the section for mobile view. Mobile bottom space Adjust the range bar to ad

Block settings:

Title	This shows the product title.
Price	This block shows the product price. Hide unit price Tick this checkbox to show or hide the unit price. Hide taxes and shipping text Tick this checkbox to show or hide shipping content..
Variant picker	This is to show the product variants, e.g., Size, colors, etc. Variant type Choose the variant type from the following options: - Dropdown - Button
Quantity selector	This block shows the quantity selector.
Buy buttons	This block is to show the Add to cart button along with below settings: Show dynamic checkout button Select the checkbox to show the dynamic checkout button.
Pickup availability	This block shows the variant's pickup availability. To setup the pickup of product variants, refer to the docs.
SKU	It highlights the product’s SKU. For more details, refer to product details.
Text	Add text related to product descriptions or any other text.
Social sharing	This block will show the social media icons. (Note: Make sure to add the links in the social media profiles under theme settings.)
Payment icons	This block shows the payment icons.
Inventory status bar	Show status Select this checkbox to show the inventory status. (Note: For low inventory threshold setup, go to theme settings>product and setup the inventory status.)
Icon with text	Icon 1-3 Icon Choose any icon from the list. Custom icon Add the image of the icon. Heading Enter the heading text.