It is relatively easy to customize the Storefront Theme using Znode's standardized architecture. Znode uses the ASP.NET Master Page template scheme to enable developers to achieve rapid customization of virtually every user interface element of the storefront.
Steps to modify your Storefront Theme:
| 1. | First we will create a new theme called "MyTheme". Create an empty folder called "Web\Themes\MyTheme". "MyTeme" will now automatically show up in the Site Theme drop down list. |
| 2. | We will use the default theme as a starting point instead of creating all the files from scratch. Copy all the folders and files under "Web\Themes\Default" to "Web\Themes\MyTheme" |
| 3. | Edit the "Web\Themes\MyTheme\Common\Main.Master" to modify the overall HTML of the site including headers, footers, etc |
| 4. | Edit the "Web\Themes\MyTheme\Common\style.css" to modify the overall global stylesheet for the storefront |
| 5. | Login to the Storefront Admin and select the newly created theme by going to Design > Site Theme. Use the drop-down list to select your theme as shown below: |
See Also: