Useful and important links for creating your first Shopify theme

New Member
3 0 0

Awesome information!! I especially found the tutorials, both Wiki and Tetsuro. My brain is one of those in which, I must be shown in order to learn. That's not to say that I can't follow instructions, I just prefer to start with tutorials. 

Thanks for the great info!

0 Likes
Shopify Expert
158 0 39

Hi Everyone,

Just a quick FYI regarding the 'Foundation Shopify Theme Framework', I have moved the demo to https://theme-framework.myshopify.com and renamed the starter pack to 'Shopify Theme Framework' to avoid confusion with the other Shopify theme named 'Foundation'.

Happy coding,
Cam

Head fox at Elkfox | App and web, design and development | Digital commerce experts | https://elkfox.com
0 Likes
Shopify Staff (Retired)
Shopify Staff (Retired)
5711 0 122

Thanks Cam, updated the link.

http://shopifyplus.com ::: http://twitter.com/bacchus
0 Likes
Shopify Expert
158 0 39

Thanks Jamie :)

PS. The repo is now at https://github.com/Cam/Shopify-Theme-Framework (but redirects there form the old page also)

Head fox at Elkfox | App and web, design and development | Digital commerce experts | https://elkfox.com
0 Likes
Shopify Partner
44 0 12

Speaking of frameworks, take a look at Shopify's latest and greatest framework, Timber.

Timber gives you the required templates, liquid tags, a great grid and starter CSS framework that combine to provide a great starting point for designers and developers alike. Unlike many CSS frameworks out there, you won't have to remove a lot of markup or classes before you start. Timber is build with developers in mind, so you get a strong foundation with unlimited flexibility.

1 Like
Shopify Partner
33 0 6

Really nice to put this list together.

I think it is worth pointing out the gotchas for developers as well, articles like this can prepare you:

http://www.joshuawinn.com/shopifys-limitations-and-weaknesses-in-theme-development/

Windows ruby gem for editing files locally:

https://github.com/Shopify/shopify_theme

I ♥ Shopify & Best practice development
0 Likes
Highlighted
Shopify Expert
158 0 39

Hi Loque,

I have to say, I completely disagree, personally. That first link you posted is to an article where the author has completely misunderstood a lot of the basics of working with Liquid and Shopify. It isn't an accurate or useful article at all IMHO.

Cam

Head fox at Elkfox | App and web, design and development | Digital commerce experts | https://elkfox.com
0 Likes
Shopify Partner
33 0 6

Fair point, I disagree, he outlines things like:

  • You cannot modify the checkout page markup (which is no bad thing but is not explained, normally discovered on your first theme build)
  • You cannot do local development, or setup a local instance of your shop. (You can modify files and have them uploaded on save, I'll let readers make their mind up on that)
  • You cannot add sub directories to the assets folder (aka, be organised with your assets)
  • The offline tools are severely limited and the best options are using something like Guard if you want to do modern SASS / JS development. http://www.ecommercednd.com/en/2013/11/30/develop-shopify-themes-faster-with-guard/ (which requires the FE developer to get used to ruby, gems, etc...)
  • And many more, I don't have time to point all the gotchas out, but I realised my attitude was wrong yesterday and I should turn my frustrations to try and help others who will run into the problems on behalf of shopify (or should I, I don't know, anyway, I like helping people, not companies who see flaws in their system but do not make them clear to people picking the system up from the start, clearly I could talk about this for ages, I want to love shopify, but with all the pros and cons, I am left in the middle... it is okay)

Sure, as a basic user, anyone can use the online editor, but if you are a developer, and have worked on real world projects before, these gotchas can have a very large impact on what you do. 

I apologise for how upset it makes me, and want to say a massive respect to all of those people who have invested time helping others with Shopify (especially those who do it for no financial gain), you are very very kind.

I ♥ Shopify & Best practice development
0 Likes
Shopify Expert
158 0 39

Hi Loque,

I can definitely understand your frustrations. Honestly though, if you stick with it, you will find that most of your points are actually null and void. The key with working with Shopify is to remember the old adage that has become super-important again in the last few years... simplicity is key (sometimes called 'Keep It Stupid Simple').

As you have noticed, the community is very supportive, and will definitely help you in understanding how to work with theme development in a way that is efficient and powerful.

As someone who has been working with web design since before most people new what the web even was, I can definitely say that working with Shopify can be an excellent workflow, once you discover a few little tricks, and adjust your way of thinking a little bit.

You kind of need to think outside the circle... don't just assume that you can work with it 'inside the box'. From my point of view, too many developers assume that everything should work the same way. With that approach, we would never see real innovation.

Kindest regards,
Cam
Elkfox

Head fox at Elkfox | App and web, design and development | Digital commerce experts | https://elkfox.com
0 Likes
Explorer
66 0 26

Just to throw my two cents in the ring - I kinda saw the article as a list of "gotchas" for first-time theme or app developers rather than a negative attack on the Shopify platform, and I think that with that frame of reference it's actually pretty accurate! I love Shopify - think it's the best eCommerce platform out there bar none - but there's always things that can be done to make things easier for people. If a first-time developer finds these things frustrating, then I think it's worth thinking about how they can be improved, even if established workarounds exist (it's also worth noting that the article is pretty old; a *lot* of the grievances have been addressed by now).

Like Loque, would also like to add my appreciation for everyone who contributes to the Shopify ecosystem, both paid and unpaid - have to agree with Cam that the community is always very supportive! 

Author of http://gavinballard.com/mastering-shopify-themes/ and http://bootstrapforshopify.com.
0 Likes