Live Search with Divi and WooCommerce

Divi Ajax Search brings you the tools that make searching fast, efficient and beautiful.

Layout 1

Layout 2

Layout 3

Features

Utilize Divi Ajax Search on your WooCommerce store to find and display products with product details for a seamless product search experience. Users can use the customized See All Results Link to explore the extensive search results. Provide them with previous and next pagination links so they can easily and quickly browse through the results. Display search results stylishly in dynamic Masonry grid format.

Search Area

Show All Results Link

Pagination

Multiple Columns

Custom Post Type

Choose what you want to display in the search results

Choose options to search in taxonomies, product attributes, and SKU

Search in a full-screen panel

  • One panel over the blurred page, with the search field and results together
  • Click the search icon, or press the / key anywhere on the page
  • Highlight matches and add a See all results link
Divi Ajax Search
On Search Icon Click

Show Full Screen Search▾
✓Open with / Key
✓Highlight Search Term
Divi Ajax Search
Group Results by Post Type

Headings▾
Results per Post Type

3▾
Post Type Order

Posts, Products, Projects▾

Group results by post type

  • A heading and count for posts, products, projects and more
  • List post types under headings
  • Control Results per Post Type and Post Type Order

Switch post types with tabs

  • Visitors jump between All and each post type with one click
  • Every tab shows its own result count
  • Use Results per Post Type to keep each tab short and fast
Divi Ajax Search
Group Results by Post Type

Tabs▾
Results per Post Type

4▾
Post Type Order

Products, Posts, Projects▾
Divi Ajax Search
Match

All Words▾
Order By

Relevance▾
✓Highlight Search Term

Find results that match every word

  • Match All Words, in any order, instead of only the exact phrase
  • Relevance order lists title matches first
  • Every matched word is highlighted in titles and excerpts

Never leave visitors at a dead end

  • Show your own links when nothing is found
  • Suggest chosen posts or the newest posts
  • Add a heading in your own words
Divi Ajax Search
✓Links
Chosen Posts
✓Newest Posts
Number of Newest Posts

3▾
Divi Ajax Search
✓Sale Badge
✓Rating
✓Stock Status
✓SKU
✓Product Categories

Richer WooCommerce product details

  • Sale Badge, Rating, Stock Status, SKU and Product Categories
  • Show, hide or follow WooCommerce for out of stock products
  • Use the WooCommerce placeholder image and choose the image size

Faster, more accessible, built for developers

  • Results load through the WordPress REST API, with an automatic fallback to admin-ajax
  • Cached results refresh by themselves when posts, products or terms change
  • Arrow keys, Enter and Esc work in the results, with screen reader announcements and visible focus
  • Going back to an earlier search shows the results already loaded
  • Developer hooks and template overrides in your theme or child theme
Under the hood
✓REST API with fallback
✓Result caching
✓Keyboard navigation
✓Screen reader support
✓Hooks and template overrides

A smart solution to incorporate search on Divi website

Deploy Divi Ajax Search plugin on your website today to boost user experience and make navigation easier.

Responsive column layouts

Design your search field as you want

Search in custom post types

With Divi Ajax Search, results are fetched from Custom Post Types like Testimonials, Team Members, and more. Simply select which CPTs you want to include—no extra setup needed!