Theme Sections
Theme sections are the flexible building blocks of your Shopify store. They can be added to almost any page, rearranged in any order, and customized independently.
The Wokiee theme includes a variety of pre-built, modular sections that can be added to any Shopify page. Sections are designed to help merchants create flexible layouts, customize content visually, and highlight key store features without requiring code edits.
Each section can be:
Added to any page within the Shopify Theme Editor.
Moved to change the display order.
Customized individually, allowing unique content and design on every page.
To make navigation and documentation simpler, theme sections are grouped into seven main chapters, each containing specific section types with different design purposes.
Banners
Sections in this chapter are designed to display visual content, promotional imagery, and featured campaigns. They include layouts like Banners, Collages, Sliders, and Image Comparisons, allowing stores to capture attention and create strong visual storytelling at the top of pages or between content blocks.
Brands
These sections focus on brand representation and help merchants display partner logos, vendor listings, or brand highlights. The Brands: List and Brands: Listing sections make it easy to showcase the companies and collections your store carries, reinforcing trust and recognition.
Collections
The collection sections are used to organize and visually present product categories in various styles — from grids to text-focused layouts. They include Collection list: Spotlight, Text, Type 1, Type 2, and Popular categories, enabling dynamic category presentation that fits your store’s layout and tone.
Forms
Form sections are designed to collect customer information and maintain communication. The Contact Form section lets customers reach out directly, while the Newsletter Signup section supports marketing subscriptions and customer engagement.
Layout
Layout sections affect the overall structure and background presentation of pages. The Background section allows merchants to apply visual backgrounds using colors, gradients, or images — providing design consistency across different content areas.
Products
Product-based sections control how individual items or product groups are displayed throughout the theme. These include Featured Product, Product List, Product Recommendations, and multiple specialized variations (e.g., Tabs, Table, Row, with Banner, and more). Additional sections like Recently Viewed, Scrolling Product List, and Shop the Feed improve browsing experience and customer engagement.
Storytelling
Storytelling sections help merchants build brand identity and emotional connection through rich, interactive content.
Adding and Rearranging Sections
In the Theme Editor, you can:
Add new sections to any supported page (for example, the home page, product page, or collection page).
Reorder sections by dragging and dropping them in the sidebar.
Customize each section independently to display different content across pages.
This modular approach makes it easy to design pages that reflect your brand and support your store’s goals.
Each chapter contains distinct section types, each with its own set of customization options and visual styles.
How to Use Sections in the Theme Editor
All sections can be managed directly in the Shopify Theme Editor. To customize your store layout:
Open the theme in the Shopify admin → Online Store → Themes → Customize.
Select the page type you want to edit (e.g., Home page, Product page, Collection page).
Add a section by clicking “Add section” and choosing from the available categories (Banners, Storytelling, Products, etc.).
Reorder sections by dragging them in the sidebar to adjust page layout.
Edit settings for each section individually — such as text, images, colors, spacing, and display options.
Save your changes to apply them instantly on your storefront.
Each section has its own set of customization options described in the following documentation chapters. You can freely combine multiple sections to create unique, flexible page designs that fit your brand.
Last updated