> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/stiletto/sections/theme-sections.md).

# 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](/stiletto/sections/theme-sections/using-sections.md).
{% endhint %}

<h2 align="center"><strong>Static sections</strong></h2>

***

**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="/stiletto/pages/announcement-bar.md">Announcement bar</a></td><td>Display rotating messages to announce promotions, sales, or store information.</td><td><a href="/stiletto/pages/announcement-bar.md">Announcement bar</a></td></tr><tr><td><a href="/stiletto/pages/header.md">Header</a></td><td>Display navigation menus, quick cart, search, social icons, and more at the top of pages.</td><td><a href="/stiletto/pages/header.md">Header</a></td></tr><tr><td><a href="/stiletto/pages/footer.md">Footer</a></td><td>Display links, store information, newsletter sign-up, and more at the bottom of pages.</td><td><a href="/stiletto/pages/footer.md">Footer</a></td></tr><tr><td><a href="/stiletto/sections/popups.md">Popups</a></td><td>Add popups for promotions, newsletter sign-ups, and age verification.</td><td><a href="/stiletto/sections/popups.md">Popups</a></td></tr></tbody></table>

<h2 align="center"><strong>Dynamic sections</strong></h2>

***

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