# 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 %}

## **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/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>

## **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="/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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.fluorescent.co/stiletto/sections/theme-sections.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.