Adding Real-Time Query Completion Feature in Ella Theme Search Bar

[MudassirMehmood]

Hello Shopify Community, I’m using the Ella theme and appreciate its current real-time search capabilities, especially the helpful features like:

Trending Now: Showing the top 10-15 trending keywords.
Popular Products: Displaying three popular products.

These elements significantly improve the user experience on my store. However, I’d like to take the search functionality a step further.

Feature Request: Real-Time Query Completion

I'm interested in adding a real-time query completion feature, similar to the search suggestions seen on platforms like Walmart or Amazon. Specifically, as a user starts typing (e.g., typing “ba”), the search bar would suggest completed phrases like “baby wipes,” “baby toys,” or “bath,” helping them quickly find relevant products.

For example:
If a user types “women,” it could suggest terms like “women clothes,” “women shoes,” or “women boots,” making it easier for them to refine their search.

Current Features in the Theme:

Real-time product suggestions – Displays products as users type, which is helpful.
Trending Now & Popular Products – Offers users insights into what’s popular.

Adding this real-time query completion feature would enable customers to complete partial search terms with relevant suggestions, enhancing their overall search experience.

I recently noticed that this real-time query completion feature is now available in the free Shopify Dawn theme (version 15.2.0), and I’m eager to implement a similar functionality in the Ella theme.

Has anyone implemented a similar feature in their Shopify theme or found a solution for real-time search query completion? I would appreciate any advice or recommendations. Thanks in advance for your help!

Best regards,
Mudassir Mehmood

Like this: