out stock products

Solved

out stock products

eslamibrahim
Shopify Partner
34 0 5

I want to disappear out stock products only from collection page.

eslamibrahim_1-1720698020093.png

 

Accepted Solution (1)
BSSCommerce-HDL
Shopify Expert
1004 342 408

This is an accepted solution.

Hi @eslamibrahim

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
  li.js-pagination-result:has(.product-label--sold-out) {
     display: none !important;
  }
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 4 (4)

BSSCommerce-HDL
Shopify Expert
1004 342 408

Hi @eslamibrahimCan you kindly share your store link (with the password protected, if any) with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
eslamibrahim
Shopify Partner
34 0 5
BSSCommerce-HDL
Shopify Expert
1004 342 408

This is an accepted solution.

Hi @eslamibrahim

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
  li.js-pagination-result:has(.product-label--sold-out) {
     display: none !important;
  }
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

Small_Task_Help
Shopify Partner
508 15 35

Hi,

 

Need to add an inventory check code at collection.liquid (product display loop)

 

Example of code

{% for product in collection.products %}
  {% if product.available %}
    <!-- Your existing code to display product -->
  {% endif %}
{% endfor %}
Click here to Contact and Get Shopify Store Help
E-mail - hi@ecommercesmalltask.com
We are Shopify Experts   from Ecommerce Small Task Company.