Layout

Theme

Enables you to change the general theme of objects on the website. The default setting is "Squared", but you can choose "Rounded" and click "Save".

How to navigate to and edit Theme for objects
Webshop with squared theme
Webshop with rounded theme

Choose between the left-centered header-layout or the centered:

Default left-centered layout
Webshop with left-centered layout

Centered layout

Centered layout
Webshop with centered layout

Header customizations

Color background

Click the logo - click in background and choose a color, "Submit" and "Save" on the Header Layout page

Customize color background
After saved in Umbraco
Result on Webshop

Picture background

If you prefer to have a picture as the background of your webshop, click the logo and Backgroound image in the new window opening. Choose picture and click "Select"

Customizing picture background - step 1
Customizing picture background - step 2

Click "Submit" to save your picture and "Save"

Customizing picture background - step 3
Customizing picture background - step 4
Result in Webshop

Inverse text and elements

If your background is dark you can use the Inverse text and elements-button, and the header will adapt to the dark background and navigation turn white.

Customized Inverse text and elements
Result on Webshop

Color theme for navigations

Choose colors for text, background and borders individually for Top Navigation and Main Navigation. Choose the colors, click "Submit" and then "Save".

Customized colors for text, background and borders
Result in Umbraco
Result in Webshop

Mobile navigation

When you select a color scheme for the Main Navigation of the webshop, it will automatically be inherited by the mobile navigation.

However, if you wish to customize the mobile navigation separately and choose different colors, you can activate the "Customize Mobile Navigation" option. This allows you to override the inherited color scheme and set individual colors specifically for the mobile navigation.

Option to choose special layout for mobile navigation

Customized layout, left or centered

By enabling "Customized layout, you can choose the positioning for Logo, Search-bar and main navigation

Customized layout, positioning elements

The footer-section does not have any pre-selections default and appears with a black background. The text showing is managed from Site profile setting - Information.

Default footer settings not chosen
Default footer settings in webshop
Navigating to company information

Customize your footer by adding a picture as background, and/or Borders and Background

Customized Picture background for Footer
Customized colours for border and background

Result after alteration

Saved in Umbraco
Result in Webshop

Last updated