Custom Header

Hello,

In general, meaning sitewide, then head to Customise > Header > General, dropdown the menu below Style, and select Custom Header and it will open the Select Template option, click on – Select – to assign the proper template from your Theme Panel > My Library.

If somehow, you did this and it did not assign to specific WooCommerce pages, then open Theme Panel > My Library, and check if you have your header Conditional Logic set to display on all pages, or specific ones, and alter as you wish.

Hope this helps.

Hello,

Can you share your site link so that I can check it? Try adding the below code to the oceanwp child theme’s functions.php file.

function prefix_header_style($style) {
    if ( is_product_category() ) {
        $style = 'custom';
    }
    return $style;
}
add_filter('oceanwp_header_style','prefix_header_style');

Sure Amit, would you be okay with a staging site username password (only for viewing?)

Okay, have you tried the above code?

Amit, I am terribly scared and inexperienced about child’s theme usage and I am way too ahead in the design. So I was recommended using code snippets for custom functions
How do I use the code there? I tried one, and activated it but it still doesnt work.
Please help.

Do I have to prescribe a location in the code? could you help?

Which code snippet plugin are you using? I’ll recommend using the child theme instead of a code snippet plugin. What will happen when you have added wrong code in the code snippet plugin and the site crash? There is no way to recover it without deleting the plugin using cPanel/FTP. So all your codes added to the code snippet plugin will be lost.

Using a child theme is a safe way to add/edit the code and modifying the theme file easily – https://docs.oceanwp.org/article/90-sample-child-theme

using this one https://www.ads-software.com/plugins/code-snippets/
My fear is that if I switch from parent theme to child theme and then back again, I would lose every customisation I have made on the parent theme so far. :/

No, you will not lose anything if you haven’t edited the theme files. You can easily import all the customizer settings to the child theme – https://docs.oceanwp.org/article/505-import-the-parent-theme-customizer-settings-into-your-child-theme

Okay. but what about the widgets on the side bar etc, elementor settings, . the settings in them? will it duplicate that too?

Yes, don’t worry. You can test it on a staging site if you have doubt.

Hi Amit, so what happens after I put this code in child function.php. how does it know which custom header to use on the product category page ( I have two custom headers to choose from) . Does it appear as a hook option to activate somewhere ? I ask Because categories are not editable pages.

I think I misunderstood your question. There is no way to set the different custom header for different page. The above code is for that custom header template which you have selected from the Customize > Header > General section.

I shall be in touch about this after I go live ?? I think you will see the problem. The product category page of woocommerce does not take the custom header prescribed to the shop page. (its there on cart, single product, checkout, etc, just not on product category)