How can we achieve this in Basel theme

Hi Team ,

Thank you for being supportive. I have attached one eCommerce site header (top bar ,header menu ).Please guide me how to achieve this kind of header in my website.
website link : http://myflavory.workeasysolution.net/

Thanks in advance.

Attachments:

You must be logged in to view attached files.

Hello,

1. Chose the With categories header layout in the Theme Settings > Header > Header layout.

2. By default, this header layout doesn’t have Login/Register link. But you can add it manually placing the following code snippet to the functions.php file in the child theme.

add_filter( 'basel_header_configuration', 'basel_custom_header_configuration', 1, 1 );

function basel_custom_header_configuration() {

	return array(
		'container' => array(
			'wrapp-header' => array(
				'logo',
				'widget_area',
				'right-column' => array(
					'header_links',
					'search',
					'wishlist',
					'cart',
					'mobile_icon',
				)
			)
		),
		'navigation-wrap' => array(
			'container' => array(
				'main_nav'
			)
		)	
	);
}

3. Increase the right column width in the Theme Settings > Header > Header layout https://prnt.sc/q7ujvq

4. Create a sidebar for Search widget http://prntscr.com/p74a90

Add the Search widget into the sidebar.

Create HTML block and add the Widgetized sidebar element http://prntscr.com/p749v1 choose the sidebar you have created.

4. Add the HTML block into the Theme Settings > Header > Other > Text in the header https://prnt.sc/q7ulw3

5. Create HTML block with the content and insert into Theme Settings > Header > Top bar > Text in the header top bar

6. Create a menu with icons in Appearance > Menu and assign it as a Topbar menu https://xtemos.com/docs/basel/create-mega-menu/

Best Regards

[Author]

Posts