cancel
Showing results for 
Search instead for 
Did you mean: 

Customize the header

   Did you know you can see the translated content as per your choice?

Translation is in progress. Please check again after few minutes.

Customize the header

Hello,

 

from my own theme, I want to change the header:

I have left the logo, then the menus and on the right site the Language chooser.

 

My default_head_blocks.xml:

<?xml version="1.0"?>
<!--
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
-->
<page layout="3columns" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
	<referenceBlock name="top.links" remove="false"/>
	<referenceBlock name="footer_links" remove="true"/>
	<referenceBlock name="breadcrumbs" remove="true" />
	<referenceBlock name="wish-list-link" remove="true" />
	
	 <referenceContainer name="footer">
	
	 <block class="Magento\Theme\Block\Html\Footer" name="copyright" after="store_switcher" template="Magento_Theme::html/custom_footer.phtml"/>
	</referenceContainer>
	<container name="top-header-down" htmlTag="div" htmlClass="top-header-down"/>
	
       <move element="top.search" destination="top-header-down" before="-" />
	   <move element="wish-list-link" destination="top-header-down" after="top.search" />
	   <move element="minicart" destination="top-header-down" after="wish-list-link" />
	   
	   <move element="top-header-down" destination="header-wrapper" after="logo" />
	   
    </body>
</page>

I don´t know, where I can identify which .phtml is using.

The language chooser I want to move in the footer and at the new free place i want to add 3 images:

1. Cart icon

2. User Icon (if logged in, the image should changed)

3. Search Icon (on click on the icon, the search dialog displayed, again click hide it)

 

How can I add this 3 icons? The html and css code I have, but where to place? :-)

 

Thank you!

1 REPLY 1

Re: Customize the header

Hello,

 

I was almost able to made my own layout .. but:

How can I move the "login" part in another container?