Support Center

Configuring theme and colors

Follow

In this article, you will find out how to configure theme and colors for your apps and mobile website.

 

Topics covered in this article:

  1. Getting started
  2. Picking a color theme
  3. Fine-tuning with Hex code

 

 

1. Getting started 

 

Configure the color theme that suits your shop the most by logging into your Shopgate Admin page, and navigate to Design > Color Configuration

 

2. Picking a color theme

 

At Shopgate, we offer 10 distinct color themes for your apps and mobile website. 

Apart from setting the main tone of your shop, a color theme also offers carefully selected colors for 29 different elements in your mobile website and 5 elements in your smartphone app.

Simply pick a color theme and click Apply. You will be able to fine tune the elements within this theme in the next step.

 

  Blue
Bright
Dark
  Flat
Green
Melon
  Orange
Pink
Red
  Yellow
   

 

 

3. Fine-tuning with Hex code

 

Once a theme has been selected, you can customize the following elements with a Hex code (e.g. #0b8137, #FFFFFF). To do so, click Edit on your current theme and you will see a list of elements with more details. 

 

Mobile Website:

Primary Colors
Global Variables
Buttons
Forms
Header & Footer
Breadcrumb
Item List
Search Form
Category List
Item Details Page
Cart
Smart Banner App Icon Background

Smartphone App (iOS layout):

Header Background
Startpage Divider Color
Content Color
Badge Color
Key Color

 

 

For more details, please log on to your Shopgate Admin and navigate to Design > Color Configuration.

 

 

Comments