Switchback

Switchback helps outdoor, sports and technical equipment shops present product specifications, size tables and activity categories, with an optional comparison table for up to four products.

$67 USD

Buy now

Secure payment via Stripe

Live preview ↗
Best for
Best for outdoor, sports and technical equipment shops where customers choose by weight, materials, specifications and fit
Platform
Astro
Status
On sale
Price
$67 USD
Version
1.0.0
License
Astro edition: Peachfin Themes Astro License (LICENSE in the download). Photographs CC0 1.0 (ASSETS.json). Bundled font SIL OFL 1.1 (public/fonts/OFL.txt).
Demo photography is licensed separately from theme code

Page inventory

Home
Home
All gear
Shop
category pages
Archive
activity pages
Archive
product pages
Product
Compare (optional)
Utility
Size and fit guide (with size tables)
Utility
Trail notes
Journal
trail note entries
Post
tag pages
Archive
About
About
Contact
Contact
Shipping
Utility
Returns and repairs
Utility
Privacy
Utility
Search
Utility
Photo credits
Utility
404
Utility
Cart and order confirmation (optional cart)
Utility

Design controls

Store identity
identity sets the shop name and description, and nav sets the header links.
Colors and type
theme.colors controls the palette, and theme.fonts controls display and body fonts.
Home layout
home.hero selects the photo, home.productLimit sets the newest-product count, and home.journalLimit sets the trail-note count.
Product comparison
compare.enabled turns the signature feature on or off in src/site.config.ts.
Optional extras
site.config.ts holds switches for the cart, search and analytics; activity pages and the fit guide disappear when their content folders are empty.
Footer
footer.attribution controls the editable credit, and footer.note controls the demo notice.

Features

  • Shoppers can compare up to four products by weight, materials and specifications, with the lightest marked and matching rows hidden on request.
  • The home page lists products in a specification sheet ordered from lightest to heaviest.
  • Category and activity pages organize equipment, with a sort menu on listings.
  • Product pages support grouped specifications, size tables and variants with up to two options.
  • Each product or variant can open Stripe Payment Links, Polar, Lemon Squeezy or Shopify checkout.
  • An optional Stripe Checkout cart requires a server adapter and your own Stripe secret key.

What the download includes

  • Switchback 1.0.0 includes Astro source with Markdown content collections for products, categories, activities, size tables, journal entries and pages.
  • The demo contains 18 CC0 StockSnap photographs with source and license records in ASSETS.json.
  • Chakra Petch SemiBold is bundled under the SIL Open Font License, with system fonts for body text.
  • README and GETTING-STARTED explain content editing, payment setup, configuration and deployment.

Setup

  1. Use Node 24 LTS or Node 22 LTS at version 22.19.0 or later after extracting the theme.
  2. Install dependencies with npm ci and start the local preview with npm run dev.
  3. Set your identity, URL, navigation and appearance in src/site.config.ts, then replace the sample content and photos.
  4. Create checkout links for your products or variants and verify them in your provider's test mode; enabling the cart also requires a server adapter and STRIPE_SECRET_KEY.
  5. Check your edits with npm run check, npm test and npm run build.
  6. Publish dist/ at your domain's root on a static host, or use a server deployment for the optional cart or EmDash edition.

Read the full setup guide

Switchback is an Astro store template for outdoor, sports and technical equipment shops whose customers need to compare specifications and fit. A split photo hero leads into activity categories, a product specification sheet ordered by weight and a product grid. Product pages place key facts beside the buying options, followed by grouped specifications, size tables and field notes. The demo uses a fictional technical outdoor gear shop with a repair workshop as example content you replace. Switchback 1.0.0 costs $67 USD one-time.

Its signature feature is side-by-side comparison: shoppers select up to four products, see the lightest marked and choose to show only rows that differ. Each product page also compares its specifications with up to two others in the same category. Set compare.enabled to false in src/site.config.ts to remove the comparison feature. Extras such as the cart, search and analytics can also be switched off in site.config.ts; activity pages and size guides disappear when their content folders are empty. Use CUSTOMIZE.md and AGENTS.md to guide edits with any coding agent.

Assign a checkout link to each product or variant using Stripe Payment Links, Polar, Lemon Squeezy or Shopify. The Buy button opens the provider’s checkout, where you manage payments and orders. The optional Stripe Checkout cart lets customers buy products together and requires a server adapter and your own Stripe secret key. For this theme, cart tests used mocked Stripe only; a checkout through a server adapter and Stripe test mode was not run. Set up pricing, taxes, shipping and fulfillment with your provider, and test your checkout before publishing.

The default edition stores products, categories, activities, size tables, journal entries and pages in Markdown files. The optional EmDash edition switches with npm run emdash:setup on Node.js or Cloudflare, with menus and site settings edited in EmDash. The included EmDash edition reads products, categories, activities, size tables, journal entries and pages from EmDash and was tested with EmDash 1.1.0 on Node and locally on Cloudflare. The included photographs have CC0 source records, and the sample policies need your own text before the shop goes live.

Similar themes