Home › Forums › Basel support forum › Customized Header
Customized Header
- This topic has 7 replies, 2 voices, and was last updated 7 years, 7 months ago by Artem Temos.
-
AuthorPosts
-
May 3, 2017 at 7:16 am #13112
nhatimmeParticipantHi,
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.May 3, 2017 at 8:15 am #13115
Artem TemosKeymasterHello,
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 StudioMay 3, 2017 at 9:00 am #13120
nhatimmeParticipantPlease check the private message.
May 3, 2017 at 9:31 am #13126
Artem TemosKeymasterBut we don’t have any changes on the front end. Are you sure that the code is already changed?
May 3, 2017 at 9:35 am #13128
nhatimmeParticipantHi,
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.
May 3, 2017 at 9:39 am #13129
Artem TemosKeymasterFirstly, 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
May 4, 2017 at 2:23 pm #13209
nhatimmeParticipantHi,
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
May 4, 2017 at 3:09 pm #13211
Artem TemosKeymasterWe 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.
-
AuthorPosts
Tagged: custom header
- You must be logged in to create new topics. Login / Register