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 Are Layouts?
  • πŸ”‘ Common Page Types in Plain Jane
  • 🧩 How to Customize Layouts
  • βš™οΈ Template Assignment Tips
  • Need Help?

πŸ—‚ Pages & Menus

What You’ll Learn

  • The purpose of each page type in the Plain Jane theme

  • How to assign layouts and templates

  • Where to find and customize page content


πŸ“„ What Are Layouts?

In Shopify, a layout defines the structure of a pageβ€”what sections appear and in what order. Plain Jane uses custom layouts for homepage, product, collection, and password pages.

You can assign a layout when editing a page in the Admin > Online Store > Pages or by selecting a template in the Theme Editor.


πŸ”‘ Common Page Types in Plain Jane

Page Type

Purpose

Home Page

The main landing page. Often includes the "Enter Screen" experience.

Collection Page

Displays a grid of products under a category.

Product Page

Shows details for a specific product.

Password Page

Used when your store is password-protected. Includes optional timer.

Default Page

Used for About, Contact, FAQ, and other content pages.

About Page

Great for brand storytelling. Uses the default page template unless customized.

Lookbook Page

Designed for showcasing curated image collections.

Interactive Space

A dynamic, immersive layout available only in Plain Jane Interactive.

πŸ’‘ Tip: You can assign any Shopify page to use a custom template from the Theme Editor sidebar.


🧩 How to Customize Layouts

  1. Go to Online Store > Themes and click Customize

  2. Use the top page selector dropdown to switch between:

    • Home page

    • Collections > [Name]

    • Products > [Name]

    • Pages > [Name]

  3. Click on any section to edit, reorder, or delete it

  4. Use Add section to insert new blocks like text, galleries, videos, etc.


βš™οΈ Template Assignment Tips

  • Use unique templates (e.g. page.about.json, page.contact.json) when you want a different section layout per page

  • Create and manage templates from your theme code or via the Shopify Editor


Need Help?

  • πŸ“§ Email us at: support@openspaces.design

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

PreviousTypography SettingsNextHomepage + Menu

Last updated 4 days ago

πŸ’¬ Join our community on Discord:

https://discord.gg/hcc2GvgZc6