Note that this feature is only available in Storefront.

Understanding Storefront custom themes

A different theme can be applied to each of your Buyer interfaces. Buyer themes incorporate a template html file, special tokens for specific user interface elements, stylesheets to control appearance of user interface elements, and supporting images. While the template html file controls the general look and feel of every Buyer interface page, there are page-specific customization options.

Admin and Supplier interface themes involve a template html file, a stylesheet and supporting images to control appearance of user interface elements. However, the template html file is optional.

Setting Up the Service

To gain access to custom themes, your administrative user must be enabled with sufficient permissions. Contact your system administrator to have the appropriate permissions assigned.
Theme administration is found under the Admin top navigation tab of your Administrative interface:

1. Log into your Administrative interface.
2. Click the Admin top navigation tab.
3. Click the Themes link in the left navigation bar.

Theme administration allows you to:

1. Create a New Theme: creating a new theme will make it available for you to assign it to your buyers. The new theme will appear in the grid, the default buyer dropdown, the dropdown on the Assign Theme to Buyers page and on the dropdown on the Edit Company Information page. A folder with this theme name will also be created on the FTP site so that you can manage theme files. Default theme files will be copied to this folder, ready to be overwritten or updated.
2. Manage Theme Files: here you can connect to the FTP server to manage your theme files via an FTP client.
3. Set Default Theme For New Buyers: the dropdown list is comprised of all Four51 shared themes and any themes you have created. Setting this value will automatically associate a theme with any new buyer companies you create.
4. Delete Themes.
5. Rename Themes: click a theme in the theme grid and enter a new name for the theme.

Themes can be assigned to buyers on the Assign Theme To Buyers page. All administrative users have access to this page. No special permissions are required to access this page.

1. Log into your Admin interface.
2. Click the Admin top navigation tab.
3. Click the Assign Theme To Buyers link in the left navigation bar.
4. Select a theme from the dropdown and check the box next to each buyer company to which you want to assign the theme.
5. Click the Save button.

Page-specific theme customization is administered under the Buyers top navigation tab.

1. Log into your Admin interface.
2. Click the Buyers top navigation tab.
3. Select a buyer company from the list.
4. Text replacement configurations can be made on the Site Customization page, accessed from the left navigation bar.
5. Page-specific HTML and CSS configurations can be made at the Category List Page, Product List Page and Product Detail Page, found on the left navigation bar.

You can test a theme without applying it to a buyer site by logging in as any buyer company and appending ?theme=yourcompanyfolder/themename to the URL. For example:

http://www.four51.com/ui/customer.aspx?theme=a48e153d-ea81-4624-b15e-4e5cf16b41c7/four51_combo_aquamarine

Administrative and Supplier interface themes can be assigned to your company by Storefront only. When you are ready to have a theme assigned, notify Storefront.