Design Templates, webshop

View - E-Commerce - Edit Website - Design template - Webshop

You can adjust the design of the webshop according to the needs of your company. Once you have changed the colours for your webshop, you must run an update of your website in order for the new colours to be visible.

How to apply a theme and colours to your webshop

Go to View - E-Commerce - Edit Website - Design template - Webshop. If the Preview window for the webshop does not open automatically, click the Webshop button.
Select the design Theme for the webshop from the top menu bar.
Choose the Product list type: 1 column (Standard), 2 columns (Tiles2) or 3 columns (Tiles).
Choose the Colour scheme for your webshop. With an extended license, you can also use a certain colour scheme as template and adjust it individually by using the Style Editor.
In case the style editor is not open, click Style Editor in the top menu bar.
If you want to assign a colour manually, click the website area you want to adjust. It will be highlighted and its colour elements will be shown within the style editor. If the referring area is not displayed within the preview, you can select it from the list in the style editor.
In the style editor window click into the field for the colour element that you want to adjust: The colour spectrum will open. Simply choose the colour you want to assign and click Apply to save the new colour.
Repeat steps 5 to 6 for all elements you want to change. Once you've done all changes, click Close or Publish.

The webshop now has a new colour scheme. It is visible for your customers once you have published. Read more about publishing your webshop in Website update.

How to adjust the standard image size in the product list

Go to View - E-Commerce - Edit Website - Design template - Webshop. If the Preview window for the webshop does not open automatically, click the Webshop button.
Select the design Theme, the Product list type and the Colour scheme for the webshop from the top menu.
You can open the product list for your webshop via the left-hand menu.
If the style editor window is not active, click Style Editor in the top menu.
Click any image in the product list to open its properties in the Style Editor. One of the properties is Max. width, here you can now enter the maximal width for the images. Alternatively, you can also use the bar below this field. Note, that images cannot be up scaled. So if you, for example, choose 160 pixels for the image in your product list, the images with less pixels will maintain their original value.
Click Apply to see the result in the webshop preview.

The standard image size in your product list has now been adjusted. The change will be visible for your customers once you have published. Read more about publishing your webshop Website update.

Tip! You can undo changes and thus reset to the original design by clicking Reset theme.