Tutorials

Each tutorial walks through one storefront feature end to end and names the files and components you edit along the way. Pick a goal from the table below. The Topic column groups tutorials by the part of the storefront they change, so you can scan for the area you’re working in.

Tutorial	Topic	What you’ll build
Configure cart summary	Cart	Restyle the cart summary layout and savings display.
Add custom product lines to cart summary	Cart	Add custom lines tied to products in the cart summary.
Customize order summary lines	Cart	Change the lines shown in the cart’s order summary.
Add messages to mini cart	Cart	Show inline feedback when items are added or updated in the mini cart.
Enable product variation updates in cart	Cart	Let shoppers change product variations from the cart and mini cart.
Add gift options to PDP	Cart	Mount gift options on the product page and persist them to the cart.
Add a custom payment method	Checkout	Integrate a third-party payment provider.
Integrate address verification	Checkout	Connect a third-party address verification API.
Validate a shipping address	Checkout	Confirm a suggested address before the order is placed.
Buy online, pickup in store	Checkout	Build a buy online, pickup in store flow.
Implement multi-step checkout	Checkout	Replace the default checkout with a multi-step flow.
Implement order cancellation	Orders	Let shoppers cancel an order after placing it.
Add a Notify Me CTA to the PDP	Product details	Swap Add to Cart for a Notify Me CTA when an item is out of stock.
Federated search	Search	Combine content and product results in one search experience.
Search redirects	Search	Send specific search terms straight to a target page.
Customize AddressForm layout	User account	Rearrange the fields in the account address form.
Add stored payment methods to My Account	User account	Show saved Payment Services cards on the My Account page.
Validate a saved address	User account	Confirm a suggested address when a shopper saves it.
Build a category page manually	Category pages	Author a single category page by hand and attach SEO metadata.
Generate category pages programmatically	Category pages	Script category-page documents and publish them in bulk.
Add breadcrumbs for PLP and PDP	Category pages	Add authored breadcrumbs that carry from category to product pages.
Instrument analytics events	Analytics	Publish ACDL events when you bypass or replace the drop-ins.
Publish a product page view event	Analytics	Publish a product-page-view event from a custom product page.
Publish an add-to-cart event	Analytics	Publish an add-to-cart event from a custom add-to-cart action.