Lookbook slider

Lookbook slider



The Lookbook Slider section displays a main lookbook image on the left side of the screen, while the right side shows products from the lookbook as a slide. Configure this section as follows:
  • Section Header:

    • Heading: Enter the title.

    • Heading Size: Select the display size for the title.

    • Sub-heading: Enter the sub-heading if any.

    • Description: Enter detailed description information.

    • Alignment: Align the displayed information.

    • Button Text and Link: Enter text and select the link for the button, and choose whether to open the link in a new window or the current window.

section-header-settings
  1. Section Body:
    1. Image: Choose a lookbook image.
    2. Auto Play: Enable automatic movement of products in the lookbook.
section-body-settings

  • Section footer: 

    • Enter text and select the link for the button at the button label and button link.

    • Select the link to open in a new window or open in the current window if not selected.

section-footer-settings

  • Section Layout:

    • Color Scheme: Select a background color if no background image is displayed.

    • Background: Choose a background image if available.

    • Section Full Width: Select or deselect (if unselected, customize size at Section max width).

    • Content Full Width: Choose full width for content (if not, customize at Content max width).

    • Adjust padding and margin on mobile, desktop, and tablet screens.

    • Section Optimization: Lazy Load Speed: The section loads only when scrolling to it on the page.

To add products to the lookbook, add an Item Lookbook and configure it as follows:

  • Product: Select a product to display.

  • Adjust the Offset Top and Offset Left to position the product accurately.

A person smiling with a white background

Description automatically generated