- Webstore Design Theme Editor

The Webstore Design Theme Editor allows for greater customization of your website. This is available for both B2B and B2C webstore themes. At this time, it is available for all themes supported in the Webstore starting with the number 5.

The editor facilitates easy customization of:

  • Design layout
  • Navigation Menus (header/footer)
  • Images
  • Look and Feel of the webstore

To begin, select an eligible them using the magnifying glass next to "Template Name".

  • Click "Save" to update the theme.
  • Select the "Edit" button next to the channel to re-open the channel settings.
  • A new icon will appear next to the template name as shown below. Click this button to open the editor.
1556

The editor will open and the theme is ready for customization.

  • Click the "Channel Settings" button to return to the channel configuration screen.
976

The tool bar on the top right allows for the following:

  • Device format selector – view at various device sizes.
  • Reset to Live site at any time.
  • Edit HTML source code .
  • Preview changes before deploying to the Live site.

The tool bar on the top left allows for adding additional rows to the web page.

411

The small tool bars in each section allows for the following:

  • Move the section
  • Select column
  • Add editable region

Select the icon to switch to a different web page in the template for editing. The pages are listed in alphabetical order.

975

Click on one of the page links to view the editable area.

  • For this example, we selected the Footer page.
976