Document toolboxDocument toolbox

(2024.2) Theme Manager

Owned by David Engblom
Apr 16, 2024
4 min read

Theme Manager

Theme Manager Page Example
Theme Manager Page Example



The Theme Manager is divided into different sections depicting different areas of CustomerCenter. Themes may be saved for later revision or activation, saved Themes are grouped together in the dropdown next to the button. Once a saved theme is selected, options to edit, preview, activate, copy or delete the theme will be available.

  • Theme Name: Descriptive name of the theme in the theme manager.

  • Reset Theme button: Reset the theme to default settings.

  • Preview Theme button: Allows the User to preview the theme settings. Clicking will redirect the User to the home page with styling for the current theme setting being previewed. A header notice will bring you back to the theme manager.

  • Theme Logo: Upload an image to replace the theme logo displayed in the upper left of every CustomerCenter page.

  • Website Title: Modify the website title displayed in the tab of a browser window.

  • Welcome Message: Change the welcome message displayed on the home page.

  • Custom Font: All text within CustomerCenter can be updated to match your Organization's style of choice.  PCR-360 has the available fonts:

    1. Helvetica Neue

    2. Roboto

    3. Antic Slab

    4. Trispace

    5. Slabo

    6. Raleway

    7. Nunito

    8. Lora

    9. Work Sans

    10. Noticia Text

    11. Lato

    12. Lucida Bright

    13. Tahoma

    14. Palatino

    15. Arial

Note: Helvetica Neue is the default font within CustomerCenter

Deactivate Theme example
Deactivate Theme example

To deactivate a theme, first, select the activate theme from the "Choose an Existing Theme" drop-down menu. This will activate the "Deactivate", "Copy", "Preview", "Reset", and "Delete" buttons. Click the "Deactivate" button and "Yes" on the ensuing pop-up to deactivate the current theme and apply the default theme.

Header

The header section includes options to change various element colors including:

  • General settings for changing the Bottom Border Color, Text Color and Background Color.

  • Link: Text Color.

  • Link Hover: Text Color.

  • Menu: Border Color and Background Color.

  • Menu Link: Text Color.

  • Menu Link Hover: Background Color and Text Color.

Body/Content

This section includes options to change various element colors in the main content/body section of CustomerCenter. Options include:

  • Text color and background color.

  • Link: Text color.

  • Link Hover: Text color.

  • Pagination Current Page: Background color and text color.

  • Primary button: Background color and text color.

  • Primary Button Hover: Background color and text color.

Content Box

This section controls the color assignments of various elements in the content box section of CustomerCenter including:

  • The general Border Color, Background Color, Text color and Box Shadow Color.

  • Link: Text Color.

  • Link Hover: Text Color.

  • Header: Background Colors and Text Color.

  • Header Link: Text Color.

  • Header Link Hover: Text Color.

Footer

The footer is a good place for a given organization to place a contact email. For example, the Help Desk email for PCR is help@pcr.com. By using the footer to include the organizations general help email, an Admin can ensure that all the Customers using the CustomerCenter will email a single contact point for tracking purposes. Using the editor, the Admin can link to the email to automatically open email programs.

Styling for the footer section of the page including:

  • Top Border Color, Background Color, Text Color.

  • Link: Text Color.

  • Link Hover: Text Color.

  • Content: Content to display in the footer.

Catalog

This section includes styling of the catalog categories and cart labels:

  • Categories Link: Background Color and Text Color.

  • Categories Link Hover: Background Color and Text Color.

  • Request Cart Service Label: Background Color and Text Color.

  • Request Cart Equipment Label: Background Color and Text Color.

Request Tracking Activity Types

This section allows a User to change the default style used for how Request Tracking displays various Requests are Created, Updated, or when Remarks are added to them.