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
  • About Homepage Layouts
  • Available Homepage Layouts
  • Building Around the Layout
  • Want to Skip the Homepage?
  • Need Help?
  1. 🗂 Pages & Menus

Homepage + Menu

For Plain Jane, and Plain Jane Interactive

About Homepage Layouts

Plain Jane offers a flexible homepage system designed to support a range of brand styles—from minimalist drops to content-heavy collections. The layout you choose determines how your navigation, visuals, and homepage flow is experienced by the user.

This guide is focused on Plain Jane 3.0 and Plain Jane Interactive 2.0. If you’re using Plain Jane Starter, you won’t have access to these homepage layouts.

Available Homepage Layouts

Plain Jane offers three primary homepage layouts, each built around a different menu/navigation structure:

1. Center Menu

  • Inspired by sites like Supreme

  • Logo centered at the top with links stacked underneath

  • Best for simple landing experiences

  • Often paired with a full-screen background

🔗 See: Center Menu

2. Side-Aligned Menu

  • Menu positioned vertically along the left side of the screen

  • Logo sits above or below the links

  • Clean and minimal look

  • Great for brands that want to emphasize visuals in the center of the screen

🔗 See: Side-Aligned Menu

3. Compact (Hamburger) Menu

  • Collapsed "hamburger" icon reveals menu drawer on click

  • Logo can be centered or aligned left/right

  • Ideal for brands that want to build scrolling homepages with multiple sections

Building Around the Layout

Each menu layout is designed to work with:

  • Dynamic Backgrounds: Add solid colors, images, or slideshow backgrounds behind your menu

  • Section Blocks: Use homepage sections like Collection Lists, Product Carousels, or Image Streams to build scrollable content

  • Page Canvas: Use the Page Canvas section to structure your homepage when stacking multiple content blocks

💡 Tip: Compact menu is best for scroll-heavy homepages. Center/Side menus work best as single-screen landing pages.

Want to Skip the Homepage?

You can bypass the homepage entirely by enabling Skip Enter Screen in Theme Settings. This will load a collection or product page as the first screen.

Need Help?

  • 📧 Email us at: support@openspaces.design

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

Previous🗂 Pages & MenusNextCenter Menu

Last updated 4 days ago

🔗 See:

🔗 Learn more:

💬 Join our community on Discord:

Compact Menu Layout Setup
Skip Homepage Setting
https://discord.gg/hcc2GvgZc6