Script&Theory

§09 / SECTIONS

REF: TG–DOC–09 · REV. 1.7

Sections

This page lists the sections in Tangent by the name shown in the theme editor. Sections in the first table can be added with Add section. Template sections are the fixed main section of each page type. Some sections can only be added to the header or footer section group.

TANGENT 1.7 / SHOPIFY OS 2.0 / UPDATED 2026-10-19

Tangent header with logo, centered navigation and search, account and bag icons
Header
Tangent footer with newsletter form, menu columns, country and language selectors
Footer
Autumn campaign banner with large heading and two shopping buttons
Hero
Slideshow: full-width slide with dots and pause controlTANGENT / SLIDESHOWSLIDE HEADINGSHOP NOW ↗1 / 3DOTS / PAUSE
Slideshow
Made to outlast trends section: campaign image beside the materials copy
Image with text
Product details accordion open above Materials and care and Shipping and returns rows
Accordions
Worn in real life row of vertical campaign videos with linked products
Video reels
Tangent product page with gallery, product details, sizes and add to cart
Main product
Outerwear collection with sidebar size, color, price and fit filters and first two product rows
Product grid
Cart drawer open with one Sculpt Mini Dress line item over the dimmed product page
Cart drawer
Shop the look campaign image with first hotspot product card open and Add the whole look bar
Hotspots
Before and after: two images with a movable dividerTANGENT / BEFORE AFTERBEFOREAFTER↔DRAG DIVIDER
Before / after
Age verification: confirmation dialog over a dimmed pageTANGENT / AGE GATECONFIRM YOUR AGEMINIMUM AGE / 18EnterLeaveAGE VERIFICATION / DIALOG
Age gate
Tangent style quiz first question with campaign image
Style quiz

Sections you can add

SectionCategoryPurpose
Image or video bannerBannersA large image or video with text and buttons. Optional product hotspots. Presets: Hero: Beauty showcase, Hero: Luxury minimal, Hero: Sport commerce.
SlideshowBannersRotating full-width slides, each with its own image and text.
CollageImagesA grid of image, product, collection, video and banner tiles. Presets: Promotional grid (Banners), Collage: Modern lifestyle.
Image with textImagesAn image or video next to a column of text blocks.
Image tilesImagesImage tiles side by side, each with an optional heading and link.
Before and afterImagesA slider that compares two images in one frame.
Featured collectionProductsProducts from one collection in a grid or carousel.
Featured productProductsOne product with its gallery, variant picker and buy buttons.
Shop the lookProductsProduct hotspots over one image, with an option to add the whole look.
LookbookProductsA carousel or grid of look images with captions and links. Preset: Lookbook: Fashion editorial.
Recently viewedProductsProducts the shopper viewed, stored in their browser.
Style quizProductsQuestions whose answers map to product tags, then shows matching products.
Related products—Shopify product recommendations for the current product. Product templates only.
Collection listCollectionsSelected collections as image cards.
Collection indexCollectionsA list of collection titles, each with a preview image.
Rich textTextHeadings, text and buttons built from blocks.
Icons with textTextShort points, each with an icon and text.
FAQTextQuestions and answers in collapsible rows.
Scrolling textTextA line of text that scrolls continuously.
TestimonialsSocial proofCustomer quotes.
Logos and pressSocial proofA row of logos or names, for example press mentions.
VideoVideoOne uploaded, YouTube or Vimeo video.
Shoppable videosVideoVertical videos, each linked to a product.
Countdown timerMarketingCounts down to an end date you set, then hides.
Email signupFormsA newsletter signup form that adds customers to your customer list.
Contact formFormsA contact form that sends messages to your store email.
Blog postsBlogRecent posts from a blog.
Custom sectionLayoutAn empty section to build with theme and app blocks.
Custom LiquidLayoutYour own Liquid, HTML or app embed code.
SectionGroupPurpose
Announcement barHeaderShort announcements above the header, with optional rotation.
HeaderHeaderLogo, menu, search, account and cart. Menu promo and product card blocks add content to menus.
FooterFooterMenus, text, image, email signup and social links, plus country, language and payment icons.
Promo pop-upFooterA pop-up with an image, text, signup form or discount code.
Age verificationFooterA pop-up that asks shoppers to confirm their age.

Template sections

SectionTemplatePurpose
Product informationProductProduct gallery and buy box built from blocks.
Product gridCollectionCollection header, filters, sorting and product grid.
Collections list pageList collectionsAll collections as a grid.
Search resultsSearchSearch results with filters and sorting.
CartCartThe cart page.
BlogBlogThe list of posts in a blog.
Blog postArticleA single blog post.
PagePageA page's title and content.
Page not found404The page shown for a broken link.
Password pagePasswordThe page shown while the store is password protected.

Other sections

These sections are not added in the theme editor. The theme renders them in the layout or loads them on demand.

SectionPurpose
Cart drawerThe slide-out cart, included on every page when Cart type is Drawer.
Cart recommendationsProduct recommendations loaded into the cart drawer.
Product cardRenders one product card on request.
Collection previewProduct cards for a collection URL, used by the style quiz.
Quick addThe product options shown by quick add.
Pickup availabilityPickup details for the selected variant.
Predictive searchSearch suggestions shown while typing.
← PreviousLumenNext →Header

Last updated for Tangent 1.7

Get support ↗