Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Anchor
topofpage
topofpage

Excerpt

In this article, you will learn how to customize the E-commerce Header for your e-commerce site.

Tip

Roles enabled to perform this action: Admin.

Info

The change applies only to your e-commerce and will not affect your company's main header. If you want to change the company header, read Customize the Company Header and Logo.

Table of Contents

Table of Contents
minLevel1
maxLevel1
absoluteUrltrue
excludeTable of Contents

Image Requirements for E-commerce Header
Anchor
image-requirements-ecommerce-header
image-requirements-ecommerce-header

To customize the header with something more than a solid color, we recommend designing your own image. For this, keep the following requirements in mind:

  • The header design must be 3840 * 152 pixels and cannot exceed 1 MB.

  • If you want to display your company's logo, it must be 320 * 70 pixels, and we recommend placing it 96 pixels away from the left edge of your design to guarantee that no button overlaps above your logo.

header_e-commerce_-_mock.png

Upload the E-commerce Header

  1. Go to Setup and select Settings.

  2. In the E-commerce section, click on E-commerce BannerHeader.

  3. Choose between personalizing the Header Color, the Header Image, or both.
    Remember, the image should match with the header color.

  4. Click Save & Close.

Info

Choosing a color that complements your brand or e-commerce header design is important, especially since it fills the row where the navigation menu sits.

Upload the E-commerce Header.gif

Back to top


Filter by label (Content by label)
showLabelsfalse
max5
sorttitle
titleRelated Articles
cqllabel in ( "kb-how-to-article" , "setup-banner" , "banner" )
We've encountered an issue exporting this macro. Please try exporting this page again later.