Email Website
Contents
Search:

Home > Skinning > Skin Selector

Skin Selector

From the Content menu, click Manage Skins.

This page allows you to preview and change each of your store's skins.

Previewing & Changing Store Skins

  1. Select a store from the dropdown menu. If you have only configured a single store, Default Store will be pre-selected.
  2. Choose a skin from the menu, and click Preview to see an example of your store using the chosen skin. To apply the skin to your store, click Apply Skin.

Adding a custom skin

If you are building your a custom skin for AspDotNetStorefront, you can add 2 files to your custom skin to support it within the Skin Selector page in the admin console.
  1. Make sure that you have a /Skins/{YOURSKINNAME}/SkinInfo directory.

  2. Create a preview.jpg file which is a screenshot of your custom skin. Image dimensions should be no larger than 1180 x 911 pixels.

  3. Make sure you have a skininfo.xml file in the SkinInfo folder which stores information about your custom skin. You can use the skininfo.xml file from the default skin (Skin_1) as a template to create your own xml file. 
    <Skin version="1.0">
        <DisplayName>Default</DisplayName>
        <Description>This is the default skin that ships with AspDotNetStorefront. It is a great starting point for your own custom skin.</Description>
        <Author>
            <Name>AspDotNetStorefront</Name>
            <Email>sales@aspdotnetstorefront.com</Email>
            <Url>http://www.aspdotnetstorefront.com</Url>
        </Author>
        <MobileOnly>false</MobileOnly>
        <Colors>
            <Color>
                <Name>Primary Color</Name>
                <Value>#F5F5F5</Value>
            </Color>
            <Color>
                <Name>Background Color</Name>
                <Value>#FFFFFF</Value>
            </Color>
            <Color>
                <Name>Text Color</Name>
                <Value>#333333</Value>
            </Color>
        </Colors>
    </Skin>




Actions
Print This Article
Bookmark
Email This Article
Previous Article
Next Article