Own styles
Page: Design >> Own styles
A style contains all the information about the presentation of your Web site. This includes the definition of colours, images and fonts as well as the layout configuration and the distribution of functional elements on your Web page.
You can create several styles for your Web site. The basis for a style is a template that you have used from the template selection. See Templates.
In the table, you can see all styles you have created for your Web site. A preview image is displayed for each style. The image shows the original layout of the template for this style. If you make changes to the style, these changes are not visible in the preview image in the table. As soon as a style is edited and the changes have been saved, the change is indicated by an icon (paintbrush) on the preview image. In addition, the date of the last change to the respective style is entered in the table.
Use the photo symbol to upload your own image for the style. This is relevant if you export your own style. See Export and import of styles.
The style that determines the look of the web site is the style used. It is shown indented on the first position of the table.
You can edit all the other styles without this having any effect on how the Web site is presented to your customer. This allows you to prepare and test additional styles. You can activate one of the other styles at any time. To do this, click Activate now.
You can edit a style using one of the following methods:
- Click on Start quick design. This takes you to the page preview, where you can edit the basic style settings. For more information, see Quick design.
- Click the link Start advanced design. This takes you to the page preview, where you can edit the style directly. All style editing functions and options are available. See also Design basics.
The View on the web site link allows you to see how your Web site would appear in this style.
Before making comprehensive changes to the style, you should first make a backup copy. Click Create backup.
You can create new styles by importing them from the templates or copying existing styles.
Export and import of styles
You can export a complete style and import the design, for example into another shop.
During export, the files are compressed and saved in a file of the type .style. A log is displayed. This lists which page elements, pages, and functions must exist on the target system in order to import the style successfully. Print the log. This enables you to check before the import whether all requirements are filled for successful import.
You can upload your own preview image for the style which is to be exported. To do so, click the photo symbol of the export style. In the following dialogue, upload an image file with a screenshot of the style. This will also be exported. After the import, your preview image is shown for the style.
After the import, a log is shown. Here information about problems are shown which occurred during import. If this information is present, check the design and correct the errors manually.
The imported style will be shown as a new entry in the table.
Edit page elements
User-defined page elements contain text fields in which you can also enter HTML code. If the code is not correct, this can lead to your page no longer functioning in design mode. This prevents you from gaining access to the offending page element.
Use the safe mode in the style table to always have access to your user-defined page elements. You can edit or delete page elements here at any time.