The Singlefront 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 Singlefront 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 web\themes\default\home\ |
| 2. | Edit the web\themes\default\home\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 web\themes\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 |
Web\Themes\Default\Common\Main.Master |
|
My Account |
Web\Themes\Default\Account\Account.Master |
|
Product Category |
Web\Themes\Default\Category\Category.Master |
|
Product Detail |
Web\Themes\Default\Product\Product.Master |
|
Checkout |
Web\Themes\Default\Checkout\Checkout.Master |
|
Contact Us |
Web\Themes\Default\Contact\Contact.Master |
|
Content Pages (CMS) |
Web\Themes\Default\Content\Content.Master |
|
Home |
Web\Themes\Default\Home\Home.Master |
|
Shop By Price |
Web\Themes\Default\Price\Price.Master |
|
Shop By Brand |
Web\Themes\Default\Brand\Brand.Master |
|
Product Specials |
Web\Themes\Default\Specials\Specials.Master |
|
Search Catalog |
Web\Themes\Default\Search\Search.Master |
|
Shopping Cart |
Web\Themes\Default\ShoppingCart\ShoppingCart.Master |
|
SiteMap |
Web\Themes\Default\SiteMap\SiteMap.Master |
|
Customizing Display Logic
Each Singlefront Function has a Master Page (listed above) and a set of user controls that are referenced by that Master Page. The user control includes display logic which can effect 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 Singlefront Theme