Shopify 2.0 Dawn - How To Hide Unavailable Products from search

[binteamin2021]

Please help with this. Been looking since forever.

[DavidEKim]

@binteamin2021 

Hi,

To hide unavailable product from search, you have to edit Snippets > card-product.liquid file.

Before editing the file, please make a backup file or backup your theme.

Please follow the steps below.

1. Go to Edit code > Snippets > card-product.liquid file.

2. Add the code below before <div class="card-wrapper underline-links-hover"> (line 33)

  {% unless card_product.available == false and template.name == 'search' %}

The above code is only for search results.

If you want to hide unavailable product completely from collection pages and sections, you can use the code below.

  {% unless card_product.available == false %}

It must be the same as below.

3. Go to line 220 and add the code below.

  {% endunless %}

It must be added before {%- else -%} tag as below.

4. Save the change and test your search.

In case you can't edit the code, please send me a private message.

Hope it helps.