Theme Configurator

Go to: Layout Design > Theme Configurator.

  1. In the tab (Figure 1a), you can select Color Palettes. In particular, you have the option, by clicking on the corresponding checkbox, to set:

  • Theme Color (Color of links, headers, active menus and buttons)

  • Theme text color (Color of subheaders, secondary menus, text of buttons)

  • Danger (Color of danger skin)

  • Warning (Color of warning skin)

  • Success (Color of success skin)

Figure 1a

  • Topbar: click Skin > Topbar and select the text and the background color (Figure 1b).

  • Header Menu: click: Skin > Header Menu, choosing the text color and its background color on the right (Figure 1c).

  • Breadcrumb (that aids navigation): click Skin > Breadcrumb, then select its text and background color (Figure 1d).

  • Body: click Skin > Body and select body's primary and secondary text color, body's primary and secondary background color, and border color (Figure 1e).

  • Footer: click Skin > Footer and select the text and the background color of the footer (Figure 1f).

Figure 1b
Figure 1c
Figure 1d
Figure 1e
Figure 1f

  1. In the <Settings> tab (Figure 2), you can set:

  • the Logo of your e-shop

  • the Favicon, i.e. the website icon

  • the Invoice Logo

You can re-insert an image by clicking on the edit icon and delete an image by selecting <X> at the bottom right of the image.

  • the Google Analytics Code

  • the reCAPTCHA Api Key

  • activation of the mobile web application.

  • menu layout (Layout A/Layout B)

Figure 2

Tap <Discard> to re-enter data, or <Save> to save your changes.

  1. On the <Header> tab (Figure 3), you can add components on the left, while on the right you see the Preview (i.e. how the website components will appear on mobile, tablet and desktop).

Figure 3

  • You can add, edit (by clicking on the edit icon), and drag the Elements to any location you wish.

  • Click <Discard> to re-enter data or <Save> to save the Items in the order you specified.

  1. In the tab <Footer> (Figure 4), on the left, you can add items, while on the right you see the Preview.

Figure 4

  1. In the tab <History> (Figure 5), on the left you can see the history of your changes. You can also see a preview of your changes on mobile, tablet and desktop on the right side of the screen.

Figure 5

To publish all the changes you have made, click the <Publish> button at the top right of your screen.

PreviousMaintenanceNextTheme Gallery

Last updated