Skip to main content

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.

  • Hover style: Select the hover style for image

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

  • Gap: Space between columns

  • Select Choose Collection show products

  • Products limit: Determine the number of product.

  • Auto play: Allow product to run automatically

  • Enable video media: Video media will be displayed instead of images.

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

layout setting

2. Addtional setting​

  • Background Video: Set background video for this section

addtional setting

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