App Design

Update your app's look and feel with widgets.

Configuring your shop's theme and colors

Shopgate offers ten distinct color themes for your apps and mobile website to make your shop's brand unique, cohesive, and recognizable.

Get started

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

Color_Config.png

Pick a color theme

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 into your Shopgate Admin and navigate to Design → Color Configuration.

 

Was this article helpful?
Can't find what you're looking for?
Let us help you—submit a support ticket.
Contact Support