This article explains how to replace the native search bar in the WoodMart theme by xtemos.
WooCommerce
→ FiboSearch
→ Starting (tab)
Step 1: Step 1: Go to HTML Blocks →
Add New
. Create an FiboSearch block and add a shortcode:
[fibosearch]
![](https://fibosearch.com/wp-content/uploads/2022/07/woodmart_01-900x433.png)
Step 2: Go to WoodMart -> Header builder and edit the header.
![](https://ajaxsearch.pro/wp-content/uploads/2020/04/preview-full-woodmart_02-1024x479.png)
Step 3: Remove the default search.
![](https://ajaxsearch.pro/wp-content/uploads/2020/04/preview-lightbox-woodmart_03-1024x579.png)
Step 4: Add a new element.
![](https://ajaxsearch.pro/wp-content/uploads/2020/04/preview-lightbox-woodmart_04-1024x555.png)
Step 5: Select the HTML Block.
![](https://ajaxsearch.pro/wp-content/uploads/2020/04/preview-lightbox-woodmart_05-1024x667.png)
Step 6: Select the FiboSearch block created in step 1.
![](https://fibosearch.com/wp-content/uploads/2022/07/woodmart_06-900x468.png)
The header with the search replaced.
![](https://ajaxsearch.pro/wp-content/uploads/2020/04/preview-lightbox-image-1024x717.png)