ElasticPress Product Search with Image-and-Price Autosuggest

Summary

A WooCommerce search upgrade that shows matching products — with thumbnails and prices — the moment a shopper starts typing.

Challenge

Default WordPress product search sends shoppers to a results page and makes them work to find the right item. On a real catalog that friction costs sales: customers cannot tell similar products apart from titles alone, and slow full-page searches break the shopping flow.

Solution

I built the autosuggest experience on ElasticPress:

• Indexed product data in Elasticsearch for fast, relevant matching
• Returned product images and prices directly in the autosuggest dropdown
• Presented results as the shopper types, with no full-page reload
• Kept the result format visual, so similar products can be compared at a glance

Result

Shoppers can identify the right product before they ever leave the page — a search box that behaves like a sales assistant instead of a filing cabinet.

Stack

WordPress, WooCommerce, ElasticPress, Elasticsearch, JavaScript