Skip to main content

Product v6

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.

  • Gap: Space between columns

  • Use the provided text field to add a suitable Title/Subtitle/Description. 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

  • Chose collection: Select collection show products

  • Columns limit: Determine the number of product shown per row.

  • Products limit: Adjust the number of shown products

product demo

2. Color scheme setting​

product demo

3. Addtional setting​

  • Background Video: Set background video for this section

addtional setting

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