How to hide sold out products from search results in Shopify
Displaying sold out products on search results could be a source of buyer frustration for clients, since customers could stumble upon products which are not for sale. This is especially relevant if your client is running a flash sale and customers are looking to reach available products quickly.
This is where we will be looking to customize.
- From your Shopify admin, go to Online Store > Themes.
- Find the theme you want to edit, and then click Actions > Edit code.
- In the Templates directory, click
search.liquidto open it in the online code editor. - Find to the loop
{% for item in search.results %}and{% endfor %}. - Add an IF statement between this FOR loop.12345{% for item in search.results %}{% if item.object_type == 'product' and item.available == true %}...{% endif %}{% endfor %}
- Click Save and you’re done.
Before
After
Note: Since the sold out products are only hidden, this customization could have an affect on pagination. For example, if your search page is set to display 20 products, and five of the loaded products are sold out, you will only see 15 results. If you are seeing extreme cases of blank pages within pagination, you could adjust the pagination towards the max limit of 50 products per page.
after using this code the sold out products are hidden but the title of the produts are shown
This code worked in hiding the sold-out products, however, the search results are still counting all the products in the search and a majority of the pagination is showing blank pages. Is there code to fix this?