WPservice DEVELOPMENT STUDIO PRESENTS
LONG-TERM GROWTH
We always design our websites with your future success in mind, carefully planning and optimizing all content to ensure maximum visibility and long-term profitability

Developing In Shopify – Create Theme 10 Step Guide

shopify create theme

Image credit: toberesponsive.com

If you’re looking to setup your own online store, there are no shortage of options. One of our favourites, though, is Shopify. Creating a Shopify theme may sound difficult but have a look what you need to do.

Create a Shopify Theme in 10 Steps

Assets

Your assets folder is where you will find your images, as well as all your CSS and JavaScript files. Normally, your preference might be to separate all these files based on type. Unfortunately, you cannot do this with Shopify create theme; all your assets have to be in a single folder.

Config

Creating Shopify themes is pretty easy, but you also have the chance to do some heavy customisation – which is when things can get tricky!

Config files are your friend; they allow you to change the way a website looks, from its colours to its fonts. All of this is found in the admin area.

Layouts

There is typically just one file in the layout folder – the layout.liquid file.

It can contain more, though.

Your layout file defines the outer skin of your page, which saves you the need to include the same file over and over again.

Snippets

These files contain piece of code that can be used again and have the .liquid file extension.

If you want to use the same piece of code in 2 or more templates, use snippets.

Templates

Templates are the files you will spend most of your time with as you create your Shopify theme. And to ensure that your theme actually works, you need to follow naming protocol. For example, the template displayed when looking at a product has to be called product.liquid.

What Is Liquid?

Ah, Liquid! The file extension .liquid will be rife in your folders. These are HTML files that have code embedded in them, which is created using two types of tags:

  • {{ }}
  • {% %}

They’re easy to spot!

Liquid allows you to control your output, and it also allows you to include Logic in your templates without any prior knowledge of back-end code. Fantastic!

You Cannot Define Images

In WordPress, you can define your image sizes. In Shopfiy, though, you cannot.

Instead, there are pre-defined sizes for each image you upload. You can use a specific size out of the options provided. It is recommended that you always use the pre-defined Shopify image sizes; if you do not, your image will be scaled down in the code.

You Cannot Add Custom Fields

With Shopify create theme, there are no extra fields on hand for additional info pages. To create galleries, example, you have to be extra creative and use things such as blog posts instead.

Your Blogs Will Be Limited

When you create a Shopify theme, you naturally might want to create a blog, either for yourself or for your client.

While you can create a blog with Shopify, you should know that you will be limited. For example, you can tag posts but the system is not hierarchical – it’s flat.

You can also specify an excerpt, but you cannot choose a featured image for your post.

Moreover, the sidebar is not particularly flexible so you will need to code the layout.

Get Creative!

Getting the best out of Shopify theme development just requires a bit of creativity. Be creative with your coding, and you could create the best Shopify theme ever. The e-commerce platform does have its limitations, but these are minor and can easily be overcome by a skilled theme developer.

Comments are closed.