In what files can I edit the storefront design?

Editing the design of the WebAsyst Shop-Script storefront is recommended using the built-in WYSIWYG editor. It is accessible in section "Design -> Design editor". Using the built-in design editor guarantees that all design changes will be preserved should WebAsyst be updated to a newer version.

If the built-in design editor does not meet all your needs, you can modify design-related files of WebAsyst Shop-Script. Below are provided general recommendations for such modifications.

Note: Some or all changes made to design-related files may be lost after an update of your WebAsyst installation!

The list of WebAsyst directories containing design-related files:

• Directory  /published/publicdata/DATABASE_KEY/attachments/SC/themes/TEMPLATE_NAME stores temporary files with the current design setup: contents of the "General layout", "Home page", "Product info" tabs, CSS styles and the "Head" section. These files are automatically updated every time button "Save template" in the design editor is clicked on.
• Directory /published/SC/html/scripts/repo_themes contains original design template files which are used to reset a modified design template when link "Reset theme (discard all changes)" is clicked on. Editing those files is not recommended as you may lose the possibility to reset your design template.
• Directory /published/SC/html/scripts/templates/frontend contains HTML template files used to generate the general layout of web pages.

There are several approaches to editing the storefront design through modification of the source code files:

1. Editing temporary design-related files in directory  /published/publicdata/DATABASE_KEY/attachments/SC/themes/TEMPLATE_NAME. In this case actions of a human designer would repeat automatic routines run by the built-in WYSIWYG editor.
2. Editing original design files in directory /published/SC/html/scripts/repo_themes. As mentioned above, this approach is not recommended, but you can save original design template by backing up all such files prior to modifying them.

Whatever option you choose, you may still need to change the general HTML layout generated by Smarty templates located in /published/SC/html/scripts/templates/frontend. Modifying those templates is also recommended only after saving a backup copy. Should you need to restore modified design to the original template, clicking on "Reset theme (discard all changes)" would not give you the desired result. Restoring such files would only be possible through automated update using WebAsyst Installer.