Azzel Theme - Lookbook Config

Azzel Theme - Lookbook Config


  1. 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



  1. To configure Lookbook Page: 

Access Themes → Customize →  Page → Lookbook



    Breadcrumb banner: upload a background image for the banner and customize the configuration according to the following:
  1. Section layout
    1. Color schema: choose background color if you do not choose image to display, and text color
    2. Click to select Section full width yes or no (if not select full width, you can customize section size to Section max width )
    3. Click to select Content full width yes or no (if not select full width, you can customize content size to Content max width )
    4. Customize padding distance, margin on desktop, mobile and tablet.
  2. Section optimize

    1. Section lazyload - lazy loading speed (a section will only load on the page when you scroll down to that section).



  1. Grid Lookbook

In this section, we customize the configuration according to the following items:

  1. Enter Heading
  2. Image ratio
  1. Section layout
    1. Color schema: choose background color and text color Click to select Section full width yes or no (if not select full width, you can customize the section size to Section max width) Click to select Content full width yes or no (if not select full width, you can customize the content size to Content max width) Customize padding distance, margin on desktop, mobile and tablet.Section optimize

    1. Section lazyload - lazy loading speed (a section will only load on the page when you scroll down to that section).


  • To create Item Lookbook:

    • Color Scheme: choose background color and text color

    • Image: Select a profile image for Item Lookbook.

    • Title: Enter a title.

  • Products: 

Select products in store for Item Lookbook, so that when clicking on the lookbook, the products will be displayed in Popup.




    • Related Articles

    • Azzel Theme - Compare Config

      You can notice the Compare section displayed as an icon of two opposite arrows ? on the right side of the screen. With each product image, when clicking the icon of two opposite arrows ? on the image, it means that the user is adding the product to ...

    • Azzel Theme - Collections Config

      Collections List Page The Collections List Page displays all collections in the store in a list format. How to Create a Collections List Page: Access the Collections List section. Choose how to display collections in Sort Collections By (e.g., ...

    • Azzel Theme - Contact Page Config

      The Contact Us page is divided into two sections: the left side displays the contact form and information, while the right side shows the store's location. I. Create the Contact Page Go to Online Store in Shopify. Access Pages. Click Add Page and ...

    • Azzel Theme - About Page Config

      I. Create the About Page Go to Online Store in Shopify. Access Pages. Click Add Page and enter a title. In Theme Template, select the about-us template. II. Configure the About Page Access Themes → Customize → Page → About. Breadcrumb: Set up page ...

    • Azzel Theme - FAQ Page Config

      To create a FAQ 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 FAQ template To configure FAQ Page: Access Themes → Customize → Page → FAQ FAQs You can ...