Skip to main content

Product v4

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

product image

steps:
  1. In the theme editor (Customize), click Add section
  2. Locate Product
  3. Save

Product settings

1. Layout settings

Container type: You can choose among Box, Wide, Fullwidth for the policy layout.

layout setting

2. Title

Select Reverse layout to change position Use the provided text field to add a suitable Title. Leave any of them blank if you do not want to display them.

Align: Select the desired position for the title

blog image demo

3. Products setting

Column limit: Determine the number of product shown per row.

product image demo

Advertise banner settings: Use the provided text field to add a suitable Information/Title/Subtitle. Leave any of them blank if you do not want to display them.

settings schema

Color scheme setting:

settings schema

4. Button settings

product image demo

5. General settings

Color schema: Set text color and background color with preset scheme
Background image The priority is higher than Background color
Section padding allows you to specify the space between the newsletter and the preceding or following sections, or both.

product demo

Block settings

1. Item

Use the provided text field to add a suitable Title tab.
Select collection show products
Products limit: Adjust the number of shown products

product image demo