Skip to main content

Product v4

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

product carousel 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. Section title

Select Reverse layout to change position

Use the provided text field to add a suitable Section title. Leave any of them blank if you do not want to display them.

PRODUCT

3. Products setting

Select collection show products

Products limit: Adjust the number of shown products

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

product

4. Advertise banner settings

Use the provided text field to add a suitable Offer title/Offer subtitle/Expired date. Leave any of them blank if you do not want to display them.
Enable or Disable Show countdown days, Show countdown hours, Show countdown minutes, Show countdown seconds

product image demo

Color scheme setting:

settings schema

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.

newsletter demo