How to Configure Header in Magento 2 Page Setup

Posted by

A header is very crucial for every e-commerce website like a store sign on the street. People will recognize and remember the brand of your e-commerce store when they look at the header of your online store. In Magento 2 default, Header usually includes the logo of your store and welcome text with the name of customers who are logged in. In the Header section of Magento 2 backend, you can upload Logo image, configure Logo width and height, edit Welcome text and Logo alt text.  In this article, we will describe a tutorial on how to configure Header in Magento 2 Page Setup

Follow these tips to configure Header:

  1. On the Admin sidebar, click Content. After that, under Design, click Configuration.
  2. Choose the store view that you want to configure, click Edit.
  3. In Other Settings section, open Heading tab.
  4. Click Upload on the right of Logo image, then choose the logo image as you wish. Don’t forget to edit the Welcome Text.
  5. After complete, click Save Config.
config-design-html-head_thumb_0_0
HTML Head

Field Description

 

FIELD SCOPE DESCRIPTION
Logo Image Store View The logo of your store displays in the header. Supported file types: PNG, GIF, JPG (JPEG)
Logo Attribute Width Store View The width of the logo image, measured in pixel units.
Logo Attribute Height Store View The height of the logo image, measured in pixel units.
Welcome Text Store View The welcome message of your store displays in the header and includes the name of logged in customers.
Logo Image Alt Store View The Alt text of the logo.

Above is a tutorial on how to configure the Header in Magento 2 Page Setup backend. We hope that you can customize a perfect Header for your online store. If you have any question, feel free to leave a comment. In the next tutorial article, we will show you how to configure Footer in Magento 2 Page Setup. Don’t forget to subscribe Mageguides to read more Magento 2 tutorial article.

Leave a Reply

Your email address will not be published. Required fields are marked *