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. Section header
    1. Enter Heading, select Heading display size
    2. Enter information for Sub-heading (if any) and detailed content in Description
    3. Customize information display position in Aligment
    4. Enter title and assign link to button in button label and button link


  1. Section body
    1. Color schema selects background color and text color
    2. Adjust the ratio of the image displayed on the Lookbook Item
    3. Select the number of columns to display the Lookbook Item on desktop, mobile and tablet


  1. Section footer: Enter title and assign link to button at Button label and Button link
  2. 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 - Collections Config

      I. Collections List Page Collections list page: Display all collections in the store in a list How to create a Collection list page: Access the Collections List section. Customize the title in Heading. Choose how to display collections in Sort ...
    • Azzel Theme Sections / Home Page

      Themes use Sections to create your ideal layout, accessible from the left-side menu in the Theme Editor. Most sections are made up of blocks that serve a specific function, such as header, footer, single images, a collage of images, or links. Using ...
    • 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 Breadcrumb ...
    • Azzel Theme - Blog Page Config

      1. To create a Blog Page, you need to do as follows: 1. Go to Online Store in Shopify 2. Access Blog posts 3. Click Add blog post 2. After completing the content for Blog, in Organization, fill in the following information: Author: Name of the author ...
    • Azzel Theme - About Page Config

      1. To create an About 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 about-us template 2. To configure About Page: Access Themes → Customize → Page → ...