Image hotspot
Set Lookbook’s multiple product images in any position with text.
Layout
Customization of the "Layout" in this section is as follows:
Full width
Fluid
Container
Spacing between image
Use the bar to set the Spacing between image of the hotspot. You can set a minimum of “10px” and a maximum of “100px”.
Heading
Text Enter text to display as a title in the section. Size
Following is the font size customization of the heading of the section:
Small
Medium
Large
Subheading Enter text to display as a subheading in the section. Position
Customization of the "Heading position" in this section is as follows:
Left
Center
Product color scheme
In this section, you can change the background and foreground color of the product using the color scheme:
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Scheme 7
Image height
Customization of the "Image height" in this section is as follows:
Adapt to image
Small
Medium
Large
Scrolling text
Text Enter text to display as a title in the section. Color Enter text color to display scrolling text in the section. Size Use the scrolling bar to set the font size of the scrolling text. You can set a minimum of “40px” and a maximum of “130px”. Font To change the font to a different style, click the name of the current font style, and then select a new font style from the dropdown menu. Use default font Enable this checkbox to show default font of this section. Space between text "Space between text" is to give left and right side spacing to the text of the section. You can adjust the spacing and set it to the minimum spacing of “30px” and a maximum spacing of “100px.” Speed Speed is used to customize the scrolling speed of the text in the section. Direction Use of "Direction" allows the rotation of the "Text" from 'left to right' and 'right to left'.
Enable parallax effect
Enable this checkbox to show image parallax effect of this section.
Background image
Use "Background image" to add the image to the section.
Color scheme
In this section, you can change the background and foreground color of the section using the color scheme:
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Scheme 7
Add Hotspot
Click on "Add Hotspot" and its customization is as follows.
Image
Use "Image" to add the image to the section.
First/Second
Product Select a product to display selected product in the section. Horizontal position Use "Horizontal position" to customize the Lookbook icon's position from left to right. You can give a minimum of 0%, and a maximum of 100% value to “Horizontal position”. Vertical position "Vertical position" is used to customize the Lookbook icon from the icon position top to bottom. You can give a minimum of 0%, and a maximum of 100% value to “Vertical position”.
Last updated