Name:  1.jpg
Views: 21
Size:  162.7 KB

In terms of this Tutorials, above topic is very interesting in Magento. To make clarify about ” How to create multi header and change header
layouts in Magento”. You can follow these steps in Magento2:
For example: To create multi header for themes in magento 2 on Venustheme.

*** Create multi-header on Venustheme:

Step 1: You can create Magento 2 header which is still new in Magento 2. You already have file .phtml, you can add to like that
>>> app/design / frontend/ Venustheme/ theme_name / Ves_Themesetting / templates / header

Choose any default (number) for header at that link:

Name:  2.jpg
Views: 20
Size:  47.8 KB

You can design and change position block on the header at this file header1.phtml like this tutorial >>>> (How to create new header)

To add more default header, you do same like the first header. To similarize , you have multi ( .phtml ) header file. Each file (.phtml) is one of header.
If you want to create Magento 2 header for themes, you need to prepare many files.

Step 2: After that, you have to change to Frontend.
Step 3: Change backend for magento 2 themes on Venustheme. Moreover, you have to change at the Admin panel –> Ves themesetting / Header Tab

Here, you can change it. Selected header for each storeview

Name:  3.jpg
Views: 20
Size:  96.7 KB

Step 4: You can change config header on module Themesetting : Go to backend —> Ves Themesetting —> Header

Name:  4.jpg
Views: 20
Size:  54.8 KB

*** To change header layout depends on which layouts you want. At “Header layout”, you can choose layouts header you want to config.
In each layout you can change color, prices, languages, currencies, links, top bar. For details:

+ Toplinks

+ Search box

+ Language Switcher

+ Currency Switch

+ Sticky header

+ Top bar

+ Top cart

Step 5: Refresh cache system and view changed config the frontend

You’ve completed to create magento 2 header and change layout. Thanks for your attention to our Tutorial.
All your contributional feedback can leave here to promote our Tutorial closer to customers need.

View detail:

View more threads in the same category: