cancel
Showing results for 
Search instead for 
Did you mean: 

Customize the header

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?