WooCommerce search bar in buttonizer

qouiou

I was wondering if I can get a woocommerce "search" button integrated into buttonizer?
I was browsing and found a user with similar requirement here.

James

Hi qouiou ,

This might be possible by using a popup to show the search box. 🤔

Create a new popup using Popup Maker or Elementor Popups
If you own the official WooCommerce Product Search Bar add the shortcode [woocommerce_product_search] in the popup.
If not, you could use a free plugin like Advanced Woo Search and use the shortcode
Create a Buttonizer button and set the button action to the popup that was used and follow the steps.

Customize the popup to the desired look.

It should be around like this. You basically use Buttonizer to show the popup containing the search box.

qouiou

Hey James,
Thanks a million for your detail steps, I will definitely check it out.

Meanwhile, I am facing another issue, the button creates an invisible hyperlink next to the icon.
The find icon you see below, on its left, it picks link from the FIRST button inside the buttonizer, but its invisible. How I can get rid of this invisible link?

Jasper

Hi qouiou , I think issue is related to https://community.buttonizer.pro/d/581-links-can-be-clicked-even-if-buttonizer-not-openened/7

Could you let us know if this is the case?

qouiou

hello james.....are you there?

qouiou

Yes absolutely, that's the issue.

What I must do now?

James

qouiou ,

Sorry for not replying on your previous replies and thanks for confirming the issue!

We have fixed this issue and the fix will be released in our next update very soon. Maybe later today. 😄

qouiou

Hey James,

Thanks for your revert, but the issue is still there, I updated and still see a hidden button next to the visible button.

James

Hi qouiou ,

Thanks for letting us know.

It might have not been the same bug after all.

Could you perhaps send us a link to your site with this issue?
We would like to take a look and see what is causing the issue.