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.



    • Related Articles

    • Contact Page

      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. Creating a Contact page Go to Online Store in Shopify Access Pages Click Add Page and enter a ...

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

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

    • Blog Page

      Create the Blog Page Go to Online Store in Shopify. Access Pages. Click Add Page and enter a title. Add introductory text or information for your blog page in the Title and Content field. Add a Title and Description in Search Engine Listing to see ...

    • Compare Page

      A Compare Page allows customers to view a comparison of different products in your store. Customers can add products to the comparison list by clicking the compare icon (two opposite arrows ?) on the product image. With each product image, when ...