Skip to main content

Product v7

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.

Hover style Select the hover style

Gap: Create space between columns

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

Products limit: Determine the number of product.

Auto play: Allow product to run automatically

Product image aspect ratio: Set the image aspect ratio product size

layout setting

2. Collection setting​

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

Select Collection show products

product demo

3. Banner settings​

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

Image: Set an image for banner

Link Set the URL for the banner

product demo

4. Button settings​

You have the flexibility to modify the label displayed on the button right here. Additionally, you can custom the button by selecting the Button mode, Button style, Button size option, Custom Border radius, Button padding

slideshow demo

5. 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