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.


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

  • 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 seclected

  • 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

    • Gallery Slider

      The Gallery Slider section displays images and text combined in a slide format on the page. Configure as follows: Section Header: Heading: Enter the title. Heading Size: Select the display size for the title. Sub-heading: Enter the sub-heading if ...

    • Azzel Theme - Lookbook Config

      To create Lookbook Page, you need to do as follows: 1. Go to Online Store in Shopify 2. Access Pages 3. Click Add Page and enter a title 4. In Theme template, select Lookbook template To configure Lookbook Page: Access Themes → Customize → Page → ...

    • Azzel Theme Setting

      To access the theme settings in the theme editor, click on the second icon beside the template options. Now, let’s see all the components on the theme settings one by one! 1. Color You can create and customize unique color palettes and apply them to ...

    • Marquee Text

      This is the section that helps you put featured titles on the page in slider form. General Select font display size Select number of seconds to display content on page Section Layout: Color Scheme: Select a background color if no background image is ...

    • Product Live

      This section enables users to showcase product videos on the homepage. When clicking on an image or the "watch now" button, the video is displayed in the center of the screen, with the related products on the right. Configure the following: Section ...