How to Use Ecomdev Sections Hub
A complete guide to browsing, importing, and customizing sections for your Shopify store.
Your Dashboard
The dashboard is your command center for managing all your imported sections and browsing the library.
Pro tip: Use the search bar and category filters to quickly find the perfect section for your needs.
Importing Sections — Step by Step
Browse the Library
Open the Sections Hub app from your Shopify admin. Browse the full library of available sections. Use the category tabs to filter by Landing Pages, Pop-Ups, or Theme Sections. Use the search bar to find sections by name or keyword.
Preview & Select
Click on any section to see a detailed preview. Review the design, check desktop and mobile previews, and read the description to make sure it fits your needs. When you're ready, click "Import to Theme".
Customize in Theme Editor
After importing, the section appears in your Shopify theme editor. Customize all content — text, images, colors, spacing, and layout — using the familiar theme editor controls. No code editing needed.
Pro tip: Click "Preview" in the theme editor to see exactly how your section will look before publishing.
Section Types Explained
Landing Page Sections
Full-page components designed for product launches, campaigns, and marketing pages. Includes hero banners, feature showcases, testimonials, CTAs, and more.
Tip: Combine multiple landing page sections to build a complete page.
Pop-Up Sections
Overlay components that appear on top of your existing pages. Perfect for email capture, announcements, discount offers, and important notifications.
Tip: Keep pop-up content concise — a clear headline, brief message, and one strong CTA.
Theme Sections
Modular components that integrate inline with your existing theme. Add them anywhere in your page layout using the theme editor's drag-and-drop interface.
Tip: Theme sections work with any Shopify theme — free or paid.
Making Sections Your Own
Every section is fully customizable through the Shopify theme editor. Here's what you can change:
Text & Content
Headlines, descriptions, button labels, links
Colors & Styling
Background, text, accent colors, gradients
Images & Media
Upload images, set alt text, choose sizes
Layout & Spacing
Padding, margins, column widths, alignment
Visibility
Show/hide on desktop or mobile
Live Preview
See changes in real time before publishing
Pro tip: Use your brand's color palette consistently across all sections for a cohesive store design.
Live Examples
Hero Section with Video Background
Hero Section with Video Background
Full-width hero with overlay text and CTA button, imported and customized in under 5 minutes.
Product Feature Grid
Product Feature Grid
3-column feature grid highlighting product benefits with icons and descriptions.
Email Capture Pop-Up
Email Capture Pop-Up
Centered pop-up with discount offer and email signup form.
FAQ Accordion Section
FAQ Accordion Section
Expandable FAQ section with customizable questions and answers.