TREADORA FOR FRAMER
Make it your own.
The starting point for editing your new footwear template.
01 — Start with your brand
Start with the shared Paper, Ink, Lime, Orange, Muted, and Line color styles. Use Syne for expressive headings and Space Grotesk for body text. Review the page titles, descriptions, social image, and favicon in Site Settings.
02 — Make the catalog yours
Edit Products and Collections to build your catalog. Products include price, display price, SKU, images, gallery, collection, and an optional brand. Keep Price Label consistent with Price. Brands, Journal, Journal Focus, Topics, FAQs, and Size Guide are also editable in CMS. The optional Shopify Journal reference collection preserves the earlier external destinations.
03 — Edit once, use everywhere
The Storefront layout controls the shared navigation and footer. Update the Button, Product Card, Journal Card, FAQ, and Form Submit source components to change every instance. Keep the native content components connected to their motion wrappers so copy stays editable.
04 — Understand the demo cart
TreadoraShopping provides Product, Cart, Count, and Checkout views. The demo bag persists in the browser and synchronises across pages and tabs. It does not manage inventory, accept payment, or create orders. Connect a commerce service and replace the demo checkout before operating a live shop.
05 — Connect your forms
To receive messages, remove withDemoForm from the Contact form and withNewsletterDemo from the newsletter form in the shared Footer component. Connect each form destination in Framer, update the form notice for your business, and verify delivery using an address you control. Keep the demo overrides on a public template preview.
06 — Keep the motion considered
The homepage combines native editable content with motion wrappers. Rotation uses its own component and supports previous/next controls. Hero, Spread, Edit, Statement, Deck, Hover, Collections, and Marquee live in MotionScene. Reduced-motion visitors receive simpler compositions; the brand marquee includes a pause control.
07 — Replace the sample policies
The size chart, delivery and return policy, privacy notice, and terms are demonstration content. Add accurate product sizing, business details, and policies before operating a live store.
08 — Review the imagery
The asset register included with the handoff records the original photo URLs and the Framer assets used in this project. The template owner confirmed ownership or redistribution permission for the source theme. Third-party brand names identify demo footwear; they do not imply affiliation. Replace imagery with your own product photography when launching a brand.
09 — Before you share
Preview every page at desktop, tablet, and phone widths. Test search, filters, article navigation, product selection, cart quantity changes, and demo checkout. Create a fresh remix to confirm the CMS, components, and local demo bag work independently of the original project. Then create your listing using the preview URL, remix URL, screenshots, and accurate feature description.
Your setup checklist
This is an editable Framer storefront and editorial template with a local demo shopping flow. Real payments, live inventory, customer accounts, tax, delivery calculations, and Shopify synchronisation require a separate commerce integration. Configure form delivery, replace demo policies and sizing, and add your business details before launching a live store.