Configuring theme and colors

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

 

Get started

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

 

Pick 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
   

 

Fine-tune 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.

 

Was this article helpful?
0 out of 0 found this helpful