Lookbook
Last updated
Last updated
"Lookbook" section is provide by the Piano theme. show off your products in style with a Lookbook section - a visual collection that tells the story of your brand through eye-catching images.
Make section full width
By enabling this checkbox, you can make section full width.
Heading
Enter text to display as a heading in the section.
Hide heading
By enabling this checkbox, you have the ability to hide section heading.
Description
Enter text to display as a description in the section.
Image
Use "Image" to add the image to the section.
Product preview position
Customization of the "Product preview position" in the lookbook section is as follows:
In side
Out side
Inside product
Inside product style
Customization of the "Inside product style" in the lookbook section is as follows:
Vertical card
Horizontal card
Enable glass effect Allows you to enable a glass-like effect for a modern and stylish appearance. Image overlay opacity Modify this setting to increase or decrease the opacity level of the overlay on the lookbook image. Banner height
Customization of the "Banner height" in the lookbook section is as follows:
Adapt to image
Small
Medium
Large
Subheading
Enter text to display as a subheading in the section.
Heading
Enter text to display as a title in the section.
Description
Enter text to display as a description in the section.
First button
Label Use "Label" to add a text to the Button in the section. Icon Using this feature will display selected icon next to the button label. Button link Use "Button link" to add a link to the Button in the section.
By using the "Open this link in a new window" option, the link will open in a new tab. Button style
Customization of the button style in this section is as follows:
As a link
No fill
Fill
Second button
Label Use "Label" to add a text to the Button in the section. Icon Using this feature will display selected icon next to the button label. Button link Use "Button link" to add a link to the Button in the section.
By using the "Open this link in a new window" option, the link will open in a new tab. Button style
Customization of the button style in this section is as follows:
As a link
No fill
Fill
Content text alignment
Customization of the desktop content alignment in this section is as follows:
Left
Center
Right
Vertical content alignment
Customization of the vertical content alignment in this section is as follows:
Top
Middle
Bottom
Horizontal content alignment
Customization of the horizontal content alignment in this section is as follows:
Left
Center
Right
Show container
When 'Show container' is enabled, the content container box will be visible.
Container overlay opacity
By enabling this checkbox, you have the ability to change the container overlay opacity. Modify the "Container overlay opacity" setting to increase or decrease the opacity level of the overlay on the lookkbook content.
Enable glass effect
Allows you to enable a glass-like effect for a modern and stylish appearance.
Color scheme
In this section, you can change the background and foreground color of a section using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
To add blocks to the Lookbook section, click on the 'Add product'. There are many options available similar to the lookbook, as you can see in the below points and screenshot:
Position top
You can set the position of the product image from the top using position top. You can set a minimum of “0%” and a maximum of “100%” from the top.
Position left
You can set the position of the product image from the left using position left. You can set a minimum of “0%” and a maximum of “100%” from the left.
Select product
Select a product to display selected product in the section.
