Documentation

Colors: palette and color roles

Set Propel's nine-color palette, choose light, dark or system presentation, and fine-tune the color roles used across your storefront.

Typography

Choose Propel's body, heading and eyebrow fonts from the Shopify font library, and see where each one appears on your storefront.

Header and menus

Build your store's menus, set up the header, dropdown panels and phone menu, and configure the announcement bar above it.

Transition hero

Set up Propel's homepage hero with up to three campaign slides, each with an image, optional video, a product callout and buttons.

Product page

Set up Propel's product page, from the image gallery and product highlights to the variant picker, size guide, buy buttons and the sections below.

Cart

Name your cart, set up the cart drawer and cart page, and choose accelerated checkout, free shipping progress and tax labels.

Product badges

How Propel's Sale, Low stock, New and Bestseller badges are triggered, where they appear, and how to style them.

Editorial rich text on product pages

Add a storytelling text block to the product page, shared across products or set per product with a metafield.

Complementary products

Suggest products that go with the one a shopper is viewing, with the Buy together section or Product recommendations.

Pickup availability

Show local pickup availability on product pages so shoppers can see which of your stores have the selected variant.

Pre-orders and selling when out of stock

How Propel shows variants that continue selling at zero stock, and how real pre-orders work through a selling plan app.

Topic explorer

Build a browsable guide page from Topic and Entry blocks, with linkable topics and entries that open in a drawer.

Collection route menu

Choose which collection links appear above the product grid on collection pages, using a Shopify menu.

Translations

Offer your store in several languages, translate your own content, and check the right-to-left layout for Arabic.

Currencies and countries

Let shoppers choose their country and currency with Shopify Markets, and see how the country selector and free shipping message behave.

Collection Tag Pills Setup Guide

Configure Collection Tag Pills in Main collection so customers can quickly filter products by tag.

Gallery — Configuration Guide

Display a collection of images in a uniform grid, mosaic, or horizontal strip layout with captions, links, and hover effects.

Hero Section — Configuration Guide

Configure the Hero section height, slides, media, overlays, and call-to-action buttons in the theme editor.

Rich Text — Configuration Guide

A text-first content block for editorial copy, brand storytelling, or pull quotes. No JavaScript required.

Subcategory Menu Setup Guide

Configure Subcategory Menu pills in Main collection using a Shopify navigation menu for related collection links.

Supplement Facts — Admin Setup

Required Shopify Admin metaobject configuration for the Supplement Facts section, including nutrient rows and serving size data.

Switching Theme Styles

How to switch between the five visual styles — Propel, Factor, Raven, Silica, and State — using the theme editor or settings.

Topic Explorer — Metaobjects setup

Step-by-step guide to creating the two Metaobject definitions in Shopify Admin required by the Topic Explorer section.