What's your biggest current challenge? Have your say in Community Polls along the right column.

Remove the sold out items on Product Pages of Brooklyn Theme

Solved

Remove the sold out items on Product Pages of Brooklyn Theme

VanTran
Tourist
4 0 2

 

Hi, I want it to automatically remove the SOLD OUT items out of my products page. Please help me to fix this. Thank you. I'm using the Brooklyn Theme

 

VanTran_0-1730443094459.png

 

Accepted Solution (1)

tim
Shopify Partner
3911 394 1435

This is an accepted solution.

What's your goal -- remove sold out products from your online store completely or remove them from particular collection?

 

If you want to remove them from collection, then common practice is to add "Inventory level > 0" condition to your automatic collection(s).

This way your products will still be visible on your store if, for example visitors search for them or have direct link to product page.

But not on collection pages.

 

If you want to completely take down sold out products, then you should install the free Flow app and use the this template:

 

Hide out of stock products from your online store and republish when they have at least a variant with inventory:
https://shopify.com/admin/apps/flow/editor/templates/f1e2ce62-841e-4a9c-801d-87bac65d04cc

 Editing the code like suggested above is not the best option if you have more than one page of products in your collection.

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

View solution in original post

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
10264 2039 2110

Hi @VanTran 

Please open your Online Store > Themes > Edit code, open collection-template.liquid file, find 2 lines of this code below 

{%- include 'product-grid-collage' -%}

And 

{%- include 'product-grid-item' -%}

Change them to this 

{% if product.available %}
    {%- include 'product-grid-collage' -%}
{% endif %}

And this 

{% if product.available %}
    {%- include 'product-grid-item' -%}
{% endif %}

Save your file

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

DaisyVo
Shopify Partner
988 125 140

Hi @VanTran 

 

I have tried searching on the theme you mentioned but I do not see any.

 

DaisyVo_1-1730445418863.png

Could you please share with us the name of the theme again and share your store URL to check further?

 

Look forward to your response.

 

Best,

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
VanTran
Tourist
4 0 2

Hi Daisy, I see my theme isn't available on Theme Shop anymore, this is my store URL: https://hannahcanvas.com/. Thank you for checking

tim
Shopify Partner
3911 394 1435

This is an accepted solution.

What's your goal -- remove sold out products from your online store completely or remove them from particular collection?

 

If you want to remove them from collection, then common practice is to add "Inventory level > 0" condition to your automatic collection(s).

This way your products will still be visible on your store if, for example visitors search for them or have direct link to product page.

But not on collection pages.

 

If you want to completely take down sold out products, then you should install the free Flow app and use the this template:

 

Hide out of stock products from your online store and republish when they have at least a variant with inventory:
https://shopify.com/admin/apps/flow/editor/templates/f1e2ce62-841e-4a9c-801d-87bac65d04cc

 Editing the code like suggested above is not the best option if you have more than one page of products in your collection.

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
VanTran
Tourist
4 0 2

Hi, you already help me solve my problem. I set up the inventory stock condition to be greater than 0 and it worksss. Thank you so much