Theme
Instructions
Everything you need to take this from a clone to a running site, in the order you will need it.
Instructions
This theme is an Astro project. You need Node 22 or newer and a package manager; everything else can be done from a browser and an editor.
Support
Questions about the theme go through the marketplace listing you bought it from. Include the version number from the change-log page — it is the fastest way to a useful answer.
Setting the site up
Open `src/config/site.ts` first. It holds the site name, the URL, the contact details, the navigation and every route the theme renders. Changing a route here changes it everywhere it is linked.
Editing images and text
Text and images live in `src/content` rather than in the markup. Products and posts are Markdown files; the lists — categories, reviews, questions, awards — are JSON.
Photographs go in `src/assets/images` and are referenced by a path relative to the content file, so the build can resize and hash them.
Dynamic content (CMS)
Every collection is wrapped in a loader that falls back to the local files. Set `CONTENT_SOURCE` to a source name, give it credentials, and the same pages render from the CMS instead.
See `src/loaders` for the sources that ship with the theme and the field mapping each one uses.
Components
Anything that appears on more than one page is a component in `src/components`. The `sections` folder holds whole bands; `ui` holds the pieces they are built from.
Breakpoints
The design's four breakpoints are 1920, 1440, 991 and 767 pixels, and the stylesheet is written against them. Check any change at 1440, 900 and 390 before shipping it.
Custom animation
Scroll and hover behavior lives in `src/scripts/motion.ts`, driven by `data-anim` attributes in the markup. Remove the attribute to remove the effect; nothing else has to change.
Backups
The theme is a git repository. Commit before you start editing, and the worst case is a `git checkout` rather than a re-download.
Checkout
The checkout, PayPal and order-confirmation pages are the design with no commerce behind them — the original was built on a hosted cart that an export cannot carry.
Wire the forms to whatever you use (Shopify, Snipcart, Stripe or your own API) before shipping a store. Nothing in the theme charges anyone.