Skip to main content

Lookbook v1

A guide to set up a collection list.
This section allows you to create images packery called Lookbook, you can freely design your lookbook in many ways you like. Its very flexible.

lookbook image

steps:
  1. In the theme editor (Customize), click Add section
  2. Locate Lookbook
  3. Save

Lookbook settings​

1. Layout settings​

Use the provided fields to add a Title/Description for the section. Insert <br> to break the line.

Heading align set position for the Title/Description

Image custom ratio set image ratio

layout setting

Select Lookbook type: Carousel and Autoplay options to run the list automatically.

You can also use pagination or navigation

layout setting

3. Hotspot settings​

Type: Hover, Click

Open as: Simple product popup, Quickview

Mode set color for hotspot

Style set style for hotspot

layout 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

general demo

Block settings​

1. Lookbook item​

To tag products on the item image, you must add the chosen products. Then, use the offset top and left to adjust the annotation icon. You can add up to 5 products/annotation icons for one lookbook item (image).

lookbok image add point

Add focal point: This feature helps you select the most important part of an image for your store. It ensures that the focal points of the image always remain visible, even if a section crops the image to fit the layout.

info

Please follow this link for more information.