Search as you type with add to card in results

Shopify Discussion

Topic summary

A user is seeking to implement a search-as-you-type feature that displays product results with add-to-cart buttons directly in the search dropdown, similar to a reference image they provided.

Proposed Solution:

  • GemPages support team suggests adding custom code to the theme to enable add-to-cart functionality in the search bar
  • They reference a Shopify Community technical Q&A thread that provides implementation guidance

Status:
The discussion remains open with one potential solution offered. The user has not yet confirmed whether the custom code approach meets their needs or if they prefer an app-based solution instead.

Summarized with AI on November 24. AI used: claude-sonnet-4-5-20250929.
1

I’m looking to add search as you type with add to cart buttons in the results displayed like the image shown here. Does anyone know of an app or setting to enable this functionality to Shopify? Any help greatly appreciated. Thanks

search as type add to cart.png
search as type add to cart.png846×1016 231 KB

2

Hello @sloganvi

You can add the custom code to your theme to create the add to cart button on the search bar

You can refer to this topic to get more information: https://community.shopify.com/c/technical-q-a/quick-add-button-to-search-results/td-p/1617520

I hope the above is useful to you.
Best regards,
GemPages Support Team