Skip to content

Getting started

Install the theme, pick a style, add your brand and publish.

This guide takes you from adding Lumen to a store that's ready to open, in about an hour.

1. Add Lumen to your store

  1. On the Lumen listing in the Shopify Theme Store, choose a style (Lumen, Ashlune, Stillfern or Dunmere). Open its demo store to see it with real content.
  2. Click Try theme to preview it in your store, or Buy theme to purchase it.
  3. Lumen is added to Online Store → Themes, in your theme library. Customers don't see it until you publish it.

The style you pick sets your colours, fonts, buttons and homepage. You can switch style later (see Styles).

2. Open the theme editor

In Online Store → Themes, click Customize next to Lumen. The editor shows a live preview of your store, the sections of the current page in the left sidebar, and Theme settings (the paint-brush icon) for store-wide options.

Use the page selector at the top to move between the homepage, product pages, collections, the cart and your other pages.

3. Add your brand

  • Logo: Theme settings → Logo. Upload an SVG or a transparent PNG at least 600px wide, then set its width for desktop and mobile. Without a logo, Lumen shows your store name.
  • Favicon: the small icon in browser tabs. Use a square image of at least 192 × 192px.
  • Colours: Theme settings → Colors. Every section has a colour setting, so changing a colour updates every section that uses it.
  • Fonts: Theme settings → Typography. Choose a heading and a body font from Shopify's font library.

4. Set up navigation

  1. In your Shopify admin, go to Online Store → Navigation and edit the Main menu. Links with sub-links become dropdowns, and two levels of sub-links become a mega menu.
  2. In the theme editor, select the Header section to choose the menu and the layout.
  3. Edit the Footer menu the same way and add it to the Footer section.

5. Build your homepage

Your style's homepage is ready to edit. Click a section to change its text and images, drag sections to reorder them, and use Add section to add more. Every section is described in Sections.

  • Use real photography in the hero or slideshow; it's the first thing customers see.
  • Set a focal point on important images (select the image, then Edit) so the subject stays in view on every screen size.
  • Keep each section to one message and one main button.

6. Products and collections

  • Product photos: upload at least two images per product.
  • Colour swatches: in Shopify admin, link your product's Color option to swatch colours. Lumen then shows colour dots on product cards and product pages. Without swatches, colours show as text buttons.
  • Collection images: add an image to each collection; it appears in collection banners and collection lists.
  • Filters: turn on filters in the Search & Discovery app.

7. Pages and policies

Create your About, Contact and FAQ pages under Online Store → Pages, then pick the matching Lumen template in each page's Theme template field. Add your store policies under Settings → Policies; Lumen links them in the footer.

8. Check, then publish

  1. Preview on a phone with the device toggle at the top of the editor.
  2. Place a test order with Shopify's test payments.
  3. When you're happy, go to Online Store → Themes and click Publish on Lumen.