How to hide out of stock products in dawn theme

[CHICXCHIC]

Without app, how can I hide products which are unavailable in dawn theme the latest version? I’ve tried many other methods but they all aren’t applied to the latest version in dawn. Please help me.

[Kani · Accepted solution]

Hi @CHICXCHIC 

if you just have few sold out products. here is a simple way for you to make it.

1: Online store > themes > Actions > Edit code > Sections > main-collection-product-grid.liquid

2: find ' {%- for product in collection.products -%} ' ( if you have not edited code before, it's at line 104)

3: paste code after '{%- for product in collection.products -%}' , just like image above.

{%- if product.available == false -%}
      {%- continue -%}
{%- endif -%} 

Copy

 4: Save and refresh you colleciton page, it may need refresh more than one time or wait a few second

[CHICXCHIC]

Thank you so so much! can you help me make out of stock products go to last page as well? Instead of hiding?

[Kani]

huh, I think it may impossible to make it simply via liquid ? (you can only get products of current page)

so you should manually edit it on collection.( or using some app to help you did those jobs 🙂

[CHICXCHIC]

Okay then no problem thank you very much! I really appreciate your advice!

[StockInMotion]

Why hide out of stock items when you can now sell them in transit!  Please take a look at our new application "Stock In Motion" and start selling instead of hiding!!

Stock In Motion - Sell inbound inventory prior to arrival at fulfillment centers | Shopify App Store

[diego_ezfy]

Hi,

The main issue when hiding the out of stock products with liquid/CSS is that it's going to leave one or more blank spot(s) at the ending:

Ideally you must render all "out of stock" products and then show them.

I wrote a tutorial here showing how to achieve that. 

It will work on all of the free Shopify themes as well, not only Dawn.

Let me know if you need any further assistance.

Kind regards,
Diego

[Max-Baldini]

Hello, @diego_ezfy 

I tried to create the snippet from your tutorial  and insert it in my site developed with Dawn, but it doesn't work, could you help me?

Here two collections with sold out products:

https://pgservice.cc/collections/remington
https://pgservice.cc/collections/all

Thank you in advance

[DelightCart]

@CHICXCHIC May this help you to hide products. Click Here.