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


    • Related Articles

    • Lookbook Page

      Creating a Lookbook page Go to Online Store in Shopify Access Pages Click Add Page and enter a title In Theme template, select Lookbook template Lookbook page Configuration To configure the Lookbook Page, in Theme Customization, access Page → ...

    • Gallery Slider

      The Gallery Slider section, typically located on the homepage, displays a series of images and accompanying text in a slideshow format. It's a visually engaging way to showcase products, promotions, or other key information. Accessing Gallery Slider ...

    • Image Comparison

      The Image Comparison section allows you to compare two products using an interactive slider. This section displays two images side-by-side with a slider in the middle. Customer can use the slider to compare two images side-by-side. Section Header: ...

    • About Page

      An "About" page is a dedicated section of your website that tells your brand's story, introduces your team, and explains your mission, values, and what makes your business unique. It's an essential tool for building trust, connecting with your ...

    • Marquee Text

      This section allows you to display featured titles in a sliding format, highlighting key information or promotions on your page. General Settings: Select font display size: Choose the desired font size for the featured titles. Select number of ...