Sections

Build your pages with Safa’s powerful section system. Each section can be added, removed, and rearranged to create unique layouts for every template.

All Safa Sections

Sections are modular content blocks you can add to any template in the theme editor. Click a section to learn more.

📝

Blog Posts

Display your latest blog content anywhere on your site to drive engagement and improve SEO.

📋

Collection List

Showcase your collections in an organized grid layout.

⭐

Featured Collection

Display products from a specific collection in a grid layout.

📱

Featured Product

Feature a single product with detailed information, images, and add-to-cart.

🖼️

Image with Text

Combine media and messaging in a versatile side-by-side layout.

🏷️

Logo List

Display familiar brands to build social proof.

📋

Menu List

Display navigation menus with optional images for each block.

✉️

Gather customer emails with a signup form to build your marketing list.

📄

Rich Text

Add formatted text with headings, paragraphs, and links to any page.

🖼️

Slideshow

Create a rotating showcase of images with text overlays and CTAs.

📍

Adding a Map

Add a Google Map to show your store location and help customers find you.

🚫

Age Verifier

Restrict access to age-sensitive content with a verification prompt.

How Sections Work

Sections are the building blocks of Safa’s Online Store 2.0 architecture.

Add to Any Template

Sections can be added to home page, product page, collection page, static page, blog post, blog page, cart page, search results, 404, and password pages.

Drag and Drop

Rearrange sections by dragging them up and down in the theme editor sidebar. Each section can be repositioned independently.

Per-Template Customization

Create distinct templates with different section arrangements. Use the page selector to manage sections per template.