Topics

Choose and customize your shop theme

Pick a storefront theme, preview it, and customize its files, translations, and media.

The theme controls how your online shop looks to customers — layout, colors, and text. Vinosoft lets you pick a theme from the theme library, preview it, and then fine-tune it.

Open the Themes screen

Go to Shop → Themes to see the themes available for your shop.

The Themes screen with the list of themes and their status.

Choose a theme

On the Themes screen, click to create a new theme.
Pick a theme from the library. Some themes offer an asset option (a visual variant) — choose one if available.
Click to select the theme. Vinosoft opens the theme editor so you can configure it.

The theme library with theme cards, each showing a preview image and an optional asset variant.

Activate a theme

A shop can have several themes, but only one is active at a time. Open a theme and set it as active to make it the one customers see in your live shop.

Preview a theme

Open a theme and choose Preview to see it rendered as customers would, in a new view, before making it active.

Edit theme files and translations

Inside the theme editor you can browse the theme's files, open one, and edit its content directly, as well as edit the localization (translation) files that hold the theme's text strings per language.

The theme file editor, showing the file tree on one side and the code editor with the selected file's content.

Manage theme media

Open Media on a theme to manage the images used by the theme, such as logos or banners. Add files from the asset library or clear a selection to remove them from a section.

The theme Media screen with an image group and its selected files.

Sync with GitHub (optional)

If your theme is connected to a GitHub repository, you can push your changes from the theme editor's settings so the files are version-controlled outside Vinosoft.

Related: Shop, Manage shop assets.

Was this article helpful?