Product v3

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.

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

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

layout setting

2. Color scheme setting

product demo

3. General settings

Section color scheme: lets you select a predefined color scheme for the section, which applies to the text and background.

Background image The priority is higher than Background color

Use parallax enables a parallax scrolling effect for the background image (if one is set)

Section Padding allows you to specify spacing before or after sections or both

product demo

Block settings

1. Tab

Use the provided text field to add a suitable Title tab.

Select collection show products

Limit products: Adjust the number of shown products

SVG embed: Paste svg tag to represent product tab

product image demo