How to create Header E-commerce of Demo Multi?

Unsen theme is one of the themes with outstanding design and is highly appreciated. We provide customers Demo Multi with Header E-commerce used by big brands, bringing high aesthetics and logic.

Header E-commerce of Demo Multi

The header E-commerce is a professional header and also requires more customization than other headers. However, you do not need to worry about this problem, we will guide you in detail so that you can create it.

1. Unsen theme is Publish theme

If Unsen theme is Publish theme, please follow these steps:

Note: With the page default (Homepage), you do not need to create Templates, Page, and Navigation for it. It means you will skip configuring the header link to Homepage.

Skip configuring the Homepage of Header Ecommerce

Step 1: Create Templates

In the Theme Editor please click on Pages -> Add Templates

Then you will enter the name of the page. Important, you need to base it on "t4s_index_with_Header_E-commerce".

Template "t4s_index_with_Header_E-commerce" allows you to customize the Mega menu and Mobile Category.

Create Templates

If you want to Import demo layout of each page in Demo Multi, please copy file Json and then paste it into Edit codes -> Templates.

Import Templates for each pages

Step 2: Create Page

In the Shopify Dashboard -> Online Store -> Page

You add pages following the template that you just added in Step 1. Then assign page to the corresponding "Theme template".

Create Page

Note: You need to add a link to the page into the Category title (parent)

Add Link Page For Category Tilte (Parent)

Step 3: Create Navigation

This step helps you connect the Category title (parent) with Mega Item:

Connect the Category title (parent) with Mega Item

In the Shopify Dashboard -> Online Store -> Navigation -> Add Menu

You can fill in the title that you want, then you will add menu items for it. You need to add menu header the same as the theme.

More important, you have to enter the correct handle "menu-e-commerce-connect". This handle will help the menu header connects with the pages. Besides, you must add the menu and link in Theme Editor to the Navigation.

Config menu in Navigation

2. Unsen Theme is the Draft theme

Similar Step 1 of Unsen theme is Publish theme, you also config it in Unsen theme. However, the "Theme template" of Shopify only supports the template of Publish theme.

Unsen Theme is Draft Theme

Therefore, you can create page templates in the Publish theme which is not Unsen Theme. This does not affect your current theme.

To create templates please follow this guideline:

2.1. Unsen Theme is the Draft theme and Publish theme support Shopify 2.0

You need to create Page templates with the same name as Unsen theme.

2.2. Unsen Theme is the Draft theme and Publish theme does not support Shopify 2.0.

With the theme does not support Shopify 2.0, you can not add the template in the Theme Editor. In this case, please click on "Edit codes" -> Templates -> Add a new template.

Select a template to create: Page and Liquid. File name requires the same name as Unsen Theme.

Create Templates With Theme does not support Shopify 2.0

The remaining configurations for the Header E-commerce are similar to Step 2 and Step 3 of Unsen is Publish Theme. Follow the steps to set up the Header E-commerce menu.

[Private offer] Unsen Partner Plan

Exclusively for Unsen users, you can get EComposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

• FREE 100% EComposer Standard plan for 6 months (save you $114)

• Build ANY Shopify pages: Landing page, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.

• Create advanced sections & add to Unsen with ease

• Save up to 50 pages/sections

• 100+ professional, stunning pre-designed templates

• Anyone can build pages with live drag-drop editor

How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Unsen+EComposer” to upgrade for free.

Cheers, The4.