# WEBEXP Docs

## DRIFT Theme Documentation

- [Welcome](https://docs.webexp.dev/readme.md): Documentation for every Shopify theme by WEBEXP — DRIFT, plus future releases as they ship.
- [DRIFT Studio](https://docs.webexp.dev/drift-shopify-theme/drift-studio.md): The flagship DRIFT tier with image/video backgrounds, cart upsell, lookbook, gallery, quick-add, low-stock, loading screen, and a rich password page.
- [Getting Started](https://docs.webexp.dev/drift-shopify-theme/drift-studio/getting-started.md): Install DRIFT Studio, set up your store, and ship a live site in about 30 minutes.
- [Installation](https://docs.webexp.dev/drift-shopify-theme/drift-studio/getting-started/installation.md): How to upload DRIFT Studio to your Shopify store.
- [First-Time Setup](https://docs.webexp.dev/drift-shopify-theme/drift-studio/getting-started/first-time-setup.md): Branding, navigation, and homepage setup — the steps to take after installation.
- [Going Live](https://docs.webexp.dev/drift-shopify-theme/drift-studio/getting-started/going-live.md): Publish your DRIFT Studio theme and remove the password page.
- [Theme Settings](https://docs.webexp.dev/drift-shopify-theme/drift-studio/theme-settings.md)
- [DRIFT — General](https://docs.webexp.dev/drift-shopify-theme/drift-studio/theme-settings/general.md)
- [DRIFT — Background](https://docs.webexp.dev/drift-shopify-theme/drift-studio/theme-settings/background.md)
- [Favicon](https://docs.webexp.dev/drift-shopify-theme/drift-studio/theme-settings/favicon.md): The icon shown in browser tabs, bookmarks, and home screen shortcuts.
- [Social Media](https://docs.webexp.dev/drift-shopify-theme/drift-studio/theme-settings/social-media.md)
- [Search Behavior](https://docs.webexp.dev/drift-shopify-theme/drift-studio/theme-settings/search-behavior.md)
- [Currency Format](https://docs.webexp.dev/drift-shopify-theme/drift-studio/theme-settings/currency-format.md)
- [DRIFT — Cart](https://docs.webexp.dev/drift-shopify-theme/drift-studio/theme-settings/cart.md)
- [DRIFT — Product Cards](https://docs.webexp.dev/drift-shopify-theme/drift-studio/theme-settings/product-cards.md)
- [Sections & Features](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features.md)
- [Header](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/header.md): Configure the header that appears at the top of every page.
- [Enter Page](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/enter-page.md)
- [Footer](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/footer.md)
- [Announcement Bar](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/announcement.md)
- [404 Page](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/404.md)
- [Video Hero](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/video-hero.md)
- [Image with Text](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/image-text.md)
- [Rich Text](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/rich-text.md)
- [Split Banner](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/split-banner.md)
- [Logo List](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/logo-list.md)
- [Showcase](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/showcase.md)
- [Gallery](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/gallery.md)
- [Lookbook](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/lookbook.md)
- [DRIFT Feed](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/feed.md): The signature DRIFT homepage product feed — vertical swipe carousel or grid view, shopper-toggleable.
- [Collection](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/collection.md): The main collection page layout — feed and grid views, filters, sorting, and pagination.
- [Collection List](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/list-collections.md)
- [Product Stack (PDP)](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/product-stack.md)
- [Variant Swatches](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/variant-swatches.md)
- [Cart Page](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/cart-page.md)
- [Cart Items](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/cart-items.md)
- [FAQ Accordion](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/faq.md)
- [Contact Form](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/contact.md)
- [Policies](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/policies.md)
- [Email Popup](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/email-popup.md)
- [Loading Screen](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/loading-screen.md)
- [Password Page](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/password.md)
- [Metafields](https://docs.webexp.dev/drift-shopify-theme/drift-studio/metafields.md): How to use the metafields DRIFT Studio supports.
- [Custom Badge](https://docs.webexp.dev/drift-shopify-theme/drift-studio/metafields/badge.md): Override the default sale badge with custom text per product.
- [Colorways](https://docs.webexp.dev/drift-shopify-theme/drift-studio/metafields/colorways.md): Link separate products together as color variants on the PDP.
- [Size Chart](https://docs.webexp.dev/drift-shopify-theme/drift-studio/metafields/size-chart.md): A size chart on the product page and in quick add, as a themed table built from a page or as an image.
- [Pre-Order](https://docs.webexp.dev/drift-shopify-theme/drift-studio/metafields/preorder.md): Change the Add to Cart button label to "Pre-Order" (or any custom text) on specific products.
- [Feed background color](https://docs.webexp.dev/drift-shopify-theme/drift-studio/metafields/feed-bg-color.md)
- [Feed background media](https://docs.webexp.dev/drift-shopify-theme/drift-studio/metafields/feed-bg-media.md)
- [Sold Out Text](https://docs.webexp.dev/drift-shopify-theme/drift-studio/metafields/sold-out-text.md): Replace the words "Sold Out" with your own wording on specific products.
- [Pages & Templates](https://docs.webexp.dev/drift-shopify-theme/drift-studio/pages-and-templates.md): Standard Shopify page templates and how DRIFT renders each one.
- [Customer Accounts](https://docs.webexp.dev/drift-shopify-theme/drift-studio/customer-accounts.md): How DRIFT handles customer login, register, and account pages.
- [Advanced](https://docs.webexp.dev/drift-shopify-theme/drift-studio/advanced.md): Custom code edits, integrations, and performance tips for DRIFT Studio.
- [FAQ & Troubleshooting](https://docs.webexp.dev/drift-shopify-theme/drift-studio/faq-and-troubleshooting.md): Common issues and how to fix them.
- [DRIFT Pro](https://docs.webexp.dev/drift-shopify-theme/drift-pro.md): The middle DRIFT tier. Adds free shipping bar, email popup, more sections, and filtering on top of Starter.
- [Getting Started](https://docs.webexp.dev/drift-shopify-theme/drift-pro/getting-started.md): Install DRIFT Pro, set up your store, and ship a live site in about 30 minutes.
- [Installation](https://docs.webexp.dev/drift-shopify-theme/drift-pro/getting-started/installation.md): How to upload DRIFT Pro to your Shopify store.
- [First-Time Setup](https://docs.webexp.dev/drift-shopify-theme/drift-pro/getting-started/first-time-setup.md): Branding, navigation, and homepage setup — the steps to take after installation.
- [Going Live](https://docs.webexp.dev/drift-shopify-theme/drift-pro/getting-started/going-live.md): Publish your DRIFT Pro theme and remove the password page.
- [Theme Settings](https://docs.webexp.dev/drift-shopify-theme/drift-pro/theme-settings.md)
- [DRIFT — General](https://docs.webexp.dev/drift-shopify-theme/drift-pro/theme-settings/general.md)
- [Favicon](https://docs.webexp.dev/drift-shopify-theme/drift-pro/theme-settings/favicon.md): The icon shown in browser tabs, bookmarks, and home screen shortcuts.
- [Social Media](https://docs.webexp.dev/drift-shopify-theme/drift-pro/theme-settings/social-media.md)
- [Search Behavior](https://docs.webexp.dev/drift-shopify-theme/drift-pro/theme-settings/search-behavior.md)
- [Currency Format](https://docs.webexp.dev/drift-shopify-theme/drift-pro/theme-settings/currency-format.md)
- [DRIFT — Cart](https://docs.webexp.dev/drift-shopify-theme/drift-pro/theme-settings/cart.md)
- [DRIFT — Product Cards](https://docs.webexp.dev/drift-shopify-theme/drift-pro/theme-settings/product-cards.md)
- [Sections & Features](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features.md)
- [Header](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/header.md)
- [Enter Page](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/enter-page.md)
- [Footer](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/footer.md)
- [Announcement Bar](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/announcement.md)
- [404 Page](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/404.md)
- [Video Hero](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/video-hero.md)
- [Image with Text](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/image-text.md)
- [Rich Text](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/rich-text.md)
- [Split Banner](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/split-banner.md)
- [Logo List](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/logo-list.md)
- [Gallery](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/gallery.md)
- [DRIFT Feed](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/feed.md)
- [Collection](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/collection.md)
- [Collection List](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/list-collections.md)
- [Product Stack (PDP)](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/product-stack.md)
- [Variant Swatches](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/variant-swatches.md)
- [Cart Page](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/cart-page.md)
- [Cart Items](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/cart-items.md)
- [FAQ Accordion](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/faq.md)
- [Contact Form](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/contact.md)
- [Policies](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/policies.md)
- [Email Popup](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/email-popup.md)
- [Password Page](https://docs.webexp.dev/drift-shopify-theme/drift-pro/sections-and-features/password.md)
- [Metafields](https://docs.webexp.dev/drift-shopify-theme/drift-pro/metafields.md): How to use the metafields DRIFT Pro supports.
- [Size Chart](https://docs.webexp.dev/drift-shopify-theme/drift-pro/metafields/size-chart.md): A size chart on the product page, as a themed table built from a page or as an image.
- [Pre-Order](https://docs.webexp.dev/drift-shopify-theme/drift-pro/metafields/preorder.md): Change the Add to Cart button label to "Pre-Order" (or any custom text) on specific products.
- [Sold Out Text](https://docs.webexp.dev/drift-shopify-theme/drift-pro/metafields/sold-out-text.md): Replace the words "Sold Out" with your own wording on specific products.
- [Pages & Templates](https://docs.webexp.dev/drift-shopify-theme/drift-pro/pages-and-templates.md): Standard Shopify page templates and how DRIFT renders each one.
- [Customer Accounts](https://docs.webexp.dev/drift-shopify-theme/drift-pro/customer-accounts.md): How DRIFT handles customer login, register, and account pages.
- [Advanced](https://docs.webexp.dev/drift-shopify-theme/drift-pro/advanced.md): Custom code edits, integrations, and performance tips for DRIFT Pro.
- [FAQ & Troubleshooting](https://docs.webexp.dev/drift-shopify-theme/drift-pro/faq-and-troubleshooting.md): Common issues and how to fix them.
- [DRIFT Starter](https://docs.webexp.dev/drift-shopify-theme/drift-starter.md): The entry-level DRIFT tier. The core theme features done well, no extras.
- [Getting Started](https://docs.webexp.dev/drift-shopify-theme/drift-starter/getting-started.md): Install DRIFT Starter, set up your store, and ship a live site in about 30 minutes.
- [Installation](https://docs.webexp.dev/drift-shopify-theme/drift-starter/getting-started/installation.md): How to upload DRIFT Starter to your Shopify store.
- [First-Time Setup](https://docs.webexp.dev/drift-shopify-theme/drift-starter/getting-started/first-time-setup.md): Branding, navigation, and homepage setup — the steps to take after installation.
- [Going Live](https://docs.webexp.dev/drift-shopify-theme/drift-starter/getting-started/going-live.md): Publish your DRIFT Starter theme and remove the password page.
- [Theme Settings](https://docs.webexp.dev/drift-shopify-theme/drift-starter/theme-settings.md)
- [DRIFT — General](https://docs.webexp.dev/drift-shopify-theme/drift-starter/theme-settings/general.md)
- [Favicon](https://docs.webexp.dev/drift-shopify-theme/drift-starter/theme-settings/favicon.md): The icon shown in browser tabs, bookmarks, and home screen shortcuts.
- [Social Media](https://docs.webexp.dev/drift-shopify-theme/drift-starter/theme-settings/social-media.md)
- [Search Behavior](https://docs.webexp.dev/drift-shopify-theme/drift-starter/theme-settings/search-behavior.md)
- [Currency Format](https://docs.webexp.dev/drift-shopify-theme/drift-starter/theme-settings/currency-format.md)
- [DRIFT — Cart](https://docs.webexp.dev/drift-shopify-theme/drift-starter/theme-settings/cart.md)
- [DRIFT — Product Cards](https://docs.webexp.dev/drift-shopify-theme/drift-starter/theme-settings/product-cards.md)
- [Sections & Features](https://docs.webexp.dev/drift-shopify-theme/drift-starter/sections-and-features.md)
- [Header](https://docs.webexp.dev/drift-shopify-theme/drift-starter/sections-and-features/header.md)
- [Footer](https://docs.webexp.dev/drift-shopify-theme/drift-starter/sections-and-features/footer.md)
- [404 Page](https://docs.webexp.dev/drift-shopify-theme/drift-starter/sections-and-features/404.md)
- [DRIFT Feed](https://docs.webexp.dev/drift-shopify-theme/drift-starter/sections-and-features/feed.md)
- [Collection](https://docs.webexp.dev/drift-shopify-theme/drift-starter/sections-and-features/collection.md)
- [Collection List](https://docs.webexp.dev/drift-shopify-theme/drift-starter/sections-and-features/list-collections.md)
- [Product Stack (PDP)](https://docs.webexp.dev/drift-shopify-theme/drift-starter/sections-and-features/product-stack.md)
- [Variant Swatches](https://docs.webexp.dev/drift-shopify-theme/drift-starter/sections-and-features/variant-swatches.md)
- [Cart Page](https://docs.webexp.dev/drift-shopify-theme/drift-starter/sections-and-features/cart-page.md)
- [Cart Items](https://docs.webexp.dev/drift-shopify-theme/drift-starter/sections-and-features/cart-items.md)
- [Contact Form](https://docs.webexp.dev/drift-shopify-theme/drift-starter/sections-and-features/contact.md)
- [Policies](https://docs.webexp.dev/drift-shopify-theme/drift-starter/sections-and-features/policies.md)
- [Password Page](https://docs.webexp.dev/drift-shopify-theme/drift-starter/sections-and-features/password.md)
- [Metafields](https://docs.webexp.dev/drift-shopify-theme/drift-starter/metafields.md): How metafields are used (and not used) in DRIFT Starter.
- [Sold Out Text](https://docs.webexp.dev/drift-shopify-theme/drift-starter/metafields/sold-out-text.md): Replace the words "Sold Out" with your own wording on specific products.
- [Pages & Templates](https://docs.webexp.dev/drift-shopify-theme/drift-starter/pages-and-templates.md): Standard Shopify page templates and how DRIFT renders each one.
- [Customer Accounts](https://docs.webexp.dev/drift-shopify-theme/drift-starter/customer-accounts.md): How DRIFT handles customer login, register, and account pages.
- [Advanced](https://docs.webexp.dev/drift-shopify-theme/drift-starter/advanced.md): Custom code edits, integrations, and performance tips for DRIFT Starter.
- [FAQ & Troubleshooting](https://docs.webexp.dev/drift-shopify-theme/drift-starter/faq-and-troubleshooting.md): Common issues and how to fix them.
- [SPLY Studio](https://docs.webexp.dev/sply-shopify-theme/sply-studio.md): The Studio tier of the SPLY theme.
- [Getting Started](https://docs.webexp.dev/sply-shopify-theme/sply-studio/getting-started.md): Install SPLY, set it up, and go live.
- [Installation](https://docs.webexp.dev/sply-shopify-theme/sply-studio/getting-started/installation.md): Upload and preview the SPLY theme.
- [First-Time Setup](https://docs.webexp.dev/sply-shopify-theme/sply-studio/getting-started/first-time-setup.md): Configure SPLY for the first time.
- [Going Live](https://docs.webexp.dev/sply-shopify-theme/sply-studio/getting-started/going-live.md): Publish SPLY as your live theme.
- [Theme Settings](https://docs.webexp.dev/sply-shopify-theme/sply-studio/theme-settings.md): Global theme settings.
- [Logo](https://docs.webexp.dev/sply-shopify-theme/sply-studio/theme-settings/logo.md): Your store logo, set once and reused everywhere.
- [Colors & Mode](https://docs.webexp.dev/sply-shopify-theme/sply-studio/theme-settings/colors-and-mode.md): Light/dark seed colours and mode.
- [Typography](https://docs.webexp.dev/sply-shopify-theme/sply-studio/theme-settings/typography.md): Heading and body fonts.
- [Loading Screen](https://docs.webexp.dev/sply-shopify-theme/sply-studio/theme-settings/loading-screen.md): Optional once-per-session loading screen.
- [Product Cards](https://docs.webexp.dev/sply-shopify-theme/sply-studio/theme-settings/product-cards.md): Product card hover behaviour.
- [Layout](https://docs.webexp.dev/sply-shopify-theme/sply-studio/theme-settings/layout.md): Grid column counts.
- [Cart](https://docs.webexp.dev/sply-shopify-theme/sply-studio/theme-settings/cart.md): Express checkout, progress bar, and upsell.
- [Social & Favicon](https://docs.webexp.dev/sply-shopify-theme/sply-studio/theme-settings/social-and-favicon.md): Social links and favicon.
- [Sections & Features](https://docs.webexp.dev/sply-shopify-theme/sply-studio/sections-and-features.md): Every section you can add in SPLY.
- [Header](https://docs.webexp.dev/sply-shopify-theme/sply-studio/sections-and-features/header.md): The persistent top bar.
- [Footer](https://docs.webexp.dev/sply-shopify-theme/sply-studio/sections-and-features/footer.md): The persistent footer.
- [Announcement Bar](https://docs.webexp.dev/sply-shopify-theme/sply-studio/sections-and-features/announcement.md): Thin announcement strip.
- [Product Collection](https://docs.webexp.dev/sply-shopify-theme/sply-studio/sections-and-features/product-collection.md): The homepage grid and the SPLY engine.
- [Product Pages (PDP)](https://docs.webexp.dev/sply-shopify-theme/sply-studio/sections-and-features/product-pages.md): The no-reload product view.
- [Cart Drawer](https://docs.webexp.dev/sply-shopify-theme/sply-studio/sections-and-features/cart-drawer.md): The frosted cart drawer.
- [ROAM Browse Mode](https://docs.webexp.dev/sply-shopify-theme/sply-studio/sections-and-features/roam.md): Studio's infinite floating-canvas browse mode.
- [Enter Modal](https://docs.webexp.dev/sply-shopify-theme/sply-studio/sections-and-features/enter-modal.md): Frosted once-per-session homepage intro.
- [Email Pop-Up](https://docs.webexp.dev/sply-shopify-theme/sply-studio/sections-and-features/email-popup.md): Email capture pop-up.
- [Editorial](https://docs.webexp.dev/sply-shopify-theme/sply-studio/sections-and-features/editorial.md): Composable editorial blocks.
- [Gallery](https://docs.webexp.dev/sply-shopify-theme/sply-studio/sections-and-features/gallery.md): Image grid with lightbox.
- [FAQ](https://docs.webexp.dev/sply-shopify-theme/sply-studio/sections-and-features/faq.md): Accordion FAQ.
- [Video](https://docs.webexp.dev/sply-shopify-theme/sply-studio/sections-and-features/video.md): Single video surface.
- [Lookbook](https://docs.webexp.dev/sply-shopify-theme/sply-studio/sections-and-features/lookbook.md): Full-bleed campaign imagery.
- [Password & Drop Gate](https://docs.webexp.dev/sply-shopify-theme/sply-studio/sections-and-features/password.md): Pre-launch password page and drop gate.
- [Contact Form](https://docs.webexp.dev/sply-shopify-theme/sply-studio/sections-and-features/contact.md): Contact form.
- [Policies](https://docs.webexp.dev/sply-shopify-theme/sply-studio/sections-and-features/policies.md): Store policy links and pages.
- [Collection List](https://docs.webexp.dev/sply-shopify-theme/sply-studio/sections-and-features/list-collections.md): The all-collections list page.
- [Search & 404](https://docs.webexp.dev/sply-shopify-theme/sply-studio/sections-and-features/search-and-404.md): Search and 404 pages.
- [Metafields](https://docs.webexp.dev/sply-shopify-theme/sply-studio/metafields.md): Metafields SPLY uses.
- [Size Chart](https://docs.webexp.dev/sply-shopify-theme/sply-studio/metafields/size-chart.md): Add a size chart to the product view.
- [Pages & Templates](https://docs.webexp.dev/sply-shopify-theme/sply-studio/pages-and-templates.md): What each Shopify template looks like.
- [Customer Accounts](https://docs.webexp.dev/sply-shopify-theme/sply-studio/customer-accounts.md): Customer login, register, and account pages.
- [FAQ & Troubleshooting](https://docs.webexp.dev/sply-shopify-theme/sply-studio/faq-and-troubleshooting.md): Common issues and fixes.
- [SPLY Grow](https://docs.webexp.dev/sply-shopify-theme/sply-grow.md): The Grow tier of the SPLY theme.
- [Getting Started](https://docs.webexp.dev/sply-shopify-theme/sply-grow/getting-started.md): Install SPLY, set it up, and go live.
- [Installation](https://docs.webexp.dev/sply-shopify-theme/sply-grow/getting-started/installation.md): Upload and preview the SPLY theme.
- [First-Time Setup](https://docs.webexp.dev/sply-shopify-theme/sply-grow/getting-started/first-time-setup.md): Configure SPLY for the first time.
- [Going Live](https://docs.webexp.dev/sply-shopify-theme/sply-grow/getting-started/going-live.md): Publish SPLY as your live theme.
- [Theme Settings](https://docs.webexp.dev/sply-shopify-theme/sply-grow/theme-settings.md): Global theme settings.
- [Logo](https://docs.webexp.dev/sply-shopify-theme/sply-grow/theme-settings/logo.md): Your store logo, set once and reused everywhere.
- [Colors & Mode](https://docs.webexp.dev/sply-shopify-theme/sply-grow/theme-settings/colors-and-mode.md): Light/dark seed colours and mode.
- [Typography](https://docs.webexp.dev/sply-shopify-theme/sply-grow/theme-settings/typography.md): Heading and body fonts.
- [Loading Screen](https://docs.webexp.dev/sply-shopify-theme/sply-grow/theme-settings/loading-screen.md): Optional once-per-session loading screen.
- [Product Cards](https://docs.webexp.dev/sply-shopify-theme/sply-grow/theme-settings/product-cards.md): Product card hover behaviour.
- [Layout](https://docs.webexp.dev/sply-shopify-theme/sply-grow/theme-settings/layout.md): Grid column counts.
- [Cart](https://docs.webexp.dev/sply-shopify-theme/sply-grow/theme-settings/cart.md): Express checkout, progress bar, and upsell.
- [Social & Favicon](https://docs.webexp.dev/sply-shopify-theme/sply-grow/theme-settings/social-and-favicon.md): Social links and favicon.
- [Sections & Features](https://docs.webexp.dev/sply-shopify-theme/sply-grow/sections-and-features.md): Every section you can add in SPLY.
- [Header](https://docs.webexp.dev/sply-shopify-theme/sply-grow/sections-and-features/header.md): The persistent top bar.
- [Footer](https://docs.webexp.dev/sply-shopify-theme/sply-grow/sections-and-features/footer.md): The persistent footer.
- [Announcement Bar](https://docs.webexp.dev/sply-shopify-theme/sply-grow/sections-and-features/announcement.md): Thin announcement strip.
- [Product Collection](https://docs.webexp.dev/sply-shopify-theme/sply-grow/sections-and-features/product-collection.md): The homepage grid and the SPLY engine.
- [Product Pages (PDP)](https://docs.webexp.dev/sply-shopify-theme/sply-grow/sections-and-features/product-pages.md): The no-reload product view.
- [Cart Drawer](https://docs.webexp.dev/sply-shopify-theme/sply-grow/sections-and-features/cart-drawer.md): The frosted cart drawer.
- [Enter Modal](https://docs.webexp.dev/sply-shopify-theme/sply-grow/sections-and-features/enter-modal.md): Frosted once-per-session homepage intro.
- [Email Pop-Up](https://docs.webexp.dev/sply-shopify-theme/sply-grow/sections-and-features/email-popup.md): Email capture pop-up.
- [Editorial](https://docs.webexp.dev/sply-shopify-theme/sply-grow/sections-and-features/editorial.md): Composable editorial blocks.
- [Gallery](https://docs.webexp.dev/sply-shopify-theme/sply-grow/sections-and-features/gallery.md): Image grid with lightbox.
- [FAQ](https://docs.webexp.dev/sply-shopify-theme/sply-grow/sections-and-features/faq.md): Accordion FAQ.
- [Video](https://docs.webexp.dev/sply-shopify-theme/sply-grow/sections-and-features/video.md): Single video surface.
- [Lookbook](https://docs.webexp.dev/sply-shopify-theme/sply-grow/sections-and-features/lookbook.md): Full-bleed campaign imagery.
- [Password & Drop Gate](https://docs.webexp.dev/sply-shopify-theme/sply-grow/sections-and-features/password.md): Pre-launch password page and drop gate.
- [Contact Form](https://docs.webexp.dev/sply-shopify-theme/sply-grow/sections-and-features/contact.md): Contact form.
- [Policies](https://docs.webexp.dev/sply-shopify-theme/sply-grow/sections-and-features/policies.md): Store policy links and pages.
- [Collection List](https://docs.webexp.dev/sply-shopify-theme/sply-grow/sections-and-features/list-collections.md): The all-collections list page.
- [Search & 404](https://docs.webexp.dev/sply-shopify-theme/sply-grow/sections-and-features/search-and-404.md): Search and 404 pages.
- [Metafields](https://docs.webexp.dev/sply-shopify-theme/sply-grow/metafields.md): Metafields SPLY uses.
- [Size Chart](https://docs.webexp.dev/sply-shopify-theme/sply-grow/metafields/size-chart.md): Add a size chart to the product view.
- [Pages & Templates](https://docs.webexp.dev/sply-shopify-theme/sply-grow/pages-and-templates.md): What each Shopify template looks like.
- [Customer Accounts](https://docs.webexp.dev/sply-shopify-theme/sply-grow/customer-accounts.md): Customer login, register, and account pages.
- [FAQ & Troubleshooting](https://docs.webexp.dev/sply-shopify-theme/sply-grow/faq-and-troubleshooting.md): Common issues and fixes.
- [SPLY Starter](https://docs.webexp.dev/sply-shopify-theme/sply-starter.md): The Starter tier of the SPLY theme.
- [Getting Started](https://docs.webexp.dev/sply-shopify-theme/sply-starter/getting-started.md): Install SPLY, set it up, and go live.
- [Installation](https://docs.webexp.dev/sply-shopify-theme/sply-starter/getting-started/installation.md): Upload and preview the SPLY theme.
- [First-Time Setup](https://docs.webexp.dev/sply-shopify-theme/sply-starter/getting-started/first-time-setup.md): Configure SPLY for the first time.
- [Going Live](https://docs.webexp.dev/sply-shopify-theme/sply-starter/getting-started/going-live.md): Publish SPLY as your live theme.
- [Theme Settings](https://docs.webexp.dev/sply-shopify-theme/sply-starter/theme-settings.md): Global theme settings.
- [Logo](https://docs.webexp.dev/sply-shopify-theme/sply-starter/theme-settings/logo.md): Your store logo, set once and reused everywhere.
- [Colors & Mode](https://docs.webexp.dev/sply-shopify-theme/sply-starter/theme-settings/colors-and-mode.md): Light/dark seed colours and mode.
- [Typography](https://docs.webexp.dev/sply-shopify-theme/sply-starter/theme-settings/typography.md): Heading and body fonts.
- [Product Cards](https://docs.webexp.dev/sply-shopify-theme/sply-starter/theme-settings/product-cards.md): Product card hover behaviour.
- [Layout](https://docs.webexp.dev/sply-shopify-theme/sply-starter/theme-settings/layout.md): Grid column counts.
- [Social & Favicon](https://docs.webexp.dev/sply-shopify-theme/sply-starter/theme-settings/social-and-favicon.md): Social links and favicon.
- [Sections & Features](https://docs.webexp.dev/sply-shopify-theme/sply-starter/sections-and-features.md): Every section you can add in SPLY.
- [Header](https://docs.webexp.dev/sply-shopify-theme/sply-starter/sections-and-features/header.md): The persistent top bar.
- [Footer](https://docs.webexp.dev/sply-shopify-theme/sply-starter/sections-and-features/footer.md): The persistent footer.
- [Announcement Bar](https://docs.webexp.dev/sply-shopify-theme/sply-starter/sections-and-features/announcement.md): Thin announcement strip.
- [Product Collection](https://docs.webexp.dev/sply-shopify-theme/sply-starter/sections-and-features/product-collection.md): The homepage grid and the SPLY engine.
- [Product Pages (PDP)](https://docs.webexp.dev/sply-shopify-theme/sply-starter/sections-and-features/product-pages.md): The no-reload product view.
- [Cart Drawer](https://docs.webexp.dev/sply-shopify-theme/sply-starter/sections-and-features/cart-drawer.md): The frosted cart drawer.
- [Editorial](https://docs.webexp.dev/sply-shopify-theme/sply-starter/sections-and-features/editorial.md): Composable editorial blocks.
- [Gallery](https://docs.webexp.dev/sply-shopify-theme/sply-starter/sections-and-features/gallery.md): Image grid with lightbox.
- [FAQ](https://docs.webexp.dev/sply-shopify-theme/sply-starter/sections-and-features/faq.md): Accordion FAQ.
- [Video](https://docs.webexp.dev/sply-shopify-theme/sply-starter/sections-and-features/video.md): Single video surface.
- [Password & Drop Gate](https://docs.webexp.dev/sply-shopify-theme/sply-starter/sections-and-features/password.md): Pre-launch password page and drop gate.
- [Contact Form](https://docs.webexp.dev/sply-shopify-theme/sply-starter/sections-and-features/contact.md): Contact form.
- [Policies](https://docs.webexp.dev/sply-shopify-theme/sply-starter/sections-and-features/policies.md): Store policy links and pages.
- [Collection List](https://docs.webexp.dev/sply-shopify-theme/sply-starter/sections-and-features/list-collections.md): The all-collections list page.
- [Search & 404](https://docs.webexp.dev/sply-shopify-theme/sply-starter/sections-and-features/search-and-404.md): Search and 404 pages.
- [Metafields](https://docs.webexp.dev/sply-shopify-theme/sply-starter/metafields.md): Metafields SPLY uses.
- [Size Chart](https://docs.webexp.dev/sply-shopify-theme/sply-starter/metafields/size-chart.md): Add a size chart to the product view.
- [Pages & Templates](https://docs.webexp.dev/sply-shopify-theme/sply-starter/pages-and-templates.md): What each Shopify template looks like.
- [Customer Accounts](https://docs.webexp.dev/sply-shopify-theme/sply-starter/customer-accounts.md): Customer login, register, and account pages.
- [FAQ & Troubleshooting](https://docs.webexp.dev/sply-shopify-theme/sply-starter/faq-and-troubleshooting.md): Common issues and fixes.
- [SUPRA](https://docs.webexp.dev/supra-shopify-theme/supra.md): A stripped-back streetwear theme built around the drop — enter page, filmstrip, one-screen collection, and a password page that counts down.
- [Getting Started](https://docs.webexp.dev/supra-shopify-theme/supra/getting-started.md): Install SUPRA and get your store set up.
- [Installation](https://docs.webexp.dev/supra-shopify-theme/supra/getting-started/installation.md): How to upload SUPRA to your Shopify store.
- [First-Time Setup](https://docs.webexp.dev/supra-shopify-theme/supra/getting-started/first-time-setup.md): The settings and Shopify data SUPRA needs before it looks like the demo.
- [Going Live](https://docs.webexp.dev/supra-shopify-theme/supra/getting-started/going-live.md): What to check before you publish SUPRA.
- [Theme Settings](https://docs.webexp.dev/supra-shopify-theme/supra/theme-settings.md): Every global setting group in SUPRA.
- [Colors](https://docs.webexp.dev/supra-shopify-theme/supra/theme-settings/colors.md): The four colours the whole theme is built from.
- [Typography](https://docs.webexp.dev/supra-shopify-theme/supra/theme-settings/typography.md): Body and heading size.
- [Layout](https://docs.webexp.dev/supra-shopify-theme/supra/theme-settings/layout.md): Category list style on phones, and product card titles.
- [Logo](https://docs.webexp.dev/supra-shopify-theme/supra/theme-settings/logo.md): The shop mark, and how tall it is drawn.
- [Cart](https://docs.webexp.dev/supra-shopify-theme/supra/theme-settings/cart.md): What happens after someone adds to cart.
- [Shipping Note](https://docs.webexp.dev/supra-shopify-theme/supra/theme-settings/shipping-note.md): The small red line about shipping.
- [Clock](https://docs.webexp.dev/supra-shopify-theme/supra/theme-settings/clock.md): The live store clock under your logo.
- [Link Hover](https://docs.webexp.dev/supra-shopify-theme/supra/theme-settings/link-hover.md): How the accent fill behaves on navigation links.
- [Branding](https://docs.webexp.dev/supra-shopify-theme/supra/theme-settings/branding.md): The favicon, and the image shown when someone shares a link.
- [Social Media](https://docs.webexp.dev/supra-shopify-theme/supra/theme-settings/social-media.md): Your social links and how they display.
- [Sections & Features](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features.md): Every section you can add or configure in SUPRA.
- [Header](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/header.md): Centred logo, live clock, and how the header behaves on phones.
- [Enter Page](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/enter-page.md): The full-screen front door that covers your store until someone clicks through.
- [Filmstrip](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/filmstrip.md): The horizontal run of narrow product slivers.
- [Collection](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/collection.md): The one-screen grid with a category rail.
- [Featured Collection](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/featured-collection.md): A collection grid you can drop on any page.
- [Product](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/product.md): The product page, colourways, and the in-cart state.
- [Preview](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/preview.md): A look at what is coming, with nothing to buy on it.
- [Cart](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/cart.md): The cart page and the floating cart box.
- [Lookbook](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/lookbook.md): Editorial images with a full-screen viewer.
- [Mosaic](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/mosaic.md): A tight grid of product crops, and the way into the preview.
- [Image Banner](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/image-banner.md): A full-width image with a heading and button.
- [Rich Text](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/rich-text.md): Headings, paragraphs and buttons in the page column.
- [FAQ](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/faq.md): Questions that fold away, one at a time.
- [Contact](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/contact.md): The contact form.
- [Stores Grid](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/stores-grid.md): Store interiors in a grid.
- [Random Product](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/random-product.md): Sends a visitor to a random product.
- [Search](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/search.md): Predictive search and the results page.
- [Footer](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/footer.md): Navigation, link columns, mailing list and the bottom row.
- [Announcement Bar](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/announcement.md): The thin bar above the header.
- [Popup](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/popup.md): The mailing list, in a box over the page.
- [Policies](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/policies.md): One page listing the policies you have written.
- [Password Page](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/password.md): The closed-store page — countdown, enter button, background media, and app form embeds.
- [Metafields](https://docs.webexp.dev/supra-shopify-theme/supra/metafields.md): The three product metafields SUPRA reads.
- [Colorways](https://docs.webexp.dev/supra-shopify-theme/supra/metafields/colorways.md): Link separate products together as colourways on the product page.
- [Colorway Name](https://docs.webexp.dev/supra-shopify-theme/supra/metafields/colorway-name.md): The colour name printed under the product title.
- [Custom Badge](https://docs.webexp.dev/supra-shopify-theme/supra/metafields/badge.md): A small corner note on collection tiles.
- [Pages & Templates](https://docs.webexp.dev/supra-shopify-theme/supra/pages-and-templates.md): What each Shopify template looks like in SUPRA, and which ones need a page.
- [Customer Accounts](https://docs.webexp.dev/supra-shopify-theme/supra/customer-accounts.md): Login, register, account and order pages.
- [Advanced](https://docs.webexp.dev/supra-shopify-theme/supra/advanced.md): Editing the code, and the things worth knowing before you do.
- [FAQ & Troubleshooting](https://docs.webexp.dev/supra-shopify-theme/supra/faq-and-troubleshooting.md): Things that look like faults but usually aren't.
- [EXP-98](https://docs.webexp.dev/exp98-shopify-theme/exp98.md): A Windows 98 desktop that happens to be a shop — windows, icons, a Start menu, a CD player, screensavers and games, on real product URLs.
- [Getting Started](https://docs.webexp.dev/exp98-shopify-theme/exp98/getting-started.md): Install EXP-98 and get your store set up.
- [Installation](https://docs.webexp.dev/exp98-shopify-theme/exp98/getting-started/installation.md): How to upload EXP-98 to your Shopify store.
- [First-Time Setup](https://docs.webexp.dev/exp98-shopify-theme/exp98/getting-started/first-time-setup.md): The settings and Shopify data EXP-98 needs before it looks like the demo.
- [Going Live](https://docs.webexp.dev/exp98-shopify-theme/exp98/getting-started/going-live.md): What to check before you publish EXP-98.
- [Theme Settings](https://docs.webexp.dev/exp98-shopify-theme/exp98/theme-settings.md): Every global setting group in EXP-98.
- [Appearance](https://docs.webexp.dev/exp98-shopify-theme/exp98/theme-settings/appearance.md): Palette, shoppers' own colour schemes, and browser theme colour.
- [Favicon](https://docs.webexp.dev/exp98-shopify-theme/exp98/theme-settings/favicon.md): The icon in the browser tab.
- [Cursors](https://docs.webexp.dev/exp98-shopify-theme/exp98/theme-settings/cursors.md): Replace the browser's cursors with your own.
- [Wallpaper](https://docs.webexp.dev/exp98-shopify-theme/exp98/theme-settings/wallpaper.md): The desktop backdrop.
- [Products](https://docs.webexp.dev/exp98-shopify-theme/exp98/theme-settings/products.md): Sold-out products, Sale and New badges, and the low-stock notice.
- [Screen](https://docs.webexp.dev/exp98-shopify-theme/exp98/theme-settings/screen.md): CRT screen effect and the switch-on animation.
- [Screensaver](https://docs.webexp.dev/exp98-shopify-theme/exp98/theme-settings/screensaver.md): Which screensaver runs, and when.
- [Shell](https://docs.webexp.dev/exp98-shopify-theme/exp98/theme-settings/shell.md): Start button, taskbar, desktop icons, windows and the footer line.
- [Social Media](https://docs.webexp.dev/exp98-shopify-theme/exp98/theme-settings/social-media.md): Your profiles, as icons in the taskbar's tray.
- [Search & Sharing](https://docs.webexp.dev/exp98-shopify-theme/exp98/theme-settings/search-and-sharing.md): What search engines and link previews read, and where each piece comes from.
- [Sections & Features](https://docs.webexp.dev/exp98-shopify-theme/exp98/sections-and-features.md): Every section in EXP-98 and what it does.
- [Desktop](https://docs.webexp.dev/exp98-shopify-theme/exp98/sections-and-features/desktop.md): The icons, shortcuts and windows that make up the desktop.
- [Games](https://docs.webexp.dev/exp98-shopify-theme/exp98/sections-and-features/games.md): Eight mini-games, just for fun or handing out a discount code or the store password.
- [Taskbar](https://docs.webexp.dev/exp98-shopify-theme/exp98/sections-and-features/taskbar.md): The taskbar, the Start menu, and the tray.
- [Music Player](https://docs.webexp.dev/exp98-shopify-theme/exp98/sections-and-features/music-player.md): A CD player on every page, with a full-screen visualizer and a hidden studio.
- [Videos](https://docs.webexp.dev/exp98-shopify-theme/exp98/sections-and-features/videos.md): Video windows on every page.
- [Photos](https://docs.webexp.dev/exp98-shopify-theme/exp98/sections-and-features/photos.md): A folder of photos on every page.
- [Photo Booth](https://docs.webexp.dev/exp98-shopify-theme/exp98/sections-and-features/photo-booth.md): An ASCII art studio on the desktop — shoppers turn a photo or a camera shot into ASCII art and save it.
- [Lookbook](https://docs.webexp.dev/exp98-shopify-theme/exp98/sections-and-features/lookbook.md): A collection's photos played as a slideshow in a Media Player window.
- [Policies](https://docs.webexp.dev/exp98-shopify-theme/exp98/sections-and-features/policies.md): Your store policies, as text files.
- [Help (FAQ)](https://docs.webexp.dev/exp98-shopify-theme/exp98/sections-and-features/help.md): Your FAQ, as 98's Help Topics.
- [Profile (About us)](https://docs.webexp.dev/exp98-shopify-theme/exp98/sections-and-features/profile.md): Your About page as a 2006 social profile.
- [Email Sign-up](https://docs.webexp.dev/exp98-shopify-theme/exp98/sections-and-features/email-signup.md): A sign-up dialog that asks for an email a few seconds in.
- [Enter Gate](https://docs.webexp.dev/exp98-shopify-theme/exp98/sections-and-features/enter-gate.md): A Windows log-on screen shown once per visit, before the store.
- [Collection](https://docs.webexp.dev/exp98-shopify-theme/exp98/sections-and-features/collection.md): Collections as folders — views, filters, sorting, and drag to cart.
- [Product](https://docs.webexp.dev/exp98-shopify-theme/exp98/sections-and-features/product.md): The product window — gallery, video and 3D, variants, fold-out rows, size chart and recommendations.
- [Cart](https://docs.webexp.dev/exp98-shopify-theme/exp98/sections-and-features/cart.md): The cart window, the goal bar, and the You may also like shelf.
- [Search](https://docs.webexp.dev/exp98-shopify-theme/exp98/sections-and-features/search.md): Search as you type, and results as a folder you can filter.
- [Contact](https://docs.webexp.dev/exp98-shopify-theme/exp98/sections-and-features/contact.md): Pages, and the contact form.
- [Password Page](https://docs.webexp.dev/exp98-shopify-theme/exp98/sections-and-features/password.md): The locked storefront — a notice, a countdown, an email sign-up, a password window, and games to play your way in.
- [Metafields](https://docs.webexp.dev/exp98-shopify-theme/exp98/metafields.md): The product metafield EXP-98 can use.
- [Size Chart](https://docs.webexp.dev/exp98-shopify-theme/exp98/metafields/size-chart.md): A different size chart for each product.
- [Pages & Templates](https://docs.webexp.dev/exp98-shopify-theme/exp98/pages-and-templates.md): What each Shopify page looks like in EXP-98.
- [Customer Accounts](https://docs.webexp.dev/exp98-shopify-theme/exp98/customer-accounts.md): How customer accounts work with EXP-98.
- [Advanced](https://docs.webexp.dev/exp98-shopify-theme/exp98/advanced.md): How the desktop works under the hood, for anyone customizing or troubleshooting.
- [FAQ & Troubleshooting](https://docs.webexp.dev/exp98-shopify-theme/exp98/faq-and-troubleshooting.md): Things that look like faults but usually aren't.