Shopify Theme

How to Customise the img element in Shopify Themes

This week we are going to have a look at the humble HTML img element.

When creating a Shopify Theme, you can add any number of images, in any format, and at any size to the assets folder within your theme directory…

How to Use all_products in a Shopify Theme

In this Liquid Shopify tutorial, we’ll be looking at a way to access product information without having to “loop” over a collection, or be on a product detail page.

How to Use Alternate Templates in a Shopify Theme

If you are new to Shopify theme building your first impression might be that every collection, page, and product page is controlled by a single template. Luckily this isn’t the case and there are, in fact, a number of ways you can apply…

Ways to Use Snippets in Shopify Themes

If you have worked with server-side languages you will already be familiar with the concept of partials or includes. In Shopify, includes/partials are known as snippets. To help you understand how Shopify uses them, here’s a brief overview:

How URLs Map to Shopify Templates

One of the (many) features I love about working with Shopify themes is the simple folder structure. Each store can be powered by a single layout file and a handful of templates meaning you can achieve a lot with a little — true power in simplicity.