Hey stumbled upon this and i think this is a really good idea. Do you think you could break it down a little bit more for a newbie? Thanks in advance
Topic summary
Users report that Shopify’s Search & Discovery app displays products in collection filters even when specific sizes are out of stock, creating poor user experience when customers discover unavailability only on product pages.
Proposed Solutions:
-
Shopify Flow automation: Use Flow to dynamically add/remove tags or metafields based on inventory changes, ensuring filters only show in-stock variants. One user shared a Flow setup using Liquid code to update product metafields when inventory quantities change.
-
JavaScript modification: Modify the
createSearchParamsfunction infacets.js(ortheme.jsfor some themes like Focal) to automatically append the availability filter (filter.v.availability=1) when size filters are active. This forces the system to show only in-stock items. -
CSS hiding: Use JavaScript to check the in-stock filter by default on page load, then hide it with CSS if desired.
-
URL parameter workaround: Append
?filter.v.availability=1to collection URLs by default using Shopify’s string filters.
Current Status:
No native solution exists within Search & Discovery. Shopify support has confirmed they have no built-in fix for this issue. Multiple users express frustration that such basic filtering functionality requires custom code or third-party apps. The discussion remains active with users seeking simpler, non-technical solutions.