Terra — Shopify Theme

▶ View live demo
Opens this theme running on our store with real products.

Terra is a slow, tactile storefront for brands whose products are made by hand. Cream paper backgrounds, sage and terracotta accents, imagery framed in tall arches, Prata headlines set against Karla body copy — it reads like a studio zine rather than a shop grid.

Underneath the mood it is a complete, working theme. 24 custom sections and 19 JSON templates cover every page a store needs: home, product, collection, search, cart, blog, article, page, contact page, collections list, 404, password screen and all seven customer account pages. Every section carries a preset and a schema, so you rearrange and rewrite the whole storefront from the Shopify theme editor without touching Liquid.

The product page has a real variant picker (price, compare-at price, availability, image and URL all update live), a quantity stepper, gallery thumbnails, trust badges, two collapsible detail rows and optional related products. Product cards support one-click AJAX quick-add. Colours, fonts, social links and every headline are editable settings.

It is one stylesheet and one small vanilla-JS file — no jQuery, no frameworks, no build step. Every interaction degrades to a plain form post or link if JavaScript fails. Demo copy and photography ship as a fallback so a brand-new store never looks broken, and disappear the moment you add your own products.

What's included

• 24 custom sections and 19 JSON templates — Online Store 2.0 throughout, every page section-based and editable
• Homepage kit: arched hero with stat blocks and a live bestseller card, scroll-snap featured rail, category tiles, studio panel, scrolling announcement marquee
• Product page with live variant picker, quantity stepper, gallery thumbnails, dynamic checkout, trust badges, two collapsible rows and related products
• AJAX quick-add on product cards with live cart count, plus automatic Sale / Sold out / custom tag badges
• Full cart page: quantity controls, cart-level discounts, optional order note, styled empty state
• Collection and search pages with pagination, collection chips and merchant-set products per page (8–48)
• Brand settings for accent, background and text colour, favicon, four social links — keep Prata + Karla or switch to any Shopify font
• One CSS file, one vanilla-JS file, no jQuery or frameworks; every interaction still works with JavaScript disabled
• Accessibility groundwork: skip link, ARIA labels, visually-hidden form labels, prefers-reduced-motion support, fully translatable locale file

Best for: Ceramics, plants, home goods and small-batch makers selling craft over catalogue