Customized Header

Hi,

We are using “base” header as standard. But we want to have 2 rows, without any topbar. In the attachment I have an example of what we want to create (Row 1 is the standard from Basel) // (Row 2 = my own idea). We started to change the template-tags.php file:

			$configurations['base'] = array(
				'container' => array(
					'wrapp-header' => array(
						'logo',
						'widget_area',
						'right-column' => array(
							'search',
							'wishlist',
							'cart',
							'mobile_icon',
						)
					)
				),
				'shop-information' => array (
					'container' => array(
						'shop-logo',
						'usp',
						'customerservice',
					)
				),
				'navigation-wrap' => array(
					'container' => array(
						'main_nav'
					)
				),
			);

Unfortunally we don’t understand what to do next. Any help would be appreciated!

Attachments:

You must be logged in to view attached files.

Hello,

Thank you for choosing our theme and contacting us.

Could you please provide us a link to your website so we can see how it looks at the moment for better understanding?

Kind Regards
XTemos Studio

Please check the private message.

But we don’t have any changes on the front end. Are you sure that the code is already changed?

Hi,

Like we said; we only added the script above and have nothing extra added. Our question is how to enable this structure to real life?

$configurations['base'] = array(
				'container' => array(
					'wrapp-header' => array(
						'logo',
						'widget_area',
						'right-column' => array(
							'search',
							'wishlist',
							'cart',
							'mobile_icon',
						)
					)
				),
<strong>				'shop-information' => array (
					'container' => array(
						'shop-logo',
						'usp',
						'customerservice',
					)
				),</strong>
				'navigation-wrap' => array(
					'container' => array(
						'main_nav'
					)
				),
			);

The shop-information array would be the second row. We just don’t understand how further now.. We would like to have a nice solution for it.

Firstly, you need to filter this configuration array to replace it with your own. To do this, add 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(
							'search',
							'wishlist',
							'cart',
							'mobile_icon',
						)
					)
				),
				'shop-information' => array (
					'container' => array(
						'shop-logo',
						'usp',
						'customerservice',
					)
				),
				'navigation-wrap' => array(
					'container' => array(
						'main_nav'
					)
				),
		);
}

Then, you need to create PHP functions for each your new custom block with the following names basel_header_block_customerservice and add your content there.

Regards

Hi,

Thanks! I just worked. Please check: https://www.autostoel-shop.nl/ (I created an function for “shoplogo” “usp” and “customerservice”).

How can I make sure these elements will be the same as the row above? Like Right/middle/left align.

Cheers

We are glad that you have done it.

Sorry, but it may take an additional CSS customization and it is out of our theme support scope.

[Author]

Posts