Skip to main content

Edit the homepage in your shop’s theme

Edit the homepage in your shop’s theme. Read the prerequisites and verify the result.

Build a clear homepage with blocks and check which theme you are editing before saving.

Theme editing is available in Go, Plus and Pro. This guide applies to the theme editor with Content, Style and Addons tabs, for example Nordic. The separate TPL editor has a different workflow. Check the current shop, active theme and actual editor tabs; an installed theme is not necessarily active.

Choose the correct theme and working copy

  1. Open Store design → Themes and check which theme is marked active.

  2. Under Theme templates , view available templates, demonstrations and information, and add a template. The number available can change.

  3. Find installed themes under My themes and open the correct editor. Create a copy if you want to work without changing the active theme.

Editing a copy does not by itself make it active. Saving changes to an active theme can affect visitors. Check the theme and shop before each change.

Build the homepage under Content

  1. Open Content → Start page.

  2. Add a block of the appropriate type and enter its content. Open an existing block to edit it.

  3. Drag blocks into the desired order. Edit or remove content in the correct block; a custom page or shopwindow can have its own editor.

  4. Save before changing tabs and inspect the homepage preview.

Style and add-ons

Under Style , adjust colours, fonts, the logo and available image settings. A transparent logo can suit a coloured background. Follow the logo guide when choosing the file and size. Custom CSS requires selectors appropriate to the actual theme.

Under Addons , find the theme’s available integrations and features, such as analytics, cookie settings, text banners and custom HEAD content. Fields vary between themes. Do not install the same analytics code here and in another integration; it can produce duplicate events. Installing a script does not by itself resolve consent or personal-data requirements.

Check before activation

Check mobile and desktop: homepage order, images, menu, header, footer, product links and checkout. If a change is missing, check that you saved the correct tab and are previewing the correct theme and shop. Activate a working copy only when ready; a preview is not the same as the active shop.

Quick start

  1. Identify the shop, active theme and editor variant.

  2. Open the correct theme or a working copy.

  3. Edit blocks and save each tab.

  4. Preview mobile and desktop before activation.

Basic theme editing is available in Go, Plus and Pro. Individual add-ons can require another plan or separate agreement; a visible field does not mean that an external service is included.

Glass sphere in front of a landscape at sunset
Did this answer your question?