LogoLogo
Chainbox Webshop
Chainbox Webshop
  • Chainbox Webshop documentation
  • Umbraco backoffice extension
    • Introduction: Umbraco backoffice extensions
    • Accessing Umbraco
    • Setup and configuration
      • Site profile settings - Chainbox module
        • Information, general and layout settings
          • Locale
          • Shared customer profile concept
          • Shop information settings
          • Company information settings
          • Primary layout colors and Favicon
          • Configure opening hours
        • Content
          • Global header notification
          • Top navigation items
          • Logo & tagline
          • Main navigation
          • Default footer configuration
            • Custom footer setup
        • Products
          • Product category settings
          • Product restriction setup
          • Indexing and search setup
          • Pricing display and purchase setup
          • Stock setup
          • Productlist setup
          • Productdetail settings
          • Product and category meta information settings
        • Checkout
          • Cart settings
          • Voucher, gifts & fees setup
          • Delivery/shipping setup
          • Paymentmethod setup
          • Terms configuration
        • Emails
          • Email theme setup
          • Email templates
        • Services
          • Newsletter provider setup
          • Consent provider setup
          • Tracking setup
          • Trustpilot setup
        • Security
          • Content Security policy setup
        • Debug
      • Global settings
        • Layout
        • Scripts & styles
        • Robots.txt
    • Content extensions
      • Content relations
      • Block Grid extensions
        • Row settings
          • Creating additional rowgrids
        • Column settings
        • Grid editor extensions
          • Anchor
          • Button
          • Contact form
          • Content slider
          • Headline
          • Magic tile
          • Newsletter subscription
          • Image
          • Parallax Image
          • Product List
          • Products
          • Slideshow
          • Template items
            • Introduction
            • Category specific
              • Category list
              • Category navigation
              • Product listing
            • Product specific
              • Recommended products
              • Content relations
              • Product documents
              • Product Images
              • Product information
              • Product purchase
              • Product specs
              • Related products
            • Generic
              • Header
              • Image
              • Popular products
              • Text
              • Video
          • Trustpilot widget
          • USP
          • Video
          • Umbraco standard
            • Embed
            • Macro
              • BrandList
              • CategoryMap
              • ContentLinks
              • ContentList
              • FeaturedBrands
              • FeaturedContent
              • FooterSoMeLinks
              • ImageGallery
              • RelatedContent
              • RelatedProducts
              • SiteSelector
              • TrustRating
              • TrustTextWithIcon
            • Quote
            • Richtext editor
      • Content templates
      • Documenttypes
        • System documenttypes
        • Landingpage documenttype
          • Landingpage (collection) document type
          • Landingpage (standalone) document type
          • Landingpage restriction by membertype
        • Homepage document type
        • Siteselector documenttype
    • User management
      • Users
      • User Groups
    • Media
  • Webshop frontend
    • Introduction: Webshop frontend
    • Templates
      • Homepage
      • Product pages
        • Product category listing
        • Product details
          • Variants
        • Content pages with vertical productlists
      • Checkout process
        • Shopping cart
        • Billing and shipping information
        • Payment
        • Order confirmation
          • Email receipt
      • Content & landingpages
      • Customer area
      • Header and footer
    • Functions
      • Search
      • Shortcuts
      • Pricing
      • Serverside tracking
      • CSV import
      • Vouchers
    • Settings
      • Labels
      • Worker controls
      • Index info
      • Umbraco
      • Documentation
    • Technical Info
      • Cookies
      • Browser support policy
  • Webshop worker
    • Introduction: Webshop worker
    • Built-in tasks
      • Feeds
        • Sitemap
        • XML Shoppingfeeds
      • Serverside tracking
      • Chainbox.io integration
        • PIM data
        • Logins & voucher
  • Chainbox.io integration
    • Product information management
      • Home
        • Overview
        • Product views
          • Create a view
            • View information
            • Options
              • Advanced table fields
              • Sidebar filters
              • Keyword search fields
              • Display mode
              • Enable user settings modifications
            • Fixed filtering
              • Query
              • Ordering
          • Manage views
      • Products
        • Change view
        • Category tree
        • Product details
          • Product search
          • Resources
          • Family
          • Channels
          • Categories
          • Delete product
          • Product tab
          • Marketing tab
          • Variant info tab
          • All attributes tab
        • Attribute stats
        • Bulk actions
        • Export csv
        • Create product
      • Categories
        • Export csv
        • Create subcategory
        • Category details
          • Hierachy
          • Label
          • Category tab
          • All attributes tab
          • Resources tab
          • Products tab
      • Define
        • Attributes
          • Attributes with Umbraco functionality
          • Creating attributes
          • Deleting attributes
        • Sets
        • Families
        • Channels
        • Category hierarchies
        • Lookup lists
        • Lookup list items
      • Import
        • Product CSV exports
        • Product ERP import
        • Product CSV import
        • Category CSV exports
        • Category CSV import
        • System import
      • Settings
        • Integration
        • Resources
        • Locales
        • Product views
        • Workers
        • Public API
        • Compositions
        • Global filters
        • ⭐Experimental features
        • Ensure defaults
        • Release notes
    • Webshop management
      • Members
      • Vouchers
      • Manage
      • Visit website
      • Visit CMS
      • Settings
        • Member fields
  • ERP Integration
    • Introduction: Built-in ERP integrations
    • Microsoft Dynamics C5
      • Overview
      • Pricing & discounts
      • Workflows
    • Microsoft Dynamics NAV
      • Overview
      • Pricing & discounts
      • Workflows
    • Microsoft Business Central
      • Overview
      • Pricing and discounts
      • Workflows
      • Installation of Chainbox plug-in
    • Uniconta
      • Overview
      • Pricing and discounts
      • Workflows
      • Ordre import
    • Visma.net
      • Overview
      • Pricing and discounts
      • Workflows
    • Other
  • Enterprise
    • Enterprise modules available
      • Punchout
        • Punchout FAQ
  • Tutorials
    • The initial shop configuration steps
    • Setting up a content area
      • Example landingpage
      • Example landingpage collection
        • Article collection page
        • Brand collection page
    • Setting up a new category list template
    • Setting up a new product template
    • Create product restrictions
      • Examples, restriction by customer fields
      • Examples, restriction by user fields
    • Creating a new language node
    • Creating a product URL
    • What is my current Chainbox version
  • Frequently asked questions
    • Emails
    • URLs
    • 301 Redirects
    • CSP & External scripts/components
  • Changelog
    • Versions & updates
      • Version 5.2.x
      • Version 6.0.x
  • Customized solution
    • Customization & development
Powered by GitBook
LogoLogo

Copyright Chainbox 2008-2023

On this page
  • Theme
  • Header
  • Header customizations
  • Footer
  • Footer Customized
Export as PDF
  1. Umbraco backoffice extension
  2. Setup and configuration
  3. Global settings

Layout

PreviousGlobal settingsNextScripts & styles

Last updated 1 year ago

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".

Header

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

Centered layout

Header customizations

Color background

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

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"

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

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.

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".

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.

Customized layout, left or centered

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

Footer

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.

Footer Customized

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

Result after alteration

How to navigate to and edit Theme for objects
Webshop with squared theme
Webshop with rounded theme
Default left-centered layout
Webshop with left-centered layout
Centered layout
Webshop with centered layout
Customize color background
After saved in Umbraco
Result on Webshop
Customizing picture background - step 1
Customizing picture background - step 2
Customizing picture background - step 3
Customizing picture background - step 4
Result in Webshop
Customized Inverse text and elements
Result on Webshop
Customized colors for text, background and borders
Result in Umbraco
Result in Webshop
Option to choose special layout for mobile navigation
Customized layout, positioning elements
Default footer settings not chosen
Default footer settings in webshop
Navigating to company information
Customized Picture background for Footer
Customized colours for border and background
Saved in Umbraco
Result in Webshop