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:
If you do that when creating a Shopify theme, your assets folder will be incredibly messy. It will look like this:
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.