# Sections overview

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="image">Cover image</th></tr></thead><tbody><tr><td><strong>Announcement carousel</strong></td><td><a href="sections-overview/announcement-carousel">announcement-carousel</a></td><td><a href="https://1258209387-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwW8WoofsfSzp49h7DuLl%2Fuploads%2FPt5d26FTrQfdmaKgSFA6%2FAnnouncement-carousel-1-A-tb.png?alt=media&#x26;token=fa7259a0-5292-460a-b2f7-61fbdf3d0632">Announcement-carousel-1-A-tb.png</a></td></tr><tr><td><strong>Announcement scroller</strong></td><td><a href="sections-overview/announcement-scroller">announcement-scroller</a></td><td><a href="https://1258209387-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwW8WoofsfSzp49h7DuLl%2Fuploads%2FoShwVcWtzxN1ws13hPSc%2Fannouncement-scroller-1-A-tb.png?alt=media&#x26;token=d60c4489-a435-422b-96f2-2ee939343316">announcement-scroller-1-A-tb.png</a></td></tr><tr><td><strong>Collection list media</strong></td><td><a href="sections-overview/collection-list-media">collection-list-media</a></td><td><a href="https://1258209387-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwW8WoofsfSzp49h7DuLl%2Fuploads%2FjJbJIWIRFRMwYoOuaP4s%2FCollection-list-media-1-A-tb.png?alt=media&#x26;token=36fa377d-34ec-4adf-81f2-3b40a363c75f">Collection-list-media-1-A-tb.png</a></td></tr><tr><td><strong>Collection list hero</strong></td><td><a href="sections-overview/collection-list-hero">collection-list-hero</a></td><td><a href="https://1258209387-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwW8WoofsfSzp49h7DuLl%2Fuploads%2F5VlLd1bXVMlZ7GD3wbqy%2Fcollection-list-hero-1-A-tb.png?alt=media&#x26;token=df19eee5-5b1f-47ed-a914-73e8018eca90">collection-list-hero-1-A-tb.png</a></td></tr><tr><td><strong>Collapsible row tabs</strong></td><td><a href="sections-overview/collapsible-row-tabs">collapsible-row-tabs</a></td><td><a href="https://1258209387-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwW8WoofsfSzp49h7DuLl%2Fuploads%2F3PoYIburtUHULPngHp5J%2Fcollapsible-row-tabs-1-A-tb.png?alt=media&#x26;token=6fbcf88e-f5c2-42ae-abd5-94b9faf9658e">collapsible-row-tabs-1-A-tb.png</a></td></tr><tr><td><strong>Countdown banner</strong></td><td><a href="sections-overview/countdown-banner">countdown-banner</a></td><td><a href="https://1258209387-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwW8WoofsfSzp49h7DuLl%2Fuploads%2FNsEbkMYI7rdltpZ1HXtF%2Fcountdown-banner-1-A-tb.png?alt=media&#x26;token=a05f8a8b-0450-48ff-b085-a97afea83b42">countdown-banner-1-A-tb.png</a></td></tr><tr><td><strong>Countdown bar</strong></td><td><a href="sections-overview/countdown-bar">countdown-bar</a></td><td><a href="https://1258209387-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwW8WoofsfSzp49h7DuLl%2Fuploads%2FoCSMlcWBZVnVeFRoDSBp%2Fcountdown-bar-1-A-tb.png?alt=media&#x26;token=ba663313-26c5-4d3c-bde7-759e3065f33b">countdown-bar-1-A-tb.png</a></td></tr><tr><td><strong>Discount code bar</strong></td><td><a href="sections-overview/discount-code-bar">discount-code-bar</a></td><td><a href="https://1258209387-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwW8WoofsfSzp49h7DuLl%2Fuploads%2FrwVA2TBm6CZCEA4ZyL0l%2Fdiscount-bar-1A-tb.png?alt=media&#x26;token=fc8cd719-1549-4b57-bc32-577803afaefd">discount-bar-1A-tb.png</a></td></tr><tr><td><strong>Grid bento</strong></td><td><a href="sections-overview/grid-bento">grid-bento</a></td><td><a href="https://1258209387-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwW8WoofsfSzp49h7DuLl%2Fuploads%2FD3BjYXYSJUEU9pYwV1Yb%2Fgrid-bento-1a-tb.png?alt=media&#x26;token=18e34b5e-c0b6-49cb-ac9f-b56a019f2ea0">grid-bento-1a-tb.png</a></td></tr><tr><td><strong>Hero gallery</strong></td><td><a href="sections-overview/hero-gallery">hero-gallery</a></td><td><a href="https://1258209387-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwW8WoofsfSzp49h7DuLl%2Fuploads%2FlX7tC8FiVKdbfRBnfXUW%2Fhero-gallery-1-A-tb.png?alt=media&#x26;token=e2d1cac4-4d18-4a07-83f3-7c6a67ec476a">hero-gallery-1-A-tb.png</a></td></tr><tr><td><strong>Media with details</strong></td><td><a href="sections-overview/media-with-details">media-with-details</a></td><td><a href="https://1258209387-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwW8WoofsfSzp49h7DuLl%2Fuploads%2FlbWWuEWAWZlEZ8a8Q3iO%2Fmedia-with-details-1-A-tb.png?alt=media&#x26;token=e2e8b800-d291-4a28-9a71-7ff4c2c625a4">media-with-details-1-A-tb.png</a></td></tr><tr><td><strong>Media with text</strong></td><td><a href="sections-overview/media-with-text">media-with-text</a></td><td><a href="https://1258209387-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwW8WoofsfSzp49h7DuLl%2Fuploads%2FTcJEhE6HLFXpZLNAgCtR%2Fmedia-with-text-1A.png?alt=media&#x26;token=0ede58d8-d403-4644-bb6e-14ee3136e0bf">media-with-text-1A.png</a></td></tr><tr><td><strong>Rich text</strong></td><td><a href="sections-overview/rich-text">rich-text</a></td><td><a href="https://1258209387-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwW8WoofsfSzp49h7DuLl%2Fuploads%2FHEH6Q6ZJRgVV1BwOl155%2Frich-text-1A-tb.png?alt=media&#x26;token=74b44f8f-35ce-48ff-81dd-ef152834ea1d">rich-text-1A-tb.png</a></td></tr><tr><td><strong>Shoppable hero</strong></td><td><a href="sections-overview/shoppable-hero">shoppable-hero</a></td><td><a href="https://1258209387-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwW8WoofsfSzp49h7DuLl%2Fuploads%2FG1jm164k9fQGAGA8WBts%2FShoppable-hero-1-A-tb.png?alt=media&#x26;token=ab0d8e21-1b41-42bf-b2d1-56424c411766">Shoppable-hero-1-A-tb.png</a></td></tr><tr><td><strong>Shop the look</strong></td><td><a href="sections-overview/shop-the-look">shop-the-look</a></td><td><a href="https://1258209387-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwW8WoofsfSzp49h7DuLl%2Fuploads%2F8VuwmzGc1pkk0x2T9714%2Fshop-the-look-1B.png?alt=media&#x26;token=3fb8bb55-8588-4f9e-9796-ef703fed3f42">shop-the-look-1B.png</a></td></tr><tr><td><strong>Statistics</strong></td><td><a href="sections-overview/statistics">statistics</a></td><td><a href="https://1258209387-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwW8WoofsfSzp49h7DuLl%2Fuploads%2FgYP172DizoK8gGUoavJk%2Fstatistics-1B.png?alt=media&#x26;token=acbf7bd4-bc14-4c8f-8759-4be403cb56dd">statistics-1B.png</a></td></tr></tbody></table>

#### Need help getting started?

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><mark style="color:blue;"><strong>Installing sections to themes</strong></mark></td><td><a href="../get-started/install-sections-to-theme">install-sections-to-theme</a></td></tr><tr><td><mark style="color:blue;"><strong>Adding sections to pages</strong></mark></td><td><a href="../get-started/add-and-style-sections">add-and-style-sections</a></td></tr><tr><td><mark style="color:blue;"><strong>Using global styles</strong></mark></td><td><a href="global-styles">global-styles</a></td></tr></tbody></table>
