Caution: This post was published in 2018 and may contain information, techniques, or code examples that are no longer current. Please double-check official documentation and modern best practices before using anything from this article.

Shopify: List product variations on collection pages

The code below will allow you to display a set of product variations on a Shopify product collection pages.

Set this code in the collections page product loop, or within the liquid snippet that controls the display of products. On line three I’ve specified “Weight” as the option I want to display so on the list page the customer can see that I have 25ml, 50ml, and 100ml product sizes available.

My Shopify Expertise

If you are planning a new e‑commerce store, considering a platform upgrade or looking for ongoing Magento support, I can provide the expertise you need. Based in Northern Ireland and working with clients locally and internationally, I deliver solutions that help businesses grow.

Contact me to discuss your Shopify project

More Shopify posts

How to speed-up your Shopify Store

Website speed is one of the most critical factors in the success of any eCommerce business, and yet many Shopify store owners struggle with a slow-loading website. Page speed doesn’t…

Continue reading

Shopify: Set sales prices

Setting sales prices in your Shopify store is a straightforward process that can help boost sales and attract customers. Follow these steps to effectively set sales prices for your products:…

Continue reading

Popular Payment Gateways

Ecommerce payment gateways are critical components of any online store, as they enable merchants to accept payments from customers securely and conveniently. There are many payment gateways available in the…

Continue reading

Shopify: Add breadcrumbs to Liquid templates

How to add breadcrumbs to your Shopify Northern Ireland liquid templates Breadcrumbs are a secondary navigation aid that helps users easily understand the relation between their location on a page…

Continue reading