TSM.Consulting Inc.
Start a Project
Setup

Getting started.

Installation

NOVA installs like any Shopify theme. No apps, plugins, or third-party accounts required.

01

Add NOVA to your store

From your Shopify admin, go to Online Store > Themes. Click Add theme, then search for NOVA — Editorial Commercein the Shopify Theme Store. Click Try theme or Buy theme.

02

Choose a preset

After installing, go to Customize. Open Theme settings (gear icon). NOVA ships with three presets — Editorial (warm stone), Natural (earthy olive), and Dark (midnight gold). Select one as your starting point; all colours, typography, and spacing will update instantly.

03

Upload your logo

In the theme editor, click the Header section. Upload your logo as an SVG or transparent PNG. Set the logo width — the default is 120px. NOVA displays a text logo (your store name in the heading font) when no image is uploaded.

04

Set up navigation

NOVA's header reads from your Main menu in Shopify admin > Navigation. Create nested menus for the mega menu — NOVA supports one level of dropdowns on desktop and an accordion drawer on mobile.

05

Configure your homepage

The homepage template includes pre-configured sections: Hero, Collection List, Product Carousel, Editorial Split, Collection Spotlight, Promo Banner, Featured Collection, Benefits, Testimonials, Blog Posts, and Newsletter. Each section is drag-and-drop from the theme editor sidebar. Remove what you don't need, reorder, and assign collections and products.

06

Connect products and collections

Each section that shows products (Featured Collection, Product Carousel, Collection Spotlight) has a Collection setting. Pick your collections from the dropdown. Product cards automatically display title, price, compare-at price, colour swatches (from variant options named "Color" or "Colour"), and material/variant-count meta line.

07

Publish

When you're happy with the customisation, go back to Online Store > Themes and click Publish on NOVA. Your previous theme remains available as an unpublished backup.

Recommended image sizes

For the sharpest results on retina displays:

Hero banner2400 x 1350 px (16:9)
Product images1600 x 2000 px (4:5)
Collection feature1200 x 1600 px (3:4)
Blog post cover1200 x 800 px (3:2)
Logo (SVG preferred)240 x 80 px (any)

Product setup tips

Colour swatches: Name your variant option "Color" or "Colour". NOVA automatically generates swatches from variant images. For custom swatch colours, add a colour metafield to each variant.

Size guide: Create a size_chart metaobject definition with a body rich text field. Link it to products via a metafield reference. The product page automatically shows a "Size Guide" link that opens a drawer.

Selling plans: If you use a subscriptions app that provides selling plan groups, NOVA displays a purchase options block with plan selection automatically.

Development / CLI

If you're a developer customising NOVA locally:

shopify theme dev --store your-store.myshopify.com # Serves at http://127.0.0.1:9292 # Hot-reloads Liquid, CSS, and JS changes

Run shopify theme check before deploying to catch Liquid errors and performance warnings.