Use the theme editor

The theme editor opens full screen. The left column holds the theme's setting groups and the rest is a preview of your store. You edit content, colors and layout, check the result on a computer or phone, then save.

Each theme has its own settings, so what you change in one theme does not affect another.

Open the theme editor

1. In the sidebar, click Online Store.
2. Click Customize on the theme you want to edit, either on the image of the current theme or on a row in the Theme library.

On the Overview page, the Customize theme button in the setup guide also opens the editor for your current theme.

Edit settings

Each setting group is a row in the left column, for example Màu sắc (colors), Đầu trang (header) or Trang chủ (home page). Only one group is open at a time.

1. Click a group’s name to open it.
2. Change the setting you want, for example pick a color, type text or choose a collection.
3. To add an image, click Select image. You can also drag and drop an image into the box.
4. In the Select file box, click Upload.
5. Choose the image on your computer. The image you just uploaded is used right away.

To use an image you already have, check it under Select from library in the box, then click Select file.

The preview on the right usually updates as soon as you stop typing. If you see a reminder to save to preview, save to see the change.

Preview on a computer and a phone

1. In the top bar, click the phone icon Mobile to see a phone-sized screen.
2. Click the screen icon Desktop to go back to a computer-sized screen.
3. To view it in a new tab, click the eye icon Preview in a new tab. For the current theme, this is the arrow-out icon View store.

Save your changes

1. Click Save in the top right corner. For the current theme, this button is Save and apply now.

The button only works when there are changes. To throw away all unsaved changes, click Discard.

If a setting is not valid, for example a link that does not start with http://, https:// or /, the box is marked red and its group shows a red dot. Fix the box, then save again.

Leave the theme editor

1. Click the arrow icon in the top left corner Exit.

If you have unsaved changes, EcomWeb asks you to save or discard them before you leave the page.

Publish from the theme editor

For a theme that is not published, the top bar has a Publish button.

1. Save your changes.
2. Click Publish.
3. In the Publish this theme? box, click Publish.

The three-dot icon in the top bar also has All versions, which leads to the theme’s versions. See Update a theme or go back to an earlier version.

Edit on a phone

On a phone, the editor only shows the settings column, with no preview and no screen size buttons. You can still edit and save. To see the result, tap the eye icon or the arrow-out icon in the top bar.

Frequently asked questions