# Theme Sections

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:

1. **Open** the theme in the Shopify admin → *Online Store → Themes → Customize*.
2. **Select** the page type you want to edit (e.g., Home page, Product page, Collection page).
3. **Add a section** by clicking **“Add section”** and choosing from the available categories (Banners, Storytelling, Products, etc.).
4. **Reorder sections** by dragging them in the sidebar to adjust page layout.
5. **Edit settings** for each section individually — such as text, images, colors, spacing, and display options.
6. **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.
