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

Tips To Remember When Creating A Shopify Theme

creating a shopify theme

Image credit: artfulclub.com

One of the great things about the world wide web is that it’s a fantastic resource for tips and tricks on various things. There are a lot of helpful articles and guides on e-commerce platform Shopify, but one of the things that is distinctly lacking is a tips guide for creating a Shopify theme. Which is why we decided to create one just for you!

Tips to Help You Out When You’re Creating a Shopify Theme

Always Use Framework As A Starting Point

Shopify framework’s lay your theme’s foundation for you – so that you don’t have to. While this may sound incredibly lazy and uncreative, it saves you a heck of a lot of time and hassle. Think of the framework like the structure for a building; all you need to do is then take it on from there and get creative.

And it doesn’t matter what type of theme you’re looking to create because there is a Shopify theme framework out there for everyone.

Always NameSpace Your Assets

When you work on a project, your assets folder probably looks similar to the following:

  • css/
  • fonts/
  • images/

If you do that when creating a Shopify theme, your assets folder will be incredibly messy. It will look like this:

  • jpg
  • gif
  • jpg
  • css

In other words, not cool.

Your assets folder will expand as your theme expands, and it can easily get overwhelming. To retain a calm, peaceful mindset, we recommend that you always namespace your files.

Make Sure That Your SCSS and Templates Match

When you create a Shopify theme, it’s advisable that your templates and CSS match up. This is a simple way of doing things and will ensure peace of mind. Seriously, your theme development and maintenance will be so much smoother.

Use Your Styles Again For Checkout

You have zero control over your checkout’s markup. But this doesn’t mean that you don’t control the CSS. You do. Ergo, there will be default styles that you want to overwrite – and which you can overwrite. So overwrite them!

We recommend that you code re-use. Basically, always have a checkout stylesheet safely tucked away in your scss folder.

Always Batch Changes To Your Theme’s Setting

You’re creating a Shopify theme from scratch, so naturally you will want to customise lots of stuff. You will probably also want to tweak a few theme settings and offer a few more.

So, as you create your Shopify theme, you’ll set a few theme settings, test them out, change your defaults … and then notice your admin settings have gone. They’ve been wiped!

To avoid this horror, plan and set up your defaults FIRST. Also, backup your admin theme settings.

Comments are closed.