All Theme Sections Overview

Building a beautiful, high-converting Shopify store starts with choosing the right sections. This guide gives you a complete overview of every theme section available, along with a clear description of what each one does. Whether you're showcasing products, highlighting promotions, sharing customer stories, or adding visual flair, these sections help you design pages that are engaging, informative, and tailored to your brand—no coding required.

Use this article as your master reference to quickly understand each section’s purpose and discover which ones best fit the experience you want to create.

💡 Want to see this theme section in action? Go to our demo store here to experience this intuitive theme section, along with our other Theme Sections!

Installing a theme section to your Shopify theme

Before going to the Shopify Theme Editor to insert this theme section, you would first need to install it from the Vitals app.

For a complete list of instructions, you may refer to this article: How to Add a Theme Section to Your Shopify Store

Once you have successfully installed the theme section, you can now go to the Shopify Theme Editor and insert it by clicking Add section > Vitals: (name of theme section).

⭐ = Popular theme section

✨ Content & Information Sections

Frequently Asked Questions (FAQ)

Provide quick, structured answers to common questions to improve customer clarity and reduce friction.

FAQ & Icons

Display FAQs enhanced with icons to make topics easier to scan and visually understand.

Announcement Banner

Show short, high-visibility messages at the top of your store for promotions or important updates.

Rotating Text Bar

Show multiple announcements in a rotating bar that saves space while keeping messages visible.

Text & Button

Share a concise message with a call-to-action button to guide customers to key pages.

Text & Button & Border

Present a message and CTA inside a clean bordered layout for a minimalist, refined look.

Wavy Banner & Button

Highlight a message with a CTA using a modern, wavy banner design to draw visual attention.

🛍️ Product & Collection Sections

Featured Products Carousel ⭐

Showcase handpicked products in a smooth carousel to highlight items you want to promote.

Collection Products Carousel

Display products from a selected collection in a customizable, scrollable carousel.

Featured Products Grid

Show featured products in a clean grid for easy browsing and discovery.

Featured Collections Grid

Highlight an entire collection and display its products in a simple, shoppable grid.

Products Grid & Banner

Combine a promotional banner with a product grid to spotlight offers or featured collections.

Collection Banners

Promote popular collections using eye-catching banners that guide customers through categories.

Collection Circles ⭐

Display collections in a stylish circle layout that’s especially engaging on mobile.

Collection Rectangles

Show collections in a clean rectangular format for easy category exploration.

Shop the Look

Display a styled scene with interactive product pins so customers can shop items directly from an image.

🎥 Media-Driven Sections

Video & Text

Pair a video with descriptive text to tell stories, highlight products, or share brand messaging.

Text Box & Video

Overlay bold messaging next to a video background or block for high-impact storytelling.

Video Carousel

Showcase multiple videos in a smooth carousel ideal for demos, tutorials, or brand features.

Media Gallery

Display images in a flexible gallery layout for product photography, inspiration, or brand visuals.

🖼️ Image & Text Sections

Image & Text – Simple ⭐

Pair an image with text to highlight key messages, product features, or promotional content.

Image & Text – Overlap

Layer text and image elements for a dynamic overlapping layout that draws attention.

Two Images & Text

Share content with a balanced two-image layout paired with descriptive text.

Text Box & Background

Place bold text over an image background to emphasize statements, promotions, or announcements.

✨ Visual Enhancement & Decorative Sections

Decorative Borders

Add stylish borders to sections for a more unique, elevated look.

Dividers

Insert clean dividers to visually separate content blocks and improve readability.

Value Icons ⭐

Display key store benefits using icons and text for quick customer reassurance.

Value Icons Bar

Show essential store perks in a compact, icon-based horizontal bar.

Value Icons & Image

Pair icons with a product image to visually communicate benefits and features.

Value Icons Cards

Present benefits or values in card-style icon blocks for clear, structured messaging.

Value Icons Cards & Image

Combine a large image with value-driven icon cards for a balanced, compelling highlight section.

Testimonials

Show a carousel of customer reviews with names, text, and ratings to build trust.

Testimonials & Text

Combine customer testimonials with supporting text for added credibility and storytelling.

Image Testimonials

Pair customer photos with their reviews to display authentic, relatable experiences.

Testimonials & Rating

Showcase testimonials alongside an overall average star rating for stronger social proof.

⏳ Timers

Flash Sale Countdown ⭐

Boost urgency with a real-time countdown timer that encourages faster purchasing decisions.

Countdown Timer Banner

Display a countdown over a customizable banner background to spotlight limited-time events.

🗺️ Map & Location Sections

Map

Embed a Google Map showing your store location to make in-person visits easier.

Map & Text

Pair a map with supporting text such as hours, directions, or contact details.

🔍 Before-and-After Comparison Sections

Compare Slider

Let customers drag to reveal before-and-after images for a visual transformation experience.

Compare Slider & Text

Show before-and-after comparisons with accompanying text to explain results or context.