ECECOMdocs
Introduction

Getting started with ECOM

Get your store looking like the ECOM demo in about 15 minutes.

ECOM ships with a complete demo experience — tasteful placeholder imagery, a sample navigation, and an editorial layout — so a brand-new store looks finished before you've added anything. As you upload real images and create products, the demo content quietly steps aside.

Install & publish

  1. Open your Themes page

    In the Shopify admin, go to Online Store → Themes.

  2. Find ECOM in your theme library

    ECOM appears under Theme library once you've added it to your store.

  3. Customize, then Publish

    Click Customize to open the theme editor and start configuring. When you're happy with how it looks, return to the Themes page and click Publish to make ECOM your live theme.

About the demo content

The first time you open ECOM in the editor you'll see on-brand placeholder images everywhere — hero banners, product cards, category tiles. They're not stock photos: they're generated SVGs styled in your theme's accent color.

Placeholders auto-replace. The moment you upload a real product image or hero photo, the placeholder vanishes for that block. You don't need to delete anything.

First-launch checklist

The fastest path from blank install to launchable store. Work through these in order — each step builds on the previous one.

  1. Set your brand basics

    Open Theme settings → Branding. Upload your Logo and Favicon. Set Logo width if your logo needs a specific size — the default works for most.

  2. Pick colors & fonts

    In Theme settings → Colors, set your Accent color — this drives buttons, links, and the editorial highlights throughout the store. The neutrals usually don't need changing.

    In Theme settings → Typography, pick a Heading font and Body font. A distinctive serif for headings is what gives ECOM its editorial feel — consider Playfair Display, EB Garamond, or DM Serif Display.

  3. Build your navigation

    In the Shopify admin, go to Content → Menus. Create or update your Main menu and Footer menu.

    Back in the theme editor, open the Header section. Change Navigation source from Demo nav to Store menu and select the menu you just created.

  4. Add products and collections

    Add at least one collection with several products (Shopify admin → Products / Collections).

    Open the Featured collection section on your homepage and set its Collection. The section falls back to “all products” if you leave it blank, which is fine while you're setting up.

  5. Configure the cart upsell

    Open Theme settings → Cart and choose a Cart drawer upsell collection. Products from this collection are recommended in the slide-in cart. Pick higher-margin or impulse-buy items.

  6. Fill in the footer

    Open the Footer section in the editor. Add your menu columns (up to 4), write a short brand blurb, and link your social accounts under Theme settings → Social media.

  7. Publish

    Return to Online Store → Themes and click Publish. Your store is live.

What's next

Walk through Theme settings to fine-tune the global look, or jump to Homepage & sections to start building out the home page.