# Theme sections

**Sections** are the basic components of your pages. You can add, edit, and rearrange sections to create different layouts with the content and features you want.

Stiletto includes **static sections** that appear on every page and **dynamic sections** that can be re-used and customized to design unique pages.

{% hint style="info" %}
For a general introduction, see our [guide to using sections](https://help.fluorescent.co/stiletto/sections/theme-sections/using-sections).
{% endhint %}

## **Static sections**

***

**Static sections** appear on every page in the same position and their settings are applied site-wide.

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-type="content-ref"></th></tr></thead><tbody><tr><td><a href="../pages/announcement-bar">Announcement bar</a></td><td>Display rotating messages to announce promotions, sales, or store information.</td><td><a href="../pages/announcement-bar">announcement-bar</a></td></tr><tr><td><a href="../pages/header">Header</a></td><td>Display navigation menus, quick cart, search, social icons, and more at the top of pages.</td><td><a href="../pages/header">header</a></td></tr><tr><td><a href="../pages/footer">Footer</a></td><td>Display links, store information, newsletter sign-up, and more at the bottom of pages.</td><td><a href="../pages/footer">footer</a></td></tr><tr><td><a href="popups">Popups</a></td><td>Add popups for promotions, newsletter sign-ups, and age verification.</td><td><a href="popups">popups</a></td></tr></tbody></table>

## **Dynamic sections**

***

**Dynamic sections** have their own settings for every template that you can add or remove, reuse, and rearrange.

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Rich content and media</strong></td><td></td><td></td></tr><tr><td><a href="theme-sections/collapsible-row-list">Collapsible row list</a></td><td>Show expandable rows that reveal more content when clicked.</td><td><a href="theme-sections/collapsible-row-list">collapsible-row-list</a></td></tr><tr><td><a href="theme-sections/gallery-carousel">Gallery carousel</a></td><td>Display images with captions in a rotating carousel.</td><td><a href="theme-sections/gallery-carousel">gallery-carousel</a></td></tr><tr><td><a href="theme-sections/grid">Grid</a></td><td>Combine images, videos, and text in a dynamic collage-style grid.</td><td><a href="theme-sections/grid">grid</a></td></tr><tr><td><a href="theme-sections/image-compare">Image compare</a></td><td>Compare 'before' and 'after' images that are revealed with a slider.</td><td><a href="theme-sections/image-compare">image-compare</a></td></tr><tr><td><a href="theme-sections/image-hero">Image hero</a></td><td>Display a full-width image with highly-customizable features and layout.</td><td><a href="theme-sections/image-hero">image-hero</a></td></tr><tr><td><a href="theme-sections/image-hero-split">Image hero split</a></td><td>Display a side-by-side image and promo with highly-customizable features and layout.</td><td><a href="theme-sections/image-hero-split">image-hero-split</a></td></tr><tr><td><a href="theme-sections/image-with-text">Image with text</a></td><td>Display a feature image with a promo content block.</td><td><a href="theme-sections/image-with-text">image-with-text</a></td></tr><tr><td><a href="theme-sections/image-with-text-split">Image with text split</a></td><td>Display an image and promo content block side-by-side.</td><td><a href="theme-sections/image-with-text-split">image-with-text-split</a></td></tr><tr><td><a href="theme-sections/multi-column">Multi-column</a></td><td>Display a row of text blocks with images and icons.</td><td><a href="theme-sections/multi-column">multi-column</a></td></tr><tr><td>Page (section)</td><td>Insert page content from your Shopify Admin.</td><td></td></tr><tr><td><a href="theme-sections/rich-text">Rich text</a></td><td>Add promotional text with flexible layout and content blocks.</td><td><a href="theme-sections/rich-text">rich-text</a></td></tr><tr><td><a href="theme-sections/scrolling-content">Scrolling content</a></td><td>Display scrolling text, images, and icons.</td><td><a href="theme-sections/scrolling-content">scrolling-content</a></td></tr><tr><td><a href="theme-sections/slideshow">Slideshow</a></td><td>Display auto-rotating slides with call-to-action promo content.</td><td><a href="theme-sections/slideshow">slideshow</a></td></tr><tr><td><a href="theme-sections/video">Video</a></td><td>Display an embedded video from Shopify, YouTube, or Vimeo.</td><td><a href="theme-sections/video">video</a></td></tr><tr><td><a href="theme-sections/video-hero">Video hero</a></td><td>Display a full-width autoplaying video.</td><td><a href="theme-sections/video-hero">video-hero</a></td></tr><tr><td><a href="theme-sections/video-with-text">Video with text</a></td><td>Display an autoplay video with a promo content block.</td><td><a href="theme-sections/video-with-text">video-with-text</a></td></tr><tr><td></td><td></td><td></td></tr><tr><td><strong>Feature products and collections</strong></td><td></td><td></td></tr><tr><td><a href="theme-sections/collection-list-grid">Collection list grid</a></td><td>Display collections in a grid of featured images.</td><td><a href="theme-sections/collection-list-grid">collection-list-grid</a></td></tr><tr><td><a href="theme-sections/collection-list-slider">Collection list slider</a></td><td>Display collections in a carousel of featured images.</td><td><a href="theme-sections/collection-list-slider">collection-list-slider</a></td></tr><tr><td><a href="theme-sections/complete-the-look">Complete the look</a></td><td>Promote multiple products that pair well together.</td><td><a href="theme-sections/complete-the-look">complete-the-look</a></td></tr><tr><td><a href="theme-sections/featured-collection-grid">Featured collection grid</a></td><td>Display products from a collection in a grid.</td><td><a href="theme-sections/featured-collection-grid">featured-collection-grid</a></td></tr><tr><td><a href="theme-sections/featured-collection-slider">Featured collection slider</a></td><td>Display products from a collection in a carousel.</td><td><a href="theme-sections/featured-collection-slider">featured-collection-slider</a></td></tr><tr><td><a href="theme-sections/featured-product">Featured product</a></td><td>Display a single product with an on-page product form.</td><td><a href="theme-sections/featured-product">featured-product</a></td></tr><tr><td><a href="theme-sections/recently-viewed-products">Recently viewed products</a></td><td>Display products that visitors have viewed on your site.</td><td><a href="theme-sections/recently-viewed-products">recently-viewed-products</a></td></tr><tr><td><a href="theme-sections/shoppable-image">Shoppable image</a></td><td>Promote multiple products in a single image with Hotspot links.</td><td><a href="theme-sections/shoppable-image">shoppable-image</a></td></tr><tr><td><a href="theme-sections/shoppable-image-editorial">Shoppable image editorial</a></td><td>Promote multiple products in a single image beside product cards.</td><td><a href="theme-sections/shoppable-image-editorial">shoppable-image-editorial</a></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td><strong>Sales and promotions</strong></td><td></td><td></td></tr><tr><td><a href="theme-sections/countdown-banner">Countdown banner</a></td><td>Promote sales or events with a countdown timer.</td><td><a href="theme-sections/countdown-banner">countdown-banner</a></td></tr><tr><td><a href="theme-sections/countdown-bar">Countdown bar</a></td><td>Promote sales or events with a minimal countdown timer.</td><td><a href="theme-sections/countdown-bar">countdown-bar</a></td></tr><tr><td><a href="theme-sections/promotion-banner">Promotion banner</a></td><td>Announce a campaign, event, or other promotion.</td><td><a href="theme-sections/promotion-banner">promotion-banner</a></td></tr><tr><td><a href="theme-sections/promotion-bar">Promotion bar</a></td><td>Announce a campaign, event, or other promotion with a sleek bar.</td><td><a href="theme-sections/promotion-bar">promotion-bar</a></td></tr><tr><td><a href="theme-sections/sales-banner">Sales banner</a></td><td>Promote a sale with a prominent discount.</td><td><a href="theme-sections/sales-banner">sales-banner</a></td></tr><tr><td><strong>Marketing and Engagement</strong></td><td></td><td></td></tr><tr><td><a href="theme-sections/blog-posts">Blog posts</a></td><td>Display your latest or featured blog posts.</td><td><a href="theme-sections/blog-posts">blog-posts</a></td></tr><tr><td><a href="theme-sections/contact-form">Contact form</a></td><td>Allow customers to send you a message.</td><td><a href="theme-sections/contact-form">contact-form</a></td></tr><tr><td><a href="theme-sections/events">Events</a></td><td>Show a calendar of upcoming events that integrates with Eventbrite.</td><td><a href="theme-sections/events">events</a></td></tr><tr><td><a href="theme-sections/newsletter">Newsletter</a></td><td>Show an on-page newsletter signup form.</td><td><a href="theme-sections/newsletter">newsletter</a></td></tr><tr><td><a href="theme-sections/newsletter-compact">Newsletter compact</a></td><td>Show a minimal on-page newsletter signup form.</td><td><a href="theme-sections/newsletter-compact">newsletter-compact</a></td></tr><tr><td><a href="theme-sections/quotes">Quotes</a></td><td>Showcase rotating quotes from customers, partners, or media.</td><td><a href="theme-sections/quotes">quotes</a></td></tr><tr><td><a href="theme-sections/testimonials">Testimonials</a></td><td>Showcase rotating reviews from customers, partners, or media with featured images.</td><td><a href="theme-sections/testimonials">testimonials</a></td></tr><tr><td></td><td></td><td></td></tr></tbody></table>