Blog

Add Ajax Search for WooCommerce | WordPress

Add Header AJAX Search Bar

OceanWP is a free theme on WordPress . You can download it from WordPress’s theme’s section. The theme has very good features which are not available in any other WordPress themes.

I had a problem in my website RanchiBookStore.com i wanted to add search bar at top like filpkart and others, so customers can easily find there desired products.

You can find video tutorial for this below.

If it helps please Like and Need help please comment.

Theme Used :-

  • OceanWP

Plugins You Need :-

  • FiboSearch – Ajax Search for WooCommerce
  • Elementor Website Builder
  • Ocean Extra

Other Articles:-

 

Here is the Steps :-

  1. Navigate to Dashboard
  2. Click on Theme Panel -> My Library link . If you install the OceanWP Extra add-on, you will get “Theme Panel” menu at Dashboard.
  3. Click on Add New button -> Enter Name -> Publish
  4. Now Click on Edit With Elementor
  5. There have inbuilt widget “Fibo Search”
  6. Drag&Drop this widget and build the layout.
  7. Next go to Appearance -> Customize page
  8. Click on Top Bar panel
  9. Click on Social/Content section
  10. Select template from template drop down
  11. Click on Publish button

Watch Video Here

Leave a Reply

Your email address will not be published.