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.
Setting | Description |
---|---|
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:
|
Inside product | Inside product style Customization of the "Inside product style" in the lookbook section is as follows:
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:
|
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:
|
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:
|
Content text alignment | Customization of the desktop content alignment in this section is as follows:
|
Vertical content alignment | Customization of the vertical content alignment in this section is as follows:
|
Horizontal content alignment | Customization of the horizontal content alignment in this section is as follows:
|
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.
|
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:
Block | Description |
---|---|
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. |