Guides

Use Guides when you know the merchant task but not the exact template, section, block, setting, or data source that owns it.

Each guide card points to the current Fit Check reference page that owns the setup. Start with the task that matches the job, then use the linked page for settings, data requirements, and publish checks.

Choose the taskStart from the customer-facing outcome, such as size charts, quick add, product links, recommendations, search filters, or cart drawer setup.
Open the linked referenceUse the reference page for the exact template, section, block, setting group, or Shopify data source.
Preview populated statesUse real products, media, variants, recommendations, filters, and cart contents before judging the final storefront experience.

Product Setup

Set up the global color palette

Use Theme settings > Color palette first, then decide when to reuse palette colors or apply direct one-off overrides.

Set up typography

Choose text colors, font slots, Default body text, H1-H6 presets, and local block styles from one workflow.

Set up product-specific size charts

Follow the screenshot-led setup for Size Chart entries, custom.size_chart, product assignment, and the Size guide table block.

Set up sizing fit metafields

Add custom.sizing_fit_score to products and show a five-step fit indicator near product sizing decisions.

Set up variant pickers and swatches

Configure product option data, global Variant picker and Swatches settings, product-card swatches, and Product page variant pickers.

Style product cards

Set Product card background, Product media, Product details, Product title, Product price, and Product swatches together.

Arrange product details containers

Use Product details overlay settings and Container blocks to build split panels, centered purchase cards, or side purchase panels.

Show quick add on product cards

Review Product item block settings, badges, prices, variant pickers, swatches, and quick-add behavior across collection, search, and recommendation cards.

Shoppable Media And Recommendations

Set up Shopify Search & Discovery

Configure filters, assign related and complementary products, then review Fit Check filters, Recommended products, and Complementary products.

Add product links to images and videos

Add shoppable product cards to image and video media in product-link sections and compatible content blocks.

Build reusable content groups

Use Container, Container with background, and Custom card patterns to group text, media, buttons, app blocks, and nested content.

Set up product recommendations

Configure the Recommended products section that displays Shopify related-product recommendations on product pages.

Set up complementary products

Configure the Complementary products section that displays add-on products assigned in Shopify Search & Discovery.

Templates, Search, Cart, And Apps

Create a custom template

Use Shopify templates when a product, collection, page, blog, or article needs a different layout from the default.

Set up search filters

Prepare product data for storefront filters, then review Search grid mode, filter blocks, sorting, and mobile results.

Set up cart drawer and discount codes

Choose cart page or drawer mode, review discount entry, cart notes, checkout buttons, and the linked drawer styling controls.

Add app blocks to product pages

Place compatible Shopify app blocks on product templates and test the result near product forms and buying controls.

Useful Reference Areas

Reference

Find product metafields, Size Chart metaobject fields, product-link data sources, media requirements, product-card blocks, and search data requirements.

Theme settings

Review focused setting pages for logo, color, typography, page layout, buttons, badges, prices, variant pickers, swatches, search, cart, drawers, and gift cards.

Sections

Choose between static, content, and template sections before adding or editing a page.

Publish Review

Test at least one product with multiple variants, one sold-out variant, one sale price, one product with a size chart, and one product with recommendations.
Test search from the header drawer and /search page.
Test quick add where product cards expose it.
Test cart drawer or cart page, discounts, cart notes, and checkout buttons.
Preview the task on desktop and mobile before publishing the draft theme.