Header

The Header of your store is one of the most important parts of your eCommerce store; featuring your brand's logo, navigation, and the shopping cart to name just a few.

Getting Started

Header

We will define each setting used in the Header section and explain how to use it with Erickson.

Enable search - you can toggle this option to show/hide the search bar in the header

Enable account - you can toggle this option to show/hide the account icon in the header

To learn more about Menus and links in Shopify, click here.

Header style

There are 2 options to choose from for the header style.

Left - This option allows you to have a full width dropdown menu with multiple nested linklist with the logo left aligned.

Center - This option allows you to have a full width dropdown menu with multiple nested linklist, with the search bar or button on the left hand side, the logo is centered and the cart icons are positioned on the right hand side.

Mega menu style

This option allows you to change the number of navigation columns visible in the dropdown menu. You can choose from 3, 4 or 6 columns.

If the megamenu option is left unchecked, the default menu style will be a dropdown menu structure, if you have nested link lists.

Header width

You can change the width of the header to Full width, which is edge-to-edge of the screen or Content width which provides space on the left and right hand side to all content areas and sections.

Search or button

This option determines if you see the search form or a contact us button in the header. If you choose to use Button, then you can alter the button label text and URL to navigate to a different page directly in the header.

Main menu

When you're setting up your online store, you should think about how you want customers to find your products and information about your business. This will help you to make decisions about your online store navigation.

This setting allows you to pick a menu that has been created via Online Store > Navigation