Modular documentation
Support
Modular latest
Modular latest
  • Modular theme documentation
  • Sections
    • How to use sections
      • Section settings
      • Adding sections
      • Hiding sections
      • Reordering sections
      • Theme Settings
    • Modular sections
      • Announcement bar
      • Background video
      • Blog posts
      • Collections list
      • Contact form
      • Custom code
      • FAQ
      • Featured collection
      • Featured product
      • Icons row
      • Image with text
      • Image with text overlay
      • Logo list
      • Mosaic
      • Newsletter
      • Product features
      • Recently viewed products
      • Rich text
      • Slideshow
      • Split content
      • Split hero
      • Testimonials
      • Video
    • Recommended Image Sizes
      • Product Images
      • Blog Images
      • Slideshow Section Images
      • Catalog Banner Images
      • Product Feature Images
  • Theme Settings
    • Theme settings
      • How to make changes
      • Colors
      • Typography
      • Buttons
      • Appearance
      • Search
      • Product grid
      • Product form
      • Cart
      • Breadcrumbs
      • Favicon
      • Social media
      • Checkout
      • Custom CSS
  • Header
    • Announcement bar section
    • Header
      • Transparent header
      • Logo
      • Mega menu
  • Footer
    • Footer
      • Blocks and settings
      • Logo
      • Menu
      • Text
      • Newsletter
  • Products
    • Product pages
      • Pre-order
      • Product ratings
      • Creating new product page templates
    • Blocks
      • Price and title
      • Form
      • Product description
      • Social share
      • Store availability
  • Collections
    • Collection pages
      • Creating more collection page templates
      • Customizing the collection list page
    • Badges
  • Pages
    • Page templates
  • Blogs
    • Blog pages
      • Creating new blog page templates
  • Popups
    • Popup section
  • License
    • Theme license
  • Custom
    • Custom
      • How to add custom color swatches
      • How to make CSS customizations
      • How to set up custom filtering options
      • How to add custom fonts
  • Online Store 2.0
    • The new experience
  • FAQ
    • Frequently asked questions
      • Checking your theme version
      • Downloading the latest version
      • How to use sections
      • Section settings
      • Theme settings
      • Reordering sections
      • Hiding sections
      • Adding sections
      • Recommended image sizes
        • Product images
        • Blog images
        • Slideshow section images
        • Catalog banner images
        • Product feature images
      • Updating your theme
      • Sharing a preview link
      • How to remove the Shopify credit
  • Support
    • Contacting support
Powered by GitBook
On this page
Export as PDF
  1. Online Store 2.0

The new experience

PreviousHow to add custom fontsNextFrequently asked questions

Modular is built to use Shopify's online store 2.0 (OS2) which allows you to use all of Modular's 20+ sections everywhere including the homepage, product pages, collections, pages, blogs, cart page, search page, and more. Endless flexibility options for your store.

Shopify's online store 2.0 also includes collection filtering tools, unique content using metafields (dynamic source), easy to create custom templates, improved storefront performance. Modular uses all the features included in Shopify's new modern platform.

Getting started with online store 2.0.

Shopify's platform change completely remodels how you can use your store. Start with learning the features and changes Shopify has introduced:

Editing your themeShopify Help Center
Customize your theme
Add storefront filteringShopify Help Center
Collection filtering
TemplatesShopify Help Center
Create your own custom templates
Sections and blocksShopify Help Center
Working with sections and blocks
MetafieldsShopify Help Center
Metafields for unique and custom content
Logo
Logo
Logo
Logo
Logo