Skin Customization: Overview

This section reviews the main components and principles of the Skin XMPieGreen skin and explains how you can customize it for branding and design purposes.

The topic includes the following sections:

·     Main Elements: Lists the different uStore page types, provides the location of the CSS and skin files used for the skin and describes how you should structure the files and folders when you create a customized skin.

·     General Page Layout: Describes the main uStore page layout parts.

·     Facebook Login Button: Provides the class that controls the style of the Facebook Login button.

·     LivePerson Chat Button: Provides the selector that controls the style of the LivePerson chat button.

·     Product List Page: Lists the selectors used to customize the Product List area of the page.

·     Product Details and Customization Pages: Explains how to customize the location of the DUC controls on the Product Customization pages and the size of the product thumbnails. It also provides the selector that defines the buttons on the page footer.

·     Pop-up Windows: Lists the relevant CSS files for customizing the content and style of the pop-up windows.

·     Color Scheme: Lists the selectors that define the skin’s color schemes.

·     Font Styling: Lists the selectors that define the font styling for the skin.

·     Images: Lists the location and provides thumbnails of the images that you would probably want to modify to comply with a different branding and color scheme.

·        Master Pages: Provides a list of the master pages used in uStore and their location.

This information is designed for web designers.

To be able to take full advantage of the provided information, you need to be knowledgeable in the following areas:

·     HTML

·        CSS editing