Sections

Full-width editorial banner with separate desktop and mobile images, overlay control, two calls to action and three text positions.

Available from Add section in the theme editor.

Displays products from a chosen collection in a responsive grid with optional "View all" link.

Available from Add section in the theme editor.

On a published storefront the section outputs nothing while the chosen collection has no products, so an empty grid never shows a heading over a blank band; the theme editor keeps showing sample cards until it does. The homepage ships this section pointed at All products, which on a development store means Shopify's own sample catalogue — switch it to a real collection before launching.

Two-column editorial block pairing an image with a heading, text and call to action.

Available from Add section in the theme editor.

Image-led shopping block. Each block is a hotspot linking to a product.

Available from Add section in the theme editor.

Blocks

Centered editorial quote with optional attribution.

Available from Add section in the theme editor.

Highlights recent articles from a selected blog.

Available from Add section in the theme editor.

Shows the three newest articles. On a published storefront the section outputs nothing when no blog is chosen or the chosen blog is empty; the theme editor keeps showing placeholder cards. The homepage ships it pointing at a blog with the handle journal — create a blog with that handle, or change the setting, and the section fills itself.

Email signup form connected to Shopify customer marketing.

Available from Add section in the theme editor.

A complete product purchase block for the home page or any template, including rich media and variant selection.

Available from Add section in the theme editor.

Blocks

Bar at the very top of every page. Each message is a block, up to five of them. Live messages rotate one at a time with dots and arrows to step through them; without JavaScript they stack in reading order instead, so nothing is unreachable.

Each message keeps its own color scheme, so an offer can be darker than the shipping note beside it.

A scheduled message is removed from the page while it is outside its window, rather than hidden with CSS: expired copy never reaches a visitor or a search crawler. The theme editor always shows every block, scheduled or not, so you can keep editing a message before it goes live.

Available from Add section in the theme editor.

Blocks

A date Shopify cannot read is treated as blank, so a typo shows the message instead of hiding a live offer. Use the full four-digit year and two digits for the month.

Contact form that submits to the shop and shows success and error states.

Available from Add section in the theme editor.

Free-form Liquid block for custom code. Intended for merchants and developers who need a one-off section.

Available from Add section in the theme editor.

Product template. The information column is built from blocks so the layout can be rearranged without code.

Available from Add section in the theme editor.

Blocks

Collection template with product grid, native Shopify filters, sorting and pagination.

Search results with filters, sorting and an empty state with suggested collections.

Cart page with line item editing, discounts, unit pricing, selling plans, taxes, accelerated checkout and order notes.

Unit prices, subscription plans and discount rows each carry a label that screen readers announce and the design does not show, so a row like 12,00 / 100 ml is read as "Unit price".

Uses the Shopify product recommendations API to show related products on product pages.

Available from Add section in the theme editor.

Blog listing with article cards, tag filtering and pagination.

Article page with metadata, rich content, social sharing and paginated comments.

Standard content page for About, Shipping, Returns and similar pages.

Index of every collection in the store.

Not found page with links back to the catalog and search.

Password protection page with store message and email signup.

Sticky site header with multi-level menus, search, account component and app blocks.

Blocks

Footer with menu columns, text, newsletter, localization selectors, follow button and payment icons.

The footer ships with one Menu block (heading "Shop", pointing at the footer menu) and a Newsletter block. Add a Menu block per extra column, and give each one a different menu — two Menu blocks set to the same menu print the same link list twice, which is why only one ships enabled.

Blocks

Slide-over cart used when Cart type is set to drawer in Theme settings → Cart. Line items, quantity steppers and the subtotal update without a page reload, and it can show a free shipping progress bar driven by Free shipping threshold and Show free shipping progress bar.

While a quantity change is being saved, screen readers are told the cart is loading, so the drawer never appears to ignore the visitor. Subscription plans, unit prices and discount rows carry text labels that are read out but not printed, so the layout stays as quiet as it looks.

No settings of its own: rendered by the layout, and configured through the cart group of theme settings. Falls back to the cart page when JavaScript is off.

Results shown under the search field while the visitor types. Products appear as image cards with prices; collections, pages and blog articles appear as text links, and each collection shows how many products it contains. A link to the full results page closes the list.

Which content types are requested is set in Theme settings → Search, and the request only asks for the types you left on. Up to four products, three collections, two pages and two articles appear at a time.

No settings of its own: rendered by the layout through the Section Rendering API. Without JavaScript the search field posts to the normal search results page.

Customer login form with recovery link.

Opening Forgot your password? reveals a recovery panel with its own heading, so the panel is announced as a separate form rather than as loose fields.

Customer account registration form.

Customer account dashboard.

Order detail page with line items, totals and addresses.

Each line's amount is read as Price: … by screen readers while the page itself stays uncluttered.

Address book for adding, editing and deleting addresses.

Expanding Edit opens the address form under its own Edit address heading, so a saved address and a new one are never both labelled as new.

Account activation page.

Password reset form.