Every section and setting
This page is generated from the themes themselves on every release, so it cannot describe a version that no longer exists. What you see here is what your theme editor offers.
Read from: apparel-core, apparel-pro, single-product-core, single-product-pro
Sections
44 sections. "Editions" is which of Core and Pro include it; "Themes" is which of our themes ship it.
404 page
main-404The page a visitor sees when a URL does not exist. Keep it short and give them a way back.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 9
- Blocks it accepts
- None
Age gate
age-gateThis blocks the whole storefront until the visitor confirms. It cannot be dismissed with Escape or by clicking away — that is what makes it a compliance control rather than a popup. It is off unless you add it, deliberately: a gate switched on by accident costs a shop all of its traffic and nothing about that failure looks like a theme setting.
- Editions
- pro
- Themes
- apparel, single-product
- Settings
- 6
- Blocks it accepts
- None
Announcement bar
announcement-barThe strip above the header. Add one announcement block per message; with more than one they rotate.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 8
- Blocks it accepts
- Announcement
Apps
appsAn empty container for a block from an app you have installed. Add it where you want the app to appear, then insert the app's block inside it.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 7
- Blocks it accepts
- Any app block
Article
main-articleOne blog post. The layout is fixed; the content comes from the post you wrote in Shopify admin.
- Editions
- core, pro
- Themes
- apparel
- Settings
- 6
- Blocks it accepts
- None
Back to top
scroll-to-topA button back to the top of long pages. Always present; switch it off in the section's settings if you would rather not have it.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 4
- Blocks it accepts
- None
Before and after
comparison-sliderTwo photographs of the same thing with a handle to drag between them. Before and after, with and without, two colourways. Choose both images.
- Editions
- pro
- Themes
- apparel, single-product
- Settings
- 15
- Blocks it accepts
- None
Blog posts
main-blogThe list of posts in a blog. Choose how many columns and whether to show an excerpt.
- Editions
- core, pro
- Themes
- apparel
- Settings
- 6
- Blocks it accepts
- None
Bundle
bundle-dealSeveral products offered together and added in one tap. Pick at least two. It states no saving of its own — any discount is applied by your checkout, so the page and the till cannot disagree.
- Editions
- pro
- Themes
- apparel, single-product
- Settings
- 12
- Blocks it accepts
- None
Cart
main-cartThe cart page itself. Everything in it is a block, so you can reorder the lines, the note field, the subtotal and the checkout button, or remove the ones you do not want.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 14
- Blocks it accepts
- None
Cart drawer
cart-drawerThe slide-out cart. It opens when something is added, so shoppers never leave the page they were buying from. Always present — you cannot remove it, and its contents are set by the blocks inside.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 15
- Blocks it accepts
- None
Cart upsell
cart-upsellA short row of suggestions inside the cart. Pick the products you want to offer; anything already in the cart, or out of stock, is skipped so the row never repeats what the shopper has.
- Editions
- pro
- Themes
- apparel, single-product
- Settings
- 3
- Blocks it accepts
- None
Collapsible content
collapsible-contentQuestions and answers, or anything that is long enough to be worth folding away. Add one row per question.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 14
- Blocks it accepts
- Row
Shapes it can take: Collapsible content · FAQ
Collection list
collection-listA grid of collections rather than products. Good for 'Shop by category' on the homepage.
- Editions
- core, pro
- Themes
- apparel
- Settings
- 14
- Blocks it accepts
- Collection
Shapes it can take: Collection list · Two categories
Collections list
main-list-collectionsThe page that lists all your collections. Use it as a top-level 'Shop by category' landing page.
- Editions
- core, pro
- Themes
- apparel
- Settings
- 12
- Blocks it accepts
- None
Comparison table
comparison-tableA table comparing your product against an alternative. Add one row per point of comparison and name the two columns. Keep the claims to things you can back up.
- Editions
- pro
- Themes
- apparel, single-product
- Settings
- 15
- Blocks it accepts
- Row
Shapes it can take: Comparison table · Us versus them
Contact form
contact-formA contact form that emails the address on your Shopify account. Nothing to configure — put it on a page and it works.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 12
- Blocks it accepts
- None
Cookie consent
consent-bannerWhich banner appears is set in Theme settings, under Protection. This section holds the banner's appearance and your tracking pixels. It renders on every page and cannot be removed.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 11
- Blocks it accepts
- None
Countdown bar
countdown-barA bar counting down to a date you set. Only for a deadline that is genuinely real — it is not placed for you, and a countdown that resets for each visitor is prohibited conduct in the UK and EU.
- Editions
- pro
- Themes
- apparel, single-product
- Settings
- 8
- Blocks it accepts
- None
Custom Liquid
custom-liquidA place to paste your own Liquid, HTML or a script. Nothing is added by the theme; whatever you put in renders exactly as written.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 8
- Blocks it accepts
- None
Featured collection
featured-collectionA row of products from one collection. Choose the collection; if you leave it empty the section stays off your storefront.
- Editions
- core, pro
- Themes
- apparel
- Settings
- 22
- Blocks it accepts
- None
Shapes it can take: Featured collection · Editorial row
Featured product
featured-productOne product, given a whole section, with its price and buy button. Choose the product; if you leave it empty the section stays off your storefront.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 17
- Blocks it accepts
- None
Footer
footerThe footer. Everything in it is a block — menus, text, payment icons, social links — so you decide what is there and in what order.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 12
- Blocks it accepts
- Menu column, Text column, Social links, Newsletter, Payment icons, Any theme block, Any app block
Header
headerThe top bar: logo, navigation, search, account and cart. Add blocks to put your own text or a button beside the icons.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 22
- Blocks it accepts
- Any theme block, Any app block
Icon bar
icon-barA row of short promises with an icon or an image above each — delivery, returns, guarantees. Add one item per promise.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 14
- Blocks it accepts
- Item
Shapes it can take: Icon bar · Trust badges · Feature grid
Image banner
image-bannerA photograph with your own heading, text and button laid over it. Add blocks for the content. On the first section of a page it is loaded first, so put your hero here.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 17
- Blocks it accepts
- Any theme block, Any app block
Shapes it can take: Image banner · Hero banner · Centred banner · Wide strip
Logo list
logo-listA row of logos — stockists, press, certifications, payment marks. Add one logo block for each, and choose an image for every one.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 14
- Blocks it accepts
- Logo
Shapes it can take: Logo list · As seen in · Payment marks
Minimal page
main-minimalA plain stand-in page. This theme is built around one product, so the collection, search and blog pages point here instead of shipping a catalogue you do not have.
- Editions
- core, pro
- Themes
- single-product
- Settings
- 9
- Blocks it accepts
- None
Multirow
multirowThe general-purpose layout section: rows, columns and any blocks you like inside them. Its presets name the common shapes — a slideshow, an image with text beside it, a collage.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 11
- Blocks it accepts
- Any theme block, Any app block
Shapes it can take: Multirow · Slideshow · Image with text · Collage · Product features
Newsletter
newsletterAn email signup. Addresses go to your Shopify customer list, so no app is needed.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 13
- Blocks it accepts
- None
Page
main-pageA page you wrote in Shopify admin. Deliberately plain — add sections below it if you want more than the text.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 3
- Blocks it accepts
- None
Password
main-passwordWhat visitors see while your store is password-protected. It disappears the moment you remove the password.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 5
- Blocks it accepts
- None
Product grid
main-collectionA collection's product grid, with filtering and sorting. Filters come from Shopify's Search & Discovery app — set them up there and they appear here.
- Editions
- core, pro
- Themes
- apparel
- Settings
- 24
- Blocks it accepts
- None
Product information
main-productThe product page. Every part of it — title, price, variants, quantity, buy button, description — is a block you can reorder or remove. The gallery is fixed in place.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 10
- Blocks it accepts
- Gallery, Any theme block, Any app block
Product recommendations
product-recommendations'You may also like', chosen by Shopify from real shopping behaviour rather than by you. It reads the product it sits beside, so it belongs on the product template. Complementary recommendations need the Search & Discovery app configured first.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 18
- Blocks it accepts
- None
Promotion popup
promo-popupA dialog that opens after a delay or a scroll. An interruption, so it is not placed for you — add it only when you have something worth interrupting for.
- Editions
- pro
- Themes
- apparel, single-product
- Settings
- 10
- Blocks it accepts
- None
Quick view
quick-viewA preview dialog that opens from a product card, so a shopper can choose a size and add to cart without leaving the collection page. Switch it off if you would rather send everyone to the product page.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 1
- Blocks it accepts
- None
Rich text
rich-textA heading and a paragraph, centred in a readable column. For a brand statement, a policy note, or anything that is only words.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 11
- Blocks it accepts
- Any theme block, Any app block
Search results
main-searchThe search results page. It shares its grid and card settings with the collection page, so the two look the same.
- Editions
- core, pro
- Themes
- apparel
- Settings
- 19
- Blocks it accepts
- None
Shoppable image
shoppable-imageA styled photograph with clickable dots on it, each opening a product. Choose the image first, then place a hotspot for each product in the shot. Up to eight.
- Editions
- pro
- Themes
- apparel, single-product
- Settings
- 11
- Blocks it accepts
- Hotspot
Tabs
content-tabsPanels behind tabs — sizing, materials, delivery, care. Add one tab per panel. Up to twelve.
- Editions
- pro
- Themes
- apparel, single-product
- Settings
- 10
- Blocks it accepts
- Tab
Shapes it can take: Tabs · Specifications · Questions
Testimonials
testimonialsQuotes from customers who gave you permission to use them. There is no star rating here on purpose — a rating is a claim about real reviews, and a number typed in a theme editor is not one.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 13
- Blocks it accepts
- Testimonial
Shapes it can take: Testimonials · Single quote
Ticker
tickerA line of short claims that scrolls sideways. Keep each one to a few words.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 11
- Blocks it accepts
- Phrase
Video
videoA video, from a file you uploaded or a YouTube or Vimeo link. It loads only when a visitor scrolls to it.
- Editions
- core, pro
- Themes
- apparel, single-product
- Settings
- 16
- Blocks it accepts
- None
Global settings
66 settings under Theme settings, which apply to every page at once.
Layout
| Setting | Type | Default |
|---|---|---|
Page widthlayout_page_width | range | 1400px |
Side paddinglayout_page_gutter | range | 24px |
Side padding (mobile)layout_page_gutter_mobile | range | 16px |
Text column widthlayout_measure | range | 840px |
Space between sectionslayout_section_spacing | range | 76px |
Space between sections (mobile)layout_section_spacing_mobile | range | 44px |
Grid gaplayout_grid_gap | range | 20px |
Grid gap (mobile)layout_grid_gap_mobile | range | 12px |
Typography
| Setting | Type | Default |
|---|---|---|
Heading fonttypography_heading_font | font_picker | archivo_n7 |
Heading sizetypography_heading_scale | range | 110% |
Heading letter spacingtypography_heading_spacing | range | -2% |
Heading line heighttypography_heading_line_height | range | 105% |
Body fonttypography_body_font | font_picker | inter_n4 |
Body sizetypography_body_scale | range | 100% |
Body letter spacingtypography_body_spacing | range | 0% |
Body line heighttypography_body_line_height | range | 160% |
Buttons
| Setting | Type | Default |
|---|---|---|
Corner radiusbuttons_radius | range | 40px |
Border thicknessbuttons_border_thickness | range | 1px |
Border opacitybuttons_border_opacity | range | 100% |
Shadow opacitybuttons_shadow_opacity | range | 0% |
Shadow horizontal offsetbuttons_shadow_x | range | 0px |
Shadow vertical offsetbuttons_shadow_y | range | 4px |
Shadow blurbuttons_shadow_blur | range | 5px |
Button fontbuttons_font | select | body-bold |
Form fields
| Setting | Type | Default |
|---|---|---|
Corner radiusinputs_radius | range | 40px |
Border thicknessinputs_border_thickness | range | 1px |
Border opacityinputs_border_opacity | range | 100% |
Shadow opacityinputs_shadow_opacity | range | 0% |
Shadow horizontal offsetinputs_shadow_x | range | 0px |
Shadow vertical offsetinputs_shadow_y | range | 4px |
Shadow blurinputs_shadow_blur | range | 5px |
Images and video
| Setting | Type | Default |
|---|---|---|
Corner radiusmedia_radius | range | 6px |
Border thicknessmedia_border_thickness | range | 0px |
Border opacitymedia_border_opacity | range | 100% |
Shadow opacitymedia_shadow_opacity | range | 0% |
Shadow horizontal offsetmedia_shadow_x | range | 0px |
Shadow vertical offsetmedia_shadow_y | range | 4px |
Shadow blurmedia_shadow_blur | range | 5px |
Cards
| Setting | Type | Default |
|---|---|---|
Corner radiuscard_radius | range | 6px |
Border thicknesscard_border_thickness | range | 0px |
Border opacitycard_border_opacity | range | 100% |
Shadow opacitycard_shadow_opacity | range | 0% |
Shadow horizontal offsetcard_shadow_x | range | 0px |
Shadow vertical offsetcard_shadow_y | range | 4px |
Shadow blurcard_shadow_blur | range | 5px |
Image paddingcard_image_padding | range | 0px |
Text alignmentcard_text_alignment | select | start |
Animations
| Setting | Type | Default |
|---|---|---|
Enable scroll animationsanimations_enabled | checkbox | true |
Animate only the first time a section is seenanimations_once | checkbox | true |
Durationanimations_duration | range | 650ms |
Delay before the first itemanimations_delay | range | 150ms |
Delay between itemsanimations_stagger | range | 80ms |
Travel distanceanimations_distance | range | 16px |
Easinganimations_ease | select | ease-out |
Surfaces
| Setting | Type | Default |
|---|---|---|
Divider opacitysurfaces_hairline_opacity | range | 12% |
Hover and selection fillsurfaces_tint_opacity | range | 8% |
Logo
| Setting | Type | Default |
|---|---|---|
Faviconfavicon | image_picker | — |
Social sharing imageshare_image | image_picker | — |
Colors
| Setting | Type | Default |
|---|---|---|
color_schemescolor_schemes | color_scheme_group | — |
Product options
| Setting | Type | Default |
|---|---|---|
Show colour options asswatch_display | select | swatch |
Currency format
| Setting | Type | Default |
|---|---|---|
Show currency codes on pricescurrency_code_enabled | checkbox | false |
Protection
| Setting | Type | Default |
|---|---|---|
Cookie consent bannerconsent_banner | select | shopify |
Block right-clickprotect_right_click | checkbox | false |
Block text selectionprotect_text_select | checkbox | false |
Block image draggingprotect_image_drag | checkbox | false |
Block developer-tools shortcutsprotect_devtools_keys | checkbox | false |