Home > Shopify Development > How to hide sold out variants for nonsectioned themes

How to hide sold out variants for nonsectioned themes in Shopify

Sam Updated: March 29, 2024

Drive 20-40% of your revenue with Avada

Get Started

Online buying always needs to be updated for buyers so that they can know about which products are in stock or not. With a view to bringing better customer experience, this article would instruct you how to hide sold-out variants for non-sectioned themes.

Table of content

What sectioned and non-sectioned themes are
Why we should hide sold-out products
Hide sold-out variants

What sectioned and non-sectioned themes are

Before you follow the tutorial, you should clarify which theme you are using, whether it is sectioned or non-sectioned theme. The sectioned theme is a new theme allowing you to create and arrange the layout of your e-store’s websites while the non-sectioned theme is an older one published before October 2016 without Section directory. Therefore, to check which theme you are using, you go to Edit code page, if files exist in Section directory, it means that sectioned theme is being utilized or vice versa.

In addition, a sectioned theme will show two tabs at the top of editor titled Sections and General Settings while a non-sectioned theme has only one column in theme editor consisting of tools or functions like general, colors and fonts, headers, footers, collection pages and so one.

Why we should hide sold-out products

Imagine, if you do not indicate clearly which commodity is out-of-stock, merchants may try to contact your staff to ask and order this product. Therefore, it certainly takes your sales staffs to care about customers’ inbox, but in fact, your staffs have a lot of other requirements from orders for current goods. In this situation, your system is not working efficiently due to lack of information transparency. Besides, when you hide sold-out goods, your layouts would have more room for new arrivals which can attract buyers and generate more revenue. Absolutely, customer journey is vital in the e-commerce world today.

Hide sold-out variants

Now it’s time to hide sold-out products for non-sectioned themes. It is not a too challenging task, so follow the instruction, you can get what you want.

The tutorial would divide into two types that non-sectioned themes are compatible including desktop and iPhone or Android.

Step 1:

You access Shopify admin, click Online Store and go to Themes.

Step 2:

Find the themes that you want to edit, then press Actions then Edit Code.

How to hide sold out variants for non sectioned theme in Shopify

Step 3:

Look at Snippets directory and click to open Add a new snippet.

Step 4:

A box called Create a new snippet appear then you insert remove-sold-out in the blank space:

remove sold out

Step 5:

When you create a new snippet file successfully, paste this code hosted on GitHub.

Step 6:

Remember to click Save.

Step 7:

Move to Layout directory, you will see theme.liquid and click on that.

How to hide sold out variants for non sectioned theme in Shopify

Step 8:

Near the end of the file, before the closing </body> tag, paste the code below:



{% include 'remove-sold-out' %}

Step 9:

Click Save and you hide your sold-out goods.

Conclusion

In brief, we hope that the short tutorial will helpful for you and help you to attract more loyal customers. The instruction will be a great tool for you to hide sold-out goods on non-sectioned themes for both desktop and iPhone/Android.

Catalog

How to modify the shipping calculator HTML How to add the gift-wrapping snippet in your cart template How to modify your theme.liquid file How to insert some JavaScript to your theme Delete the author's name in your theme Generate a currencies snippet Insert the search box on your Jekyll site using lunr.js How to hide sold out variants for nonsectioned themes Liquid Variables: assign, capture, increment, increment Liquid paginate: Split into multiple pages Update the product form to support dynamic checkout buttons Select which page to show when customers log in to your online store Modify the code for your payment icons Insert the security badge code to your theme Insert Disqus to your blog Insert breadcrumb navigation to your store Get consent for promotional emails during customer registration Generate your snippet generate the How did you hear about us form field Generate and include an age-check snippet Generate a back-to-the-top snippet Edit correct quantities on the cart page silently Apply a class to your templates Update item quantity fields in the cart Update the collection-template.liquid file Modify the theme code to add the shipping calculator Insert the notification form code to your theme Insert custom fields to your theme's customer registration form Add Custom Fields to Contact Form in Shopify Insert a form field to your theme code

Sam Nguyen

Sam Nguyen is the CEO and founder of Avada Commerce, an e-commerce solution provider headquartered in Singapore. He is an expert on the Shopify e-commerce platform for online stores and retail point-of-sale systems. Sam loves talking about e-commerce and he aims to help over a million online businesses grow and thrive.