Openspaces Labs
  • 🏠 Getting Started
    • Installing the Plain Jane Theme
    • Theme Versions + Features Table
  • 🧰 Theme Settings
    • Announcement Bar
    • Animations
    • Cart Drawer
    • Clock Settings
    • Collection Layout Settings
    • Cursor Settings
    • Footer Settings
    • Global Menu Settings
    • Music Player Settings
    • Logo Settings
    • Skip Home Screen
    • SEO Settings
    • Main Theme Color
    • Typography Settings
  • 🗂 Pages & Menus
    • Homepage + Menu
      • Center Menu
      • Side-Aligned Menu
      • Compact Menu Layout (Global Menu)
    • Collection Page
      • Classic Collection
      • Sidebar Collection
    • Collection List Page
    • Product Page
      • Product Section (Showcase)
      • Product Section (Thumbnail)
    • About Page
    • Contact Page
    • Lookbook Page
      • 🛠 How to Create a Lookbook Page
      • 🗂 Creating a Lookbook Archive
      • ⚙️ Lookbook Settings & Features
    • Password Page
      • How To Password Lock Store
      • How To Add and Set Timer
      • How To Collect Emails + SMS
      • Using The Store Unlock Animation
  • 🧩Sections and Features
    • Blog Feed Section
    • Collection Display Section
    • Collection List Section
    • Email Signup (Popup)
    • Email Signup (Embed)
    • FAQ Section
    • Hero Section
    • Image Selector Section
    • Image Stream Section
    • Marquee Section
    • Preloader Section
    • Product Carousel Section
    • Text Block Section
    • Video Spotlight Section
  • 🏷️Advanced
    • How to Add Size Charts to Each Product
    • Setting Up Color Swatches
    • Setting Up Model Info
    • Setting Up Pre-Orders
  • 👥Customer Accounts
    • How To Setup Customer Accounts
    • Login Page
    • Register Page
    • Account Dashboard Page
    • Address Management Page
  • 🌎Languages & SEO
    • Language Files (Locales)
    • Update Favicon
    • Meta Descriptions
  • ⭐️Plain Jane Interactive
    • How to Create an Interactive Space
    • Setting The Background
    • Adding Interactive Points
    • Using Transition Arrows
    • Best Practices for Mobile + Spacing
  • 💬 FAQ & Troubleshooting
Powered by GitBook
On this page
  • What You’ll Learn
  • 📸 Lookbook Section Overview
  • 🔧 Lookbook Settings (Parent Block)
  • 🖼️ Lookbook Item Settings
  • Need Help?
  1. 🗂 Pages & Menus
  2. Lookbook Page

⚙️ Lookbook Settings & Features

What You’ll Learn

  • How to configure and style your Lookbook

  • Overview of all customization settings

  • How each feature impacts layout and display


📸 Lookbook Section Overview

Once you've added the Lookbook section to a page, you’ll see a parent block for the entire Lookbook and multiple Lookbook Item blocks beneath it.

Each Lookbook Item is a single image. You can add as many as you'd like to build your grid.

💡 Tip: Click on any Lookbook image in the live preview to enter fullscreen gallery mode!


🔧 Lookbook Settings (Parent Block)

Click on the Lookbook section (not the items) to access these settings:

Content & Data

  • Title – Add a campaign name or title (e.g. AW23 CAMPAIGN)

  • Description – Add rich text or instructions

  • Link Text + Link – Add a call to action (e.g. “SHOP COLLECTION”)

Layout & Display

  • Header Alignment – Left or Center

  • Columns (Desktop) – Control how many image columns appear (up to 6)

  • Scroll Animation – Enable smooth animation when scrolling

  • Swipe Animation (Mobile) – Adds swipe effects on touch devices

Typography

  • Control font size and alignment for the title and description

Colors

Customize the color of:

  • Title, description, link

  • Caption text

  • Gallery controls (Close button, scroll bar, swipe animation)

Styling

  • Round Image Corners – Adjust corner radius (e.g. 16px)

Spacing

Set margin space for titles and descriptions on both desktop and mobile


🖼️ Lookbook Item Settings

Each Lookbook Item is just an image.

To add or replace an image:

  1. Click on the item block

  2. Upload or choose an image

You can add as many image blocks as you'd like under the Lookbook section.

💡 Tip: The images will automatically arrange into the number of columns you set in the parent section.


Need Help?

  • 📧 Email us at: support@openspaces.design

  • 💻 Live chat with us: Available Monday–Friday, 10AM–6PM EST, directly on our website

Previous🗂 Creating a Lookbook ArchiveNextPassword Page

Last updated 4 days ago

💬 Join our community on Discord:

https://discord.gg/hcc2GvgZc6