Header search bar and layout configuration

ddumaa · March 16

https://themes.muffingroup.com/be/carcosmetics/

Hello,

I have a question about the header shown in your theme demo.

I want to implement a similar header structure (categories button, search bar, account, wishlist, cart, etc.). I can recreate the layout itself, but I would like to understand how the search bar and header are implemented in the theme.

Could you please clarify:

Is this header a prebuilt layout available in the theme settings, or is it a custom layout used only in the demo?
Is the search bar a standard WooCommerce product search, or does the theme include its own search functionality?
How can I configure the search to look and behave like in the demo (design and product search behavior)?

Thank you in advance for the clarification.

Best regards

Phil · March 16

Hi,

1) It is a custom header template made with the Header Builder.

https://support.muffingroup.com/video-tutorials/header-builder-2-0/

2) If in the Theme options -> Search Form, you set "Shop Products only" then the WooCommerce product search is in use.

If you set "Default" then the standard WP search is used. Betheme does not have its own search functionality, and we base on the existing solutions.

3) In the header template, you must add the search form element, and you must enable the option to search through products only as I described in the second point.

Best regards

ddumaa · March 16

Hello,

Thank you for the clarification.

I currently have this option enabled:

“Shop Products only”

However, my search looks like this:

And it is different from the search shown in the demo:

So I am trying to understand what I am missing.

Could you please clarify:

Is the search style from the demo also built with the Header Builder?
Is there any additional header setting, element setting, or style option required to make the search look like the demo?
Is the demo search using only the standard search form element, or is there any extra customization involved?

At the moment, it seems that product search is enabled correctly, but the visual layout and behavior are still different from the demo.

Thank you in advance.

Best regards

Phil · 11:03AM

You searched for a word that exists only in products, so only products appeared. When you search for a word that can be found in products and categories as well, then product categories will be included in the live search:

1) No, styles are taken from theme options, and they are based on the font styles and colors you set there. For example, from the Fonts tab or from Colors -> Form.

2) Please explain in more detail what yould like to achieve.

3) It is a standard search, with no further customization.

Best regards

Header search bar and layout configuration

Comments

This website uses cookies