Docs

[strobley]

Hi Themeco,

Is it possible to replace the Navbar search with the Woocommerce Product search? I’d still like to keep all of the look and layout of the Navbar search. However when performing the search I’d like it be the Woocommerce Product search instead of the WordPress search.

I can see the default X search form is located in x/framework/functions/global/navbar.php and the Woocommerce product is documented here: https://docs.woothemes.com/document/overriding-the-product-search-box-widget/

I’m assuming I need to do “something” in the my x-child theme functions.php – would you be able to guide (tell me in code!) as to what the “something” I need to do is 🙂

Many thanks.

[Rupok]

Hey there,

Thanks for writing in! Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[tim1fitzgerald@gmail.com]

this is disappointing that this is not possible. Seems like it should be build in if Theme.co already has themes set up for woocommerce, what is the point of having a search that just displays the blog post, media and not the products? This is fundamental for a woocommerce site to have a search that works. Technically this doesn’t seem too hard to do. There is already the “woocommerce product search widget” which can be put into any of the widget areas, so why can’t it be put into the navbar header search? The problem with the woocommerce product search widget is you can’t stick it in an areas that are easily visible for user. It is either in the head widget area, which is stuck behind the little “+” sign in the top right hand corner, or in the footer. I just want this seach option in the header visible to the viewers! Is it really not possible without hiring an outside developer?!?!

[Prasant Rai]

Hello Tim,

Unfortunately, Woocommerce customization isn’t covered by our capability as support. Please consult a developer to customize the search as per your requirement.

Thanks for understanding.

[tim1fitzgerald@gmail.com]

Hello, but what I am trying to say is this isn’t a woocommerce customization issue. The functionality is already built in.

Using the “woocommerce product search widget” this works. The search results display the products, not blog posts. This widget can be put into widget areas. All I am requesting is some assistance in placing this search box in my header instead of in a widget area. If the search box can already be placed in a widget area, the same code should be able to be placed in the header.

Thank you.

[Rupok]

Hi there,

Thanks for writing back. “WooCommerce Product Search” is a widget that you can place on any widget areas. You can place this to Topbar widget areas, Footer widget areas and in any place within the content using the “Widget Area” Cornerstone element. But when you are trying to add this to header then it’s a bit unusual since there is no such functionality to add this to header by WooCommerce and we don’t change the functionality of any plugin already mentioned. So if you want to add this to header menu then you need to achieve this through some custom development or any plugin (if exists).

Hope this explains better. If you face any issue regarding X, kindly let us know. We’ll be happy to assist you.

Cheers!

[tim1fitzgerald@gmail.com]

Ok, thank you for the response. All I would say is I see a lot of requests for this feature. A woocommerce website without a search function in a convenient place can be a deal breaker for people visiting the site. The only convenient place for the search would be in my header where it is visible all the time.

The problem with the topbar widget areas is that they are hidden behind the “+” sign so it is very difficult for a normal user to know to look there for a search function. I would request a way for topbar widgets to be more visible, or to make X Theme more adaptable to woocommerce in future releases in regards to search functionality.

Thank you.

[Paul R]

Hi,

Thanks for your feedback, I will forward this to our web development as a feature request.

At the meantime you can try this.

Create file _topbar.php in wp-content/themes/x-child/framework/views/global and copy the code below into that file.

<?php

// =============================================================================
// VIEWS/GLOBAL/_TOPBAR.PHP
// -----------------------------------------------------------------------------
// Includes topbar output.
// =============================================================================

?>

<?php if ( x_get_option( 'x_topbar_display' ) == '1' ) : ?>

  <div class="x-topbar">
    <div class="x-topbar-inner x-container max width">
      <?php if ( x_get_option( 'x_topbar_content' ) != '' ) : ?>
      <p class="p-info"><?php echo x_get_option( 'x_topbar_content' ); ?></p>
      <?php endif; ?>
      <?php if(function_exists(get_product_search_form())):?>
      <span class="product-search"><?php echo get_product_search_form(); ?></span>
      <?php endif; ?>
      <?php x_social_global(); ?>      
    </div>
  </div>

<?php endif; ?>

Hope that helps.

[Author]

Posts