Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Unsen - Header E-commerce of Demo Multi

Maria Do

Written by Maria Do

Last updated

636 views

On this page


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.

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.

Important note:

With the page default - the first page (Women - it is the homepage), you do not need to create Templates, Page, and Navigation for it. It means you will skip configuring the header link for homepage.

12.gif

1. Unsen theme is Publish theme

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

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.

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. Please follow this video:

Step 2: Create Pages

In the Shopify Dashboard -> Online Store -> Pages

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

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

Step 3: Create Navigation

This step helps you 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.

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.

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.

21.webp

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.

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] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, 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, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.