Customizing the Multifront Theme

It is relatively easy to customize the Multifront 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 Multifront Theme:

1.In this example 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 "WebApp\Themes\Default" to "WebApp\Themes\MyTheme". "MyTheme" will now automatically show up in the Site Theme drop down list.
 
2.Edit the "WebApp\Themes\MyTheme\MasterPages\Main.Master" to modify the overall HTML of the site including headers, footers, etc

 

3.Edit the "WebApp\Themes\MyTheme\Css\Default.css" to modify the overall global stylesheet for the storefront
 
4.Login to the Multifront SiteAdmin and select the newly created theme by going to Settings > Stores > Manage > Catalog. Use the drop-down list to select your theme as shown below for each Catalog:
 
set_theme_multifront

 

 


See Also: