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
  • 1. Create the "Preorder" Metafield
  • 2. Add Preorder Info to a Product
  • 3. Theme Output
  • Need Help?
  1. 🏷️Advanced

Setting Up Pre-Orders

For Plain Jane and Plain Jane Interactive

PreviousSetting Up Model InfoNext👥Customer Accounts

Last updated 4 days ago

What You’ll Learn

How to enable a "Pre-Order" label for selected products using metafields in Shopify Admin and display them using Plain Jane


1. Create the "Preorder" Metafield

To classify products as pre-orderable, start by creating a metafield:

  1. In your Shopify Admin, go to Settings

  1. Click Custom data from the sidebar, then choose Products

  1. Click Add definition in the top right

  1. Fill out the fields as follows:

  • Name: Preorder

  • Namespace and key: custom.preorder

  • Type: True or False

  1. Click Save to create the metafield.


2. Add Preorder Info to a Product

Now that the metafield is set up:

  1. Navigate to the Products section in your admin.

  2. Select any product you’d like to enable for preorder.

  3. Scroll down to the Product Metafields section.

  4. You should see the new preorder metafield.

  5. Set the value to True to activate preorder status for this product.

💡 Tip: You can toggle preorder status on and off for any product anytime using this field.


3. Theme Output

Once a product has preorder: true, the OpenSpaces theme will automatically:

  • Display a "Pre-Order" button on the product page

  • Tag the product with a "Pre-Order" label wherever it appears (featured, collections, etc.)

⚠️ Warning: Ensure the product is in stock or available for backorder so customers can actually complete checkout.

Need Help?

  • 📧 Email us at: support@openspaces.design

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

💬 Join our community on Discord:

https://discord.gg/hcc2GvgZc6