Filtering Product on store through my theme app extension

Purpose:
I need to build an app which add a ui component with mic and stuff. When someone on the store send a command like show me red or some black ____ products. I want to trigger a action on that such as I want all the products on the stored to be filtered.
So when someone install this app the ui component for mic which an app embed is added automatically to the theme. Which handle the logic for talking mic input and understanding what filter to apply.
Now the understanding part is done. I just can’t figure out the filtering and searching part through my theme app extension.
Search through query params is possible but I don’t want to reload the page even for searching or filtering. Is this any way I can handle this use case.

Or is there any what this flow can be done without a theme app extension and directly through my app

Hi @Xrevenge-7 ,

In order to achive a real time filtering without any page reloads , try followhing thes steps:

  • You can create a custom app with a UI component and mic functionality
  • Using AJAX requests to fetch filtered products from Shopify’s API.
  • Update dinamically your product listng using JS.

If you implement the previous steps you can handle voice commands , also interact with Shopify’s API and update your product listing seamlessly