news

Choosing an editor

Robert Haugen

Choosing an editor

The next step to working on a Shopify theme is to choose an editor.

Edit HTML/CSS page

Template editor

The Edit HTML/CSS page can be accessed through the Themes page of your Shopify Admin. It allows you to see all of your theme templates and assets, and directly make changes to them.

Desktop Theme Editor

Desktop editor

If you are a Mac OS X user, the Shopify Desktop Theme Editor app is great tool for working on themes. It lets you sync your local theme files with your live Shopify store's theme. This means you can use any code editor (Sublime, TextMate, etc.) to modify Shopify theme assets and they will automatically be uploaded to your store.

You can download the Desktop Theme Editor through the Shopify App Store.

Theme gem

Theme gem

The Theme gem is a console tool that allows you to sync local theme files with your live Shopify store's theme. The gem runs in a console window and watches for any changes you make to the local copy of a theme. You can use the text editor of your choice.

You can download the gem here.

TextMate bundle

Textmate plugin

If you use the TextMate text editor, the TextMate bundle allows you to sync your local theme files with your live shop's theme directly from TextMate.

You can download the bundle here.


Leave a Comment