Omnira Docs v1.0.0

Demo guides › Shop

Fashion Store

A minimal fashion e-commerce store: collections, product pages, cart, checkout, lookbook and journal.

Pages43
Foldertemplate/fashion-store/
Sourcesrc/demos/fashion-store/
FontsTenor Sans / Figtree

Colours#

Set in src/demos/fashion-store/demo.json → theme.

  • Primary #9a3412
  • Accent #c8a97e
  • Dark #15130f
  • Light #f1ebe0

Colour switcher schemes (colors): Noir, Olive, Bordeaux, Ink blue, Clay, Sage, Plum, Mocha, Rose.

Pages#

PageFileEdit in
Page not found404.htmlpages/404.json
Our storyabout.htmlpages/about.json
Accessoriesaccessories.htmlpages/accessories.json
Your cartcart.htmlpages/cart.json
Checkoutcheckout.htmlpages/checkout.json
Coming sooncoming-soon.htmlpages/coming-soon.json
Contactcontact.htmlpages/contact.json
Shipping & returnsfaq.htmlpages/faq.json
Home – Minimalhome-2.htmlpages/home-2.json
Considered clothing in natural fibresindex.htmlpages/index.json
Journaljournal.htmlpages/journal.json
Lookbooklookbook.htmlpages/lookbook.json
Menmen.htmlpages/men.json
Salesale.htmlpages/sale.json
Shop allshop.htmlpages/shop.json
Size guidesize-guide.htmlpages/size-guide.json
Storesstores.htmlpages/stores.json
Wishlistwishlist.htmlpages/wishlist.json
Womenwomen.htmlpages/women.json

Generated detail pages#

One page per record in data.json. Add, edit or remove a record and its page follows on the next build.

CollectionPage templatePages
postspages/post.json6: post-how-to-care-for-wool.html post-the-autumn-capsule.html post-inside-our-porto-workshop.html post-packing-for-a-city-weekend.html post-what-makes-good-denim.html post-the-art-of-tailoring.html
productspages/product.json18: product-camel-wrap-coat.html product-double-breasted-trench.html product-teddy-cocoon-coat.html product-silk-slip-dress.html product-satin-midi-dress.html product-straight-leg-jean.html product-linen-camp-shirt.html product-linen-overshirt.html product-grey-wool-blazer.html product-fisherman-knit.html product-relaxed-selvedge-denim.html product-navy-travel-suit-jacket.html product-cognac-leather-tote.html product-mini-crossbody.html product-chelsea-boot.html product-round-sunglasses.html product-gold-chain-necklace.html product-check-lambswool-scarf.html

Data collections#

Shared records in src/demos/fashion-store/data.json. The fields of the first record are shown; copy it to add a new one and give it a unique slug.

products (18 records)#

Fields: slug, name, category, price, image, image2, gallery, rating, reviews, colors, sizes, description, long, features, specs, sku, sale, badge

posts (6 records)#

Fields: slug, title, category, date, author, image, excerpt, html

reviews (5 records)#

Fields: text, name, role, rating