Hide Out Of Stock Items

MattyCeravolo
Tourist
34 0 2

Hi there,

 

I am wanting to hide out of stock items when they go out of stock and once they've been restocked to show them again.

 

Any help is very appreciated! 🙂

Replies 4 (4)

Abdosamer
Shopify Partner
820 146 161

Hi @MattyCeravolo , can you share your store url?

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio
MattyCeravolo
Tourist
34 0 2
Abdosamer
Shopify Partner
820 146 161

@MattyCeravolo , go to your theme.liquid file and add this code at before the </body> tag:

{% unless product.available %}
    <style>
    .product-item.disable_product_card_border {
      display:none !important;
}
   </style>
{% endunless %}
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio

PageFly-Theodor
Navigator
348 49 52

Hi @MattyCeravolo ,
This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about Hide Out Of Stock Items, let’s try this solution:
Online Store ->Theme ->Edit code -> card-product.liquid

{% unless product.available %}
    <style>
    .product-item {
      display:none !important;
}
   </style>
{% endunless %}

 

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.