Gatefold
Sections
Every Gatefold section and what it is for.
| Section | Use it for |
|---|---|
| Announcement bar | Rotating or ticker messages and a free shipping progress message. |
| Header | Logo, menu, mega menus, search, account and localization. |
| Sub-menu rail | A row of quick links under the header. |
| Slideshow | Full-width slides with auto-rotate. |
| Release spotlight | Big release slides from picked products or a collection. |
| Release banners | Featured, new in store, pre-order, out this week and out now banners over a blurred cover, stacked, side by side or as a slider. |
| Trending artists | A ranked row of artists from a collection or picked artists, with gradient and name position options. |
| Featured releases | A collection as a grid or slider, with optional chart numbers. |
| Featured release | One product with its buy buttons. |
| Collection tabs | Several collections behind tabs. |
| Collection list | Collection cards or links. |
| Related collections | Links from a menu or picked collections. |
| Release calendar | Upcoming releases by week or day. |
| Countdown | A timer to a release or drop. |
| Compare | Editions side by side: price, format, color, features, release date, label. |
| Bought together | Add several items at once on the product page. |
| Related releases | Shopify product recommendations. |
| Recently viewed | Products the shopper looked at. |
| Story feed | Stories from several blogs in one feed, by tag, in nine editorial layouts. |
| Author stories | The writers page: a directory of writers, or one writer's stories. |
| Image banner, Video banner, Split banner, Banner grid | Hero and promo images and video. |
| Media with text | Image or video beside text. |
| Shoppable image | Image with product hotspots. |
| Rich text, Multicolumn, Icons with text | Text and feature rows. |
| Scrolling text | Marquee phrases. |
| Logo list | Labels or partners, as a grid or marquee. |
| Testimonials | Customer or press quotes. |
| FAQ | Questions with search, topics and FAQ structured data. |
| Pickup locations | Your stores with addresses and images. |
| Newsletter, Newsletter popup | Email sign-up, with an optional discount code after sign-up. |
| Anchor links, Anchor point | In-page navigation for long pages. |
| Breadcrumbs | Trail back to the collection. |
| Age verification | An age gate for stores that need one. |
| Custom Liquid | Your own code. |
| Footer | Brand, menus, social links, newsletter, payment icons and more. |
Page sections: Product information, Collection products, Search results, Cart, Blog posts, Blog post, Collections list, Page, Contact form, 404 and Password.