Useful and important links for creating your first Shopify theme

Shopify Staff (Retired)
Shopify Staff (Retired)
5711 0 121

Let's move right along.

Tools!:

Shopify FD Dash Tool: I can't sing enough praises for this bookmarklet and extension. It is the swiss army knife for reaching metafields for everything within the admin. It's amazing. Rock on Jason. Please feel free to add something to his kitty for all the work and effort that went into this tool for everyone to benefit from.

Chrome extension here: http://shopify.freakdesign.com.au/#shopifyFD_chrome

Bookmarklet here: https://shopify.freakdesign.com.au/

Shopify theme tool: http://apps.shopify.com/desktop-theme-editor

Textmate Bundle: http://wiki.shopify.com/Shopify_Textmate_Bundle

Some great tutorials:

Shopify theme from scratch in the wiki: http://wiki.shopify.com/Theme_from_scratch

Great series of tutorials from our very own Tetsuro: http://www.tetchi.ca/shopify-theme-from-scratch/

A series of more advanced tutorials: http://wiki.shopify.com/Tutorials

Liquid Cheat Cheet: http://cheat.markdunkley.com/

Barebones themes that can help you get started:

Shopify's latest and greatest framework, Timber.

"Twigs" -> Add-ons for Timber. http://twigs.club/

Skeleton Theme By Caroline: 

Fork it! -> Repo here: https://github.com/Shopify/skeleton-theme

Foundation theme by Cam: 

https://theme-framework.myshopify.com

Fork it! -> Repo here: https://github.com/Cam/Shopify-Foundation-Theme

http://shopifyplus.com ::: http://twitter.com/bacchus
9 Likes
Shopify Partner
1 0 0

You should also include the link to this PDF for specific technical details that need to be thought out before submiting a design

http://themes.shopify.com/documents/Theme_Review.pdf

0 Likes
Shopify Expert
157 0 39

Nice set of links!

I created a theme built on Foundation Framework that I working on thorough documentation for, as a 'Shopify Theme Framework'. It may be useful to 'front end' coders. Especially those who use Foundation already.

http://foundation-theme.myshopify.com

 https://github.com/Cam/Shopify-Foundation-Theme

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 121

Great work Cam! I'll add these to the top post as well.

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

Awesome! I hope everyone finds it as useful as I do :)

Thanks Jamie.

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

Hi guys,

Along the lines of what Cam's posted for the Foundation framework, I have a product called "Bootstrap for Shopify", which provides a comprehensive, well-documented and easy to use set of templates based on the Bootstrap framework.

It's available at http://bootstrapforshopify.com.

It is a paid product, so if advertising it here is inappropriate I apologise! Users are able to get it for free if they set up an Affiliate Licence with me.

Author of http://gavinballard.com/mastering-shopify-themes/ and http://bootstrapforshopify.com.
1 Like
Shopify Staff (Retired)
Shopify Staff (Retired)
5711 0 121

Hi Shabayek, We have plans in the new year for a Windows compatible theme tool as well. It's something we are aware of and hope to produce.

http://shopifyplus.com ::: http://twitter.com/bacchus
1 Like
New Member
5 0 0

Awesome. Love the Foundation based shopify base theme. Wish I had known about this before I started on my current project. =)

0 Likes
Shopify Staff (Retired)
Shopify Staff (Retired)
5711 0 121

Yep! Check out the Skeleton theme as well there are many many many useful things to learn from that one as well. Keep any new resources coming. I'll add them to this thread.

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

Ahhhh... Comments like that make sharing resources very worthwhile :)

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