I want to put all out of stock products in the bottom of each collection without using any apps. It is better to have the custom code to fix this problem. My website : https://healthexpress-mart.com/

Hello, @hem1 Reordering products in collections in Shopify without using apps does require some custom code. Here’s a step-by-step guide on how to achieve this: Backup Your Theme: Before making any changes, it’s crucial to backup your theme to ensure you can easily revert if something goes wrong…

Hi, Thank you for your reply. After I copied the code to the “collection-list.liquid”, there is nothing happened, the out of stock products are still in the top…

Hi @hem1 , I understand you are looking for a solution to push out-of-stock products to the bottom of collections in Shopify, without needing an app. Since the previous code sample provided using theme templates and filters did not provide an immediate solution for your needs. I would like to sugge…

You’ll have to use the where filter twice and then concat the two arrays together. I also wrote a small blog post about it: https://andreasvirkus.me/thoughts/sort-shopify-products-by-availability/

I have tried that in my theme and not working already tried in multiple places {%- liquid assign per_page = section.settings.rows | times: section.settings.columns assign paginated = false if section.settings.display_type == ‘all’ assign paginated = true endif -%} {%- capture image_sizes -%} …

Can someone clarify for me exactly where to insert this bit of code on collection-liquid section? Thanks.

You can split up the products loop in two. First run all avaliable products then all that are not. Open main-collection-product-grid.liquid and find the <ul id="product-grid>… Then copy the for loop and paste the new one after the first one. The first forloop should only run through available produ…

Hello Shopify provides only 50 products at a time, which means sorting will be applied only to the products on the current page, not the entire product array. For example, if there are 250 products, out of which 30 are sold out, Shopify will provide 50 products either in a random order or a specif…

For Miguel’s example yes, but otherwise this is untrue. In my example I sort over the whole collection.

How To Sort Out Of Stock Products To The Bottom Of A Collection without using any apps？

Store Design

robincingh January 24, 2025, 12:32pm 9

Not sure if this the most ideal, but 100% works

Topic		Replies	Views
Product out of stock at the bottom of the page Store Design collection-page	1	107	October 11, 2023
How to move out-of-stock products to the end of collection without using an app Store Design design , customizations	3	370	February 10, 2026
Move out-of-stock items to the end of collections. Technical Q&A liquid , shopify-theme	8	953	March 12, 2026
How to Sort Out of stock products to the bottom of a collection in Debut theme? Technical Q&A	6	326	August 22, 2024
How can I sort out of stock items last on a collections page? Technical Q&A	6	759	August 22, 2024

How To Sort Out Of Stock Products To The Bottom Of A Collection without using any apps？

Related topics