🧩Sections and Features

Sections and Features Overview

What You’ll Learn

🧱 A full list of flexible, theme-native sections 🎯 Where and how to use them in Plain Jane and Interactive 🔀 How they combine with immersive or traditional layouts

Plain Jane themes give you access to a wide range of reusable sections that can be stacked, styled, and re-ordered to create dynamic pages. These work across all versions — including Plain Jane Starter, Interactive, and Standard.

💡 Sections can be added to any page via the Shopify Theme Editor — including your homepage, custom pages, password page, and now inside Interactive Space layouts.

Supported Sections

Here’s a quick look at what’s available out of the box:

  • Blog Feed Section Show recent blog posts with thumbnails, titles, and descriptions.

  • Collection Display Section Highlight a specific collection with optional call-to-action text and buttons.

  • Collection List Section Display multiple collections in a grid with customizable layout options.

  • Email Signup (Popup) Display a timed or exit-intent modal for email capture.

  • Email Signup (Embed) Embed a signup form directly into any part of your layout.

  • FAQ Section Add collapsible question-and-answer content — perfect for product info or support.

  • Hero Section Full-width hero banner with text overlay, call-to-action button, and responsive controls.

  • Image Selector Section Showcase images with custom clickable zones that act like links (great for editorial content).

  • Image Stream Section Create a looping horizontal scroll of brand visuals or lifestyle shots.

  • Marquee Section Add auto-scrolling text strips for announcements or promos.

  • Preloader Section Create a branded loading screen experience for immersive stores.

  • Product Carousel Section Feature products in a swipeable row with optional quick view and badges.

  • Text Block Section Add stylized text blocks with alignment, size, and spacing controls.

  • Video Spotlight Section Embed a full-width video with optional autoplay, controls, and caption text.

  • Blog Articles Section Display blog articles in a card-based grid layout with fade-in animations and custom styling.

  • Blog Background Section Create immersive blog page backgrounds with video, images, color overlays, and gradient effects.

  • Blog Timezone Section (Clock) Add a professional clock and logo display system to blog pages with real-time functionality.

  • Interactive Environment Section Create immersive, navigable spaces with interactive navigation, backgrounds, and brand integration.

  • Dynamic Background Section (Enhanced) Advanced background system with slideshow functionality, typewriter effects, and sophisticated animations.

  • Index Center Layout Section Create sophisticated centered homepage navigation with interactive effects, logo integration, and timezone display.

Where These Can Be Used

  • 💻 Homepage — Build your full landing experience using any combo of these.

  • 📄 Custom Pages — Stack sections under your page templates or in Canvas pages.

  • 🔒 Password Page — Add FAQs, email capture, countdowns, or video here.

  • 🎮 Interactive Space — Mix traditional sections with immersive touchpoint layouts.

⚠️ Not all sections support product links or commerce features. Use product-focused sections (like Collection Display or Product Carousel) for conversion-heavy areas.

Need Help?

PreviousUsing The Store Unlock AnimationNextAdding Interactive Points

Last updated