> For the complete documentation index, see [llms.txt](https://docs.webexp.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.webexp.dev/sply-shopify-theme.md).

# SPLY Shopify Theme

- [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.