# Sections

- [Announcement bar](/sections/announcement-bar.md): The announcement bar is a section where you can keep customers informed of important information. By default, it is at the top of the page, but you can reorder it to any spot within the header group.
- [Back to top](/sections/back-to-top.md): Back to top adds a floating button that can be pressed to scroll back to the top of the page. It will only display after scrolling past a certain distance.
- [Banner grid](/sections/banner-grid.md): The banner grid component can be used to create a series of image banners that occupy different widths and heights in relation to eachother.
- [Before/after image](/sections/before-after-image.md): The before/after image section is often used by beauty brands to highlight the results of their products. Sliding the range to the start reveals the after image fully.
- [Bottom bar](/sections/bottom-bar.md): The bottom is an optional section found at the bottom of every page. This can be used to display supplementary information that takes less precedence than your footer content
- [Blog posts](/sections/blog-posts.md): The blog posts section allows you to display a list of recent blog posts from a particular blog. To feature only a single post, use the Featured Blog Post section.
- [Cart drawer](/sections/cart-drawer.md)
- [Collapsible content](/sections/collapsible-content.md): Collapsible content allows you to create a list of expandable elements.
- [Collection list](/sections/collection-list.md): The collection list section allows you to display a list of featured collections in a grid or slideshow format.
- [Contact form](/sections/contact-form.md): The contact form section allows customers to submit inquries to your store.
- [Countdown timer](/sections/countdown-timer.md): The countdown timer informs customers about promotions or discounts that are available for a limited time only. You can choose a simple color background or select an image or video background instead.
- [Custom liquid](/sections/custom-liquid.md): Custom liquid is an advanced section where advanced users can add entirely custom code to to the theme.
- [External video](/sections/external-video.md)
- [Featured collection](/sections/featured-collection.md): Featured collection allows you to highlight products from an already existing collection or a custom list of products.
- [Featured post](/sections/featured-post.md): Got a big announcement to share? Highlight a single blog post with the featured post section.
- [Featured product](/sections/featured-product.md): The featured product section allows you add a complete product form to a page other than the product page. Adding a product form to another page can be useful for stores with custom flows.
- [Footer](/sections/footer.md)
- [Header](/sections/header.md): The main navigation for the site is found in the header section.
- [Image banner](/sections/image-banner.md)
- [Image hotspot](/sections/image-hotspot.md): The Image hotspot section lets you place hotspots over an image—perfect for showcasing products in lifestyle photos or labeling elements in a diagram.
- [Image with text](/sections/image-with-text.md)
- [Logo list](/sections/logo-list.md): The logo list component allows you to highlight key brand mentions and partnerships in order to improve your brand authority.
- [Media grid](/sections/media-grid.md): The media grid is a way to highlight images with an optional quick add button. This section is ideal for displaying shoppable social media images from sites such as Instagram.
- [Multicolumn](/sections/multicolumn.md): Multicolumn is a flexible section that allows you to create a column layout of mixed text with images, or either images and text alone.
- [Newsletter](/sections/newsletter.md): This section renders a standalone newsletter section within the flow of the page.
- [Newsletter popup](/sections/newsletter-popup.md): The newsletter popup is a section where you can add a simple, on brand newsletter popup without the need for external apps.
- [Recently viewed](/sections/recently-viewed.md): This section will output a list of recently viewed products that a customer has already viewed on the store, including products viewed in the quick add window.
- [Rich text](/sections/rich-text.md)
- [Rich text columns](/sections/rich-text-columns.md): Rich text is a versatile section that allows you to display theme blocks in two equal-width columns.
- [Scrolling content](/sections/scrolling-content.md): Scrolling content  creates a marquee-like section where the text autorotates.
- [Search modal](/sections/search-modal.md): The search modal is triggered when the user hits the search button. You can surface recommendations to the user before they make their search by adjusting the settings here.
- [Section header](/sections/section-header.md)
- [Shoppable banner](/sections/shoppable-banner.md)
- [Sidebar menu](/sections/sidebar-menu.md): The Sidebar Menu is displayed for mobile users and other small screens. It is displayed as a hamburger menu on small screens.
- [Slideshow](/sections/slideshow.md)
- [Split banner](/sections/split-banner.md): The split banner is one of the most flexible sections in the theme, allowing you to put two types of blocks side by side.
- [Split card](/sections/split-card.md)
- [Stacked images with text](/sections/stacked-images-with-text.md)
- [Testimonials](/sections/testimonials.md)
- [Video banner](/sections/video-banner.md)
- [Video reels](/sections/video-reels.md)
- [Video with text](/sections/video-with-text.md)