The Multifront is divided into broad functional areas (ex: Home Page, Product Pages, Category Pages, etc). Each area has it's own Master Page that allows you to customize the look and feel for that functional area. The functional master pages inherit from the Main.Master page which defines the overall layout of the site.
Steps to Customize a Multifront Page
| 1. | Let us assume that we need to edit the storefront's Home Page. The theme and files for the home page are located at WebApp\Themes\Default\MasterPages\ |
| 2. | Edit the WebApp\Themes\Default\MasterPages\home.master master page to change the layout of the home page template |
| 3. | To edit the content area on the home page, modify the user control at WebApp\Controls\Default\home\home.ascx file. This control defines the dynamic content that is displayed within the content area. |
Customizing Other Pages
Here is a reference table of various functional areas in the storefront and their corresponding Master Pages
Function |
Master Page |
|
Global Master Page |
WebApp\Themes\Default\MasterPages\Main.Master |
|
My Account |
WebApp\Themes\Default\MasterPages\Account.Master |
|
Product Category |
WebApp\Themes\Default\MasterPages\Category\Category.Master |
|
Product Detail |
WebApp\Themes\Default\MasterPages\Product\Product.Master |
|
Checkout |
WebApp\Themes\Default\MasterPages\Checkout.Master |
|
Contact Us |
WebApp\Themes\Default\MasterPages\Contact.Master |
|
Content Pages (CMS) |
WebApp\Themes\Default\MasterPages\Content.Master |
|
Home |
WebApp\Themes\Default\MasterPages\Home.Master |
|
Shop By Price |
WebApp\Themes\Default\MasterPages\Price.Master |
|
Shop By Brand |
WebApp\Themes\Default\MasterPages\Brand.Master |
|
Product Specials |
WebApp\Themes\Default\MasterPages\Specials.Master |
|
Search Catalog |
WebApp\Themes\Default\MasterPages\Search.Master |
|
Shopping Cart |
WebApp\Themes\Default\MasterPages\ShoppingCart.Master |
|
SiteMap |
WebApp\Themes\Default\MasterPages\SiteMap.Master |
|
Customizing Display Logic
Each Multifront Function has a Master Page (listed above) and a set of user controls that are referenced by that Master Page. These user controls are located in WebApp\Controls\Default. The user control includes display logic which can affect the data that is displayed to the user. This logic is included in code behind files referenced by the user control.
For example the display of product pricing in the product display page is controlled by a separate user control (ProductPrice.ascx)
The data retrieval and logic for pricing is included in the code-behind file (ProductPrice.ascx.cs)
See Also:
Customizing the Multifront Theme