Lookbook Page

Lookbook Page

Creating a Lookbook page

  1. Go to Online Store in Shopify
  2. Access Pages
  3. Click Add Page and enter a title
 
  1. In Theme template, select Lookbook template

Lookbook page Configuration

​To configure the Lookbook Page, in Theme Customization, access Page → Lookbook
  1. Breadcrumb banner: upload a background image for the banner and customize the configuration according to the following:
  2. Section Layout:
    1. Color Scheme: Select a background color if no background image is displayed.
    2. Background: Choose a background image if available.
    3. Section Full Width: Select or deselect (if unselected, customize size at Section max width).
    4. Content Full Width: Choose full width for content (if not, customize at Content max width).
    5. Adjust padding and margin on mobile, desktop, and tablet screens.
    6. Section Optimization: Lazy Load Speed: The section loads only when scrolling to it on the page.


Grid Lookbook: In this section, we customize the configuration according to the following items:
  1. Enter Heading
  2. Image ratio
  3. Section Layout:
    1. Color Scheme: Select a background color if no background image is displayed.
    2. Background: Choose a background image if available.
    3. Section Full Width: Select or deselect (if unselected, customize size at Section max width).
    4. Content Full Width: Choose full width for content (if not, customize at Content max width).
    5. Adjust padding and margin on mobile, desktop, and tablet screens.
    6. Section Optimization: Lazy Load Speed: The section loads only when scrolling to it on the page.

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