Skip to main content

Product v5

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