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. Add the Classic Collection Section
  • 2. Add and Configure Sorting Options
  • 3. Style the Collection Layout
  • 4. Label Controls
  • 5. Background & Icons
  • 6. Pagination Settings
  • Need Help?
  1. 🗂 Pages & Menus
  2. Collection Page

Classic Collection

For Plain Jane Starter, Plain Jane, and Plain Jane Interactive

PreviousCollection PageNextSidebar Collection

Last updated 4 days ago

What You’ll Learn

  • How to enable and configure the Classic Collection section on your Collection page

  • How to use built-in product sorting

  • How to adjust styling and labels

1. Add the Classic Collection Section

  1. In the Shopify admin, navigate to Online Store > Themes.

  2. Click Customize on the active theme.

  3. From the Collection page template, add the Classic Collection section.

💡 Tip: This section supports sorting, product labels (preorder, on sale, out of stock), and detailed display settings.

2. Add and Configure Sorting Options

You can add multiple sort types like "Featured", "Lowest Priced", and "Newest First".

Steps:

  1. Inside the Classic Collection section settings, add new Sort Option blocks.

  2. For each one:

    • Set the Option Title (what your users will see)

    • Choose the Sort By method (e.g. Featured, Price, Date)

3. Style the Collection Layout

The Classic Collection section provides many options for layout and typography:

Cart & Header Settings:

  • Toggle date/time

  • Set cart icon colors

Collection Menu:

  • Menu position and alignment

  • Link spacing and font size

  • Menu colors (hover, submenu, etc.)

![Placeholder for Screenshot - Collection menu styling]

Product Titles & Prices:

  • Font size and colors

  • Compare price styling

  • Currency format toggle

4. Label Controls

Show or hide product labels and change their appearance:

  • Pre-Order

  • On Sale

  • Out Of Stock

You can adjust label background, text colors, and font sizes.

5. Background & Icons

Control the visual appearance of the section:

  • Product background colors and border radius

  • Search and sort icon colors and placement

6. Pagination Settings

Choose between infinite scroll or pagination and style the navigation elements:

  • Set active page colors

  • Customize arrow icons and fonts

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