Table of Contents

Customize Theme Setup

In this article, we will be outlining the Customize Theme button in My Stores of the Admin Panel. If you would like more specific information about a given topic, please reach out to the Ecommerce Training Staff at ecommerce@cyrious.com.

Styles Tab

The Style tab allows you to pick the look of the individual Store. For example, a private Store can have a color scheme that matches their brand.

Fonts

  1. Font Family - This option allows you to choose which text styling to use across your Store.
  2. Font Size - This option allows you to control the readable and sizing of the text across your Store.

Colors

  1. Header Background - This option controls the color of the Store's header. It is the area that contains the Store logo and search options.
  2. Heading Text - This option controls the text color of the Store's header. It is the area that contains the Store logo and search options.
  3. Top Navigation Background - This option controls the color of the Store's top navigation bar. It is the area that contains the Store logo, customer service contact information, customer login link, and basket link.
  4. Top Navigation Text Color - This option controls the primary text color of the Store's top navigation bar. It is the area that contains the Store logo, customer service contact information, customer login link, and basket link.
  5. Top Navigation Hover - This option controls the hover text color of the Store's top navigation bar. This color will appear when you hover over one of the link options in the header, such as the customer service email address, customer login link, and basket link.
  6. Navigation Background - This option controls the color of the Store's primary navigation bar. It is the area that contains the home button and your Store's primary Collections.
  7. Navigation Hover - This option controls the hover color of the Store's primary navigation bar. This color will appear when you hover over the home button and one of the Store's primary Collections.
  8. Input Text Color - This option controls the Store's default text color. This color will appear on your Store in areas that don't have a specific text color option.
  9. Button Primary - This option controls the primary button color for the Store. This color will appear when a product can be added to your basket or to represent the next step in the checkout process.
  10. Button Secondary - This option controls the seconday button color for the Store. This color will appear when a product has additional steps before it can be added to your basket or to represent the previous step in the checkout process, such as the Continue Shopping button on the basket.
  11. Footer Background - This option controls the color of the Store's footer. It is the area that contains the Catalog, Store Pages, and Contact Info sections.
  12. Footer Text - This option controls the text color of the Store's footer. It is the area that contains the Catalog, Store Pages, and Contact Info sections
  13. Default Hover - This option controls the Store's default hover color. This color will appear on your Store in areas that don't have a specific hover color option.

Footer Column Labels

  1. Column 1 - Catalog - This option allows you to customize the column heading for your Product Catalog in your Store footer.
  2. Column 2 - Store Pages - This option allows you to customize the column heading for your Store Information Pages in your Store footer.
  3. Column 3 - Contact Info - This option allows you to customize the column heading for your Contact Information in your Store footer.

Preview - This option allows you to preview your color combination as you are applying the changes to your Store.

Content Tab

The Content tab will allow you to create custom HTML content for certain pages. For example, if you would like to display additional instructions on the cart page, you can choose the option for CartPageBanner and select Edit HTML to build your code block. To use this functionality, you will need an employee experienced in writing HTML code. Ecommerce Trainers cannot provide support on writing for these content sections.