OVERVIEW
In this release, we are pleased to launch the redesigned UI for webstore theme feature.
ENHANCEMENT
Revamped Webstore Theme and Design Pages
Working towards improving your experience with how you add and customize your webstore theme, we have made several enhancements to the Theme Store, Theme Editor, and other related pages.
Adding a Theme
The Theme Store page has been redesigned to simplify how you search for and add a theme and how you manage the themes you’ve used in your webstore.
To learn about webstore themes, see Maropost Commerce Cloud Webstore Themes.
The notable improvements include:
Introduced Filtering Options on the Theme Page: You can now search for themes using the following newly introduced filters:
- By Industry: Enables you to see themes for the selected industries.
- By Feature: Enables you to see themes based on the chosen theme features.
- By Cost: Enables you to choose if you want to see free or premium themes.
Segregated All the Themes That You’ve Already Used: All the themes that you’ve installed in your webstore (including the one currently in use) are grouped under a section - My Themes - for quick access. This makes it easy to find all the themes that you have already installed including the one that’s currently live.
Additional UI Improvements to the Theme Store Page: We adapted a modernized design offering a more intuitive and user-friendly UI. There are several improvements around UI presentation and label texts. For example, UI changes to the Themes thumbnails, Your Current Theme section, and Extra Themes section.
Editing a Theme
The Theme Editor page and the Add Banner/Ad Unit Campaign page have been redesigned to give you convenience and control over the editing process.
To learn about customising your webstore themes, see Webstore Design Options.
The notable improvements include:
Highlighted Style Elements on the Editor: One of the most useful functionalities that has been introduced in this release is the ability to see the style elements on the editor and the ability to quickly toggle between them. Now, the style elements are highlighted when you hover over the page components on the editor. You can click the hover texts on the components to navigate between the style customisation options on the sidebar.
Collapsible Sections on the Sidebar: The customisation options on the sidebar are now grouped under collapsible sections, making it easier for you to scroll through the sidebar to find the part that you wish to interact with.
Intuitive UI for Logo Upload: You can now see a preview and resize the image before saving it. Also, you’ll find the Webshop Logos section at the top of the sidebar for greater visibility.
Additional UI Improvements to the Theme Editor Page: There are several improvements around labels and buttons on the Theme Editor page. Some of these are:
- The Undo and Save buttons have been repositioned and renamed to Cancel Changes and Save and Publish respectively.
- Visible page title Theme Editor on the top of the page.
- The Back to Theme Store button is repositioned to the top of the page.
Information Banner When Previewing an Inactive Theme: When previewing an inactive theme, you’ll now see a banner indicating that it’s not the live theme. You’ll also have the option to quickly navigate to the live theme.
Improvements to the Add Banner/Ad Unit Campaign Page: We have made several minor improvements to the Add Banner/Ad Unit Campaign page making the process clear and straightforward.
- Adding a banner is now a single-step process instead of two steps.
- The input fields are clearly labeled and categorized into sections.
- Uploading the banner image is now more user-friendly and allows you to see a preview before saving the banner.
- If you’re adding a banner through the theme editor (Web Theme homepage > ‘Click here to add a banner’ button), then after saving the banner, you’ll be automatically redirected back to your theme homepage showing the updated banner.
To learn about adding a banner, see Website Banner Adverts and Carousels.
