fbpx

Get the #1 Action Upsell App 💰 Over $75m in upsells!Add to Shopify

Increase revenue 50% 💰 with upsells!Get App

How best to move ‘out of stock’ products to the end of Shopify collections

sold out
SellUp Shopify Upsell App

Last Updated on January 7, 2022 by LAUNCHTIP

Why should we move out of stock products to the end of collections?

Effective product management is pivotal for running an online store flawlessly and making it successful. The orderly arrangement of items in your online store significantly influences the decision-making of the customers. Merchants need to be on top of their merchandising when positioning different products on their webpage.

They should place the products strategically like in a supermarket so that the sales can be maximized. Likewise, imagine scrolling through a long list of items that are sold before reaching the desired item. Tiresome and annoying, right? That’s what the customers think when they see sold items at the start of a store’s lineup.

Therefore, shop owners need to move the sold-out products to the end of the collection so that the customer can effortlessly reach the product they desire. Are you a seller looking for a practical solution to this dilemma? If so, allow us to get things sorted for you!

How best to sort ‘out of stock’ products to the end of a collection in your Shopify store

Getting the most sales from your store is the key to success. Having out of stock products showing at the top of product or collection pages does not make for a good customer user experience. It can interfere with page scrolling and sometimes stop customers from continuing.

We want to discuss how you can move out of stock products to the end of a collection. Here’s how you can do it.

How to move out of stock products to the end of a collection

You can use either of these two methods to move products to the end of a collection in your Shopify store. 

Method 1: Using code 

The method you use for sending certain products to the end of the page or collection depends on your theme. However, there’s a general code for doing this: 

{% for product in collection.products limit: settings.pagination_limit %} {% if product.available %} {% include 'product-loop' with collection.handle %} {% endif %} {% endfor %} {% for product in collection.products limit: settings.pagination_limit %} {% unless product.available %} {% include 'product-loop' with collection.handle %} {% endunless %} {% endfor %}

However, keep in mind that the code may or may not be useful depending on your theme. If you’re having trouble, you may want to get in touch with the developers for additional help. 

You can achieve this without an app but it will be dependent to your theme and other apps you have installed.

Alternatively, you can hide out of stock products from collections following this guide.

 

Method 2: Using apps 

If you’re not comfortable using code and editing your theme, you can opt for apps that are compatible with Shopify.

Wipeout Hide Sold Out Products

out of stock products

Wipeout Hide Sold Out Products app allows merchants to automatically hide out of stock products and enhance customers’ buying experiences. It allows you to easily automatically publish the products back to your store once they are back in stock.

Autohide Soldout Products

out of stock products

Autohide Soldout products lets you hide out of stock products and saves time by not having to update them manually. Customers can’t see products they cannot buy. All products in your store are synced to when they come back into stock, they will reappear again, making them available to your customers.

Out of Stock is a another app that will help you achieve this.

sold out

SellUp Shopify Upsell App

More To Explore