> 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="/pages/mw0vLXPYVGESwI5Cd4lR">Announcement bar</a></td><td>Display rotating messages to announce promotions, sales, or store information.</td><td><a href="/pages/mw0vLXPYVGESwI5Cd4lR">/pages/mw0vLXPYVGESwI5Cd4lR</a></td></tr><tr><td><a href="/pages/wDs2c80NQpl45lK7AFYC">Header</a></td><td>Display navigation menus, quick cart, search, social icons, and more at the top of pages.</td><td><a href="/pages/wDs2c80NQpl45lK7AFYC">/pages/wDs2c80NQpl45lK7AFYC</a></td></tr><tr><td><a href="/pages/6olCq6V7vQf0R2ahs53w">Footer</a></td><td>Display links, store information, newsletter sign-up, and more at the bottom of pages.</td><td><a href="/pages/6olCq6V7vQf0R2ahs53w">/pages/6olCq6V7vQf0R2ahs53w</a></td></tr><tr><td><a href="/pages/beSCnyjQY6SJ8dOmikXp">Popups</a></td><td>Add popups for promotions, newsletter sign-ups, and age verification.</td><td><a href="/pages/beSCnyjQY6SJ8dOmikXp">/pages/beSCnyjQY6SJ8dOmikXp</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="/pages/k9xoVhFVWImXlB4TKdfx">Collapsible row list</a></td><td>Show expandable rows that reveal more content when clicked.</td><td><a href="/pages/k9xoVhFVWImXlB4TKdfx">/pages/k9xoVhFVWImXlB4TKdfx</a></td></tr><tr><td><a href="/pages/QdkEwXVqNZyE6OpZ7t7L">Gallery carousel</a></td><td>Display images with captions in a rotating carousel.</td><td><a href="/pages/QdkEwXVqNZyE6OpZ7t7L">/pages/QdkEwXVqNZyE6OpZ7t7L</a></td></tr><tr><td><a href="/pages/qv1N58ee8qtlGGePDbxM">Grid</a></td><td>Combine images, videos, and text in a dynamic collage-style grid.</td><td><a href="/pages/qv1N58ee8qtlGGePDbxM">/pages/qv1N58ee8qtlGGePDbxM</a></td></tr><tr><td><a href="/pages/RK0l77VZjyWAYKYYDo4h">Image compare</a></td><td>Compare 'before' and 'after' images that are revealed with a slider.</td><td><a href="/pages/RK0l77VZjyWAYKYYDo4h">/pages/RK0l77VZjyWAYKYYDo4h</a></td></tr><tr><td><a href="/pages/mpPIDXhZseqNygstoDXe">Image hero</a></td><td>Display a full-width image with highly-customizable features and layout.</td><td><a href="/pages/mpPIDXhZseqNygstoDXe">/pages/mpPIDXhZseqNygstoDXe</a></td></tr><tr><td><a href="/pages/jWvksQQ2BDrFZ1tbJVjZ">Image hero split</a></td><td>Display a side-by-side image and promo with highly-customizable features and layout.</td><td><a href="/pages/jWvksQQ2BDrFZ1tbJVjZ">/pages/jWvksQQ2BDrFZ1tbJVjZ</a></td></tr><tr><td><a href="/pages/BYNsSaaTihC8K9PVRNZE">Image with text</a></td><td>Display a feature image with a promo content block.</td><td><a href="/pages/BYNsSaaTihC8K9PVRNZE">/pages/BYNsSaaTihC8K9PVRNZE</a></td></tr><tr><td><a href="/pages/Mlmk8LDIPmDmll6teNsT">Image with text split</a></td><td>Display an image and promo content block side-by-side.</td><td><a href="/pages/Mlmk8LDIPmDmll6teNsT">/pages/Mlmk8LDIPmDmll6teNsT</a></td></tr><tr><td><a href="/pages/vqSpbZwcaCflvgUOrSNS">Multi-column</a></td><td>Display a row of text blocks with images and icons.</td><td><a href="/pages/vqSpbZwcaCflvgUOrSNS">/pages/vqSpbZwcaCflvgUOrSNS</a></td></tr><tr><td>Page (section)</td><td>Insert page content from your Shopify Admin.</td><td></td></tr><tr><td><a href="/pages/jGup6WqmI4diNZlgKDbS">Rich text</a></td><td>Add promotional text with flexible layout and content blocks.</td><td><a href="/pages/jGup6WqmI4diNZlgKDbS">/pages/jGup6WqmI4diNZlgKDbS</a></td></tr><tr><td><a href="/pages/QelJGA84hPue5YxW8DNN">Scrolling content</a></td><td>Display scrolling text, images, and icons.</td><td><a href="/pages/QelJGA84hPue5YxW8DNN">/pages/QelJGA84hPue5YxW8DNN</a></td></tr><tr><td><a href="/pages/HL2u1GiSCDqFNfx99voL">Slideshow</a></td><td>Display auto-rotating slides with call-to-action promo content.</td><td><a href="/pages/HL2u1GiSCDqFNfx99voL">/pages/HL2u1GiSCDqFNfx99voL</a></td></tr><tr><td><a href="/pages/yoxCZcls0tljeDArPKbS">Video</a></td><td>Display an embedded video from Shopify, YouTube, or Vimeo.</td><td><a href="/pages/yoxCZcls0tljeDArPKbS">/pages/yoxCZcls0tljeDArPKbS</a></td></tr><tr><td><a href="/pages/yFWv6NHmHKa1t80G534f">Video hero</a></td><td>Display a full-width autoplaying video.</td><td><a href="/pages/yFWv6NHmHKa1t80G534f">/pages/yFWv6NHmHKa1t80G534f</a></td></tr><tr><td><a href="/pages/YK3BincxeaguNQ7N0dtR">Video with text</a></td><td>Display an autoplay video with a promo content block.</td><td><a href="/pages/YK3BincxeaguNQ7N0dtR">/pages/YK3BincxeaguNQ7N0dtR</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="/pages/s0TQu9vqAOZxpqpe4rIi">Collection list grid</a></td><td>Display collections in a grid of featured images.</td><td><a href="/pages/s0TQu9vqAOZxpqpe4rIi">/pages/s0TQu9vqAOZxpqpe4rIi</a></td></tr><tr><td><a href="/pages/PP9MnClvzKVH4cC6MiOL">Collection list slider</a></td><td>Display collections in a carousel of featured images.</td><td><a href="/pages/PP9MnClvzKVH4cC6MiOL">/pages/PP9MnClvzKVH4cC6MiOL</a></td></tr><tr><td><a href="/pages/SENAjgJGloNmRUylkTW1">Complete the look</a></td><td>Promote multiple products that pair well together.</td><td><a href="/pages/SENAjgJGloNmRUylkTW1">/pages/SENAjgJGloNmRUylkTW1</a></td></tr><tr><td><a href="/pages/r4Ep1rFIPx5aWz2QD0ej">Featured collection grid</a></td><td>Display products from a collection in a grid.</td><td><a href="/pages/r4Ep1rFIPx5aWz2QD0ej">/pages/r4Ep1rFIPx5aWz2QD0ej</a></td></tr><tr><td><a href="/pages/XiXoNEYuJhb2yM8QcScc">Featured collection slider</a></td><td>Display products from a collection in a carousel.</td><td><a href="/pages/XiXoNEYuJhb2yM8QcScc">/pages/XiXoNEYuJhb2yM8QcScc</a></td></tr><tr><td><a href="/pages/27ndzOO5Pwy8tXZEVnCO">Featured product</a></td><td>Display a single product with an on-page product form.</td><td><a href="/pages/27ndzOO5Pwy8tXZEVnCO">/pages/27ndzOO5Pwy8tXZEVnCO</a></td></tr><tr><td><a href="/pages/cUr6iq8BEaLL4jR1ITpj">Recently viewed products</a></td><td>Display products that visitors have viewed on your site.</td><td><a href="/pages/cUr6iq8BEaLL4jR1ITpj">/pages/cUr6iq8BEaLL4jR1ITpj</a></td></tr><tr><td><a href="/pages/56EABP9hO69zpLU6PXzI">Shoppable image</a></td><td>Promote multiple products in a single image with Hotspot links.</td><td><a href="/pages/56EABP9hO69zpLU6PXzI">/pages/56EABP9hO69zpLU6PXzI</a></td></tr><tr><td><a href="/pages/HUCE9Zqd0ZRmNYy8Q3pg">Shoppable image editorial</a></td><td>Promote multiple products in a single image beside product cards.</td><td><a href="/pages/HUCE9Zqd0ZRmNYy8Q3pg">/pages/HUCE9Zqd0ZRmNYy8Q3pg</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="/pages/7Z4wzIiu6BgUGbiGUQsI">Countdown banner</a></td><td>Promote sales or events with a countdown timer.</td><td><a href="/pages/7Z4wzIiu6BgUGbiGUQsI">/pages/7Z4wzIiu6BgUGbiGUQsI</a></td></tr><tr><td><a href="/pages/Cp39Nror8Bz3ilxCdELB">Countdown bar</a></td><td>Promote sales or events with a minimal countdown timer.</td><td><a href="/pages/Cp39Nror8Bz3ilxCdELB">/pages/Cp39Nror8Bz3ilxCdELB</a></td></tr><tr><td><a href="/pages/lp2rp7X0h4I1kDcg42sB">Promotion banner</a></td><td>Announce a campaign, event, or other promotion.</td><td><a href="/pages/lp2rp7X0h4I1kDcg42sB">/pages/lp2rp7X0h4I1kDcg42sB</a></td></tr><tr><td><a href="/pages/DhctjJBXqkLZ7o3lxX5C">Promotion bar</a></td><td>Announce a campaign, event, or other promotion with a sleek bar.</td><td><a href="/pages/DhctjJBXqkLZ7o3lxX5C">/pages/DhctjJBXqkLZ7o3lxX5C</a></td></tr><tr><td><a href="/pages/5VvMs9E2qFl5FrR2puiX">Sales banner</a></td><td>Promote a sale with a prominent discount.</td><td><a href="/pages/5VvMs9E2qFl5FrR2puiX">/pages/5VvMs9E2qFl5FrR2puiX</a></td></tr><tr><td><strong>Marketing and Engagement</strong></td><td></td><td></td></tr><tr><td><a href="/pages/zF9IzFlAZTJCJjT4TglA">Blog posts</a></td><td>Display your latest or featured blog posts.</td><td><a href="/pages/zF9IzFlAZTJCJjT4TglA">/pages/zF9IzFlAZTJCJjT4TglA</a></td></tr><tr><td><a href="/pages/P3pu7w67dQwiy93HsTJI">Contact form</a></td><td>Allow customers to send you a message.</td><td><a href="/pages/P3pu7w67dQwiy93HsTJI">/pages/P3pu7w67dQwiy93HsTJI</a></td></tr><tr><td><a href="/pages/VXEwjL9g5hG9vyumtQon">Events</a></td><td>Show a calendar of upcoming events that integrates with Eventbrite.</td><td><a href="/pages/VXEwjL9g5hG9vyumtQon">/pages/VXEwjL9g5hG9vyumtQon</a></td></tr><tr><td><a href="/pages/6TPnowGNBD95wQhqXVhC">Newsletter</a></td><td>Show an on-page newsletter signup form.</td><td><a href="/pages/6TPnowGNBD95wQhqXVhC">/pages/6TPnowGNBD95wQhqXVhC</a></td></tr><tr><td><a href="/pages/h87fxrefM2BxWD2AFg8l">Newsletter compact</a></td><td>Show a minimal on-page newsletter signup form.</td><td><a href="/pages/h87fxrefM2BxWD2AFg8l">/pages/h87fxrefM2BxWD2AFg8l</a></td></tr><tr><td><a href="/pages/XatI2WCkKAlTJPBSVJAD">Quotes</a></td><td>Showcase rotating quotes from customers, partners, or media.</td><td><a href="/pages/XatI2WCkKAlTJPBSVJAD">/pages/XatI2WCkKAlTJPBSVJAD</a></td></tr><tr><td><a href="/pages/vaagMfkDzlkO8De9fzZl">Testimonials</a></td><td>Showcase rotating reviews from customers, partners, or media with featured images.</td><td><a href="/pages/vaagMfkDzlkO8De9fzZl">/pages/vaagMfkDzlkO8De9fzZl</a></td></tr><tr><td></td><td></td><td></td></tr></tbody></table>