For the complete documentation index, see llms.txt. This page is also available as Markdown.

Video tutorials

Prefer to learn by watching? These step-by-step videos show you how to set up and customize Helix in the Shopify theme editor.

Each video matches a page in this documentation. Use the video for a quick walkthrough, then open the linked page for the full list of settings.


Announcement bar

Show short, high-priority messages at the very top of every page — promotions, free-shipping offers, discount codes, or a countdown to a sale.

Announcement bar

Header layout

Arrange the desktop header into Top and Bottom rows, and place each block in the left, center, or right column.

Header Structure

Keep the header in view as customers scroll, so they can navigate, search, or open the cart without scrolling back to the top.

Sticky Header

Transparent header

Let the header sit directly on top of a full-width hero image or video, so the visual fills the screen while the navigation stays visible.

Transparent Header

Mega menu

Turn a menu item's dropdown into a wider panel with extra submenu columns, image banners, or a product list.

Mega menu

Mega menu collection images and colors

Show a thumbnail image or a color swatch next to collection links in the mega menu, set per collection with metafields.

How to override collection menu imagesHow to show colors for collection menu items

Mobile header

Set up the header shown on phones and small screens — its own blocks, layout, colors, and sticky behaviour, separate from the desktop header.

Header Structure

Products and bundles

Build your own bundle

Set up a "build your own bundle" experience with the Bundle builder section.

How to set up the bundle builder

Create a product bundle

Sell a fixed set of products together with the Product bundle section. Customers add every item to the cart with one button and see the bundle total and savings.

How to set up a product bundle

Bundle includes

List the products inside a bundle on the bundle product's own page with the Bundle Includes block, so shoppers know exactly what's in the box.

How to set up bundle includes

Product page

Variant images

Show only the selected variant's images. Give each variant its own set of images and videos, and the gallery switches when a shopper picks a variant.

How to set up variant media

Back in stock alerts

Replace the Add to Cart button with a notify-me form on sold-out variants, so shoppers can leave their email and hear when the product is back.

Back in stock

Video reviews

Show customer review videos on the product page. Each product reads its own videos from a metafield, and tapping one opens a full-screen shoppable reel.

How to set up video reviews

Cart

Free shipping bar

Show shoppers how close they are to free shipping. The bar fills and the message updates whenever the cart changes.

Free shipping bar

Change variants in the cart

Let shoppers change a cart item's variant or quantity with Quick edit, without leaving the cart.

Quick edit

Let customers send their cart to someone else with a single link. Every product, variant, and quantity is added to the recipient's cart.

Share cart

Last updated