Overview

What is a theme section?

Theme sections are the building blocks of your Shopify storefront. Each section represents a modular piece of content—such as a banner, product list, slideshow, or testimonials—that you can add, remove, or reorder to design your pages without coding.

Every section is built from blocks, which control the internal content and layout of that section (e.g., headings, images, buttons, icons, videos, and more).

In Pebble, sections are highly flexible, responsive, and optimized for both design and performance.

Explore a full list of available sections in the theme editor.

How sections work in the theme editor

Inside the theme editor, you can:

• Add a section → Choose from Pebble’s full library

• Reorder sections → Drag and drop to adjust page structure

• Customize settings → Adjust layout, appearance, and content

• Add blocks inside a section → Learn more about blocks

• Duplicate or remove sections as needed.

Sections update in real time so you can preview your layout as you build.

Common settings available in most sections

Although each section has its own unique features, many include a shared set of universal controls:

• Container

• Color scheme

• Border

• Padding

Container

The Container setting controls how wide your content appears on the page.

Options:

• Full – Stretches the section across the full browser width. Best for banners, marquees, hero sections, and full-bleed visuals.

• Fixed – Keeps content within the theme's standard page width. Best for text-heavy sections, product info, or content that needs consistent alignment with the rest of the page.

Fixed width follows the Theme settings > Page width.

Fullwidth

Fixed width

Color scheme

Border

Padding

Explore Pebble sections

Hero bannerBlog postsCollage: EditorialCollection links: BackgroundCollection links: ImageCollection links: ScrollingCollection links: SpotlightCollection listCollection list: Flex carouselCollection tabsComparison galleryComparison tableContact formCountdown timerCustom sectionFAQFeatured collectionHighlight text with imageIcon boxesImage cards: Flex carouselImages stack bannerTestimonials: Split full frame

Lookbook bannerLookbook carouselMasonry sectionMedia galleryNewsletterPressProducts bundleProducts bundle: ChooseProducts highlightProduct highlight pointsProduct suggestionProduct tabsProgress timelineRich textScrolling cardsScrolling cards: LayeredScrolling layersShop the lookSlideshowStore locatorsTestimonialsTestimonials: SplitVideo cards: Flex carousel