From Shopify Wiki

This is a quick tutorial on how to install the Shopify Textmate Bundle by Meeech. You can download this bundle on github.

(Windows users: The bundle is now e-texteditor compatible. Please see the Windows “readme” file.)

After downloading the source, you'll have to unzip and then edit the folder name by deleting everything after '.tmbundle'.

Renaming the folder will change the folder icon to the Textmate bundle icon.

Double click on this bundle folder and TextMate will open and prompt you to install it.

Now that the bundle is installed we'll need to generate an API key from the shop you want to edit. Login to your Shopify admin (or current project admin) and follow these steps:

Once clicked, you'll generate an API key and password:

Now we'll open TextMate and enter the API key, password, and shop URL as shell variables. Use CMD + ',' to open the TextMate preferences.

Select "Advanced" and then "Shell Variables".

Click the + icon and type "SHOPIFY_API_KEY" as the variable, and paste in your API key as the value. Click + again and enter "SHOPIFY_PASSWORD" and paste in the password. Lastly, click + and enter "SHOPIFY_STORE" and type in your myshopify URL (shopname.myshopify.com).

If you want to download your current theme, create a new folder in your OS where you'd like to store your project assets and other files, and create a new file inside of the folder. Open that project folder in TextMate and open the new file, then go to Bundles > Shopify > Download Full Theme. Your theme assets will download to your project folder.

All features from Meeech's TextMate bundle are located in the "Bundles" menu under "Shopify". You can customize the shortcuts by going into Bundles > Bundle Editor > Show Bundle Editor.

In order to use shortcuts while your editing .liquid files you must have the Liquid Textmate Bundle installed and then select HTML (Liquid) from the syntax highlighter:

You're all set! Now you can update your hosted theme assets within TextMate.

Working with Multiple Shops

( NOTE: Bundle now supports switching between multiple shops using a config file. The below instructions still work, but see the bundle readme for config file instructions. )

If you are a designer or developer with several clients on Shopify and need to switch between projects often, it's best to use project shell variables instead of global shell variables.

Open your project folder with Textmate and click the info icon to bring up the local project variables screen:

The variables themselves will be the same.

Enabling CSS syntax highlighting

You can easily do this by going to the Bundle Editor, select the Shopify Bundle and select the snippet like in this picture:

http://meeech.github.com/img/add_css_to_shortcut.png

then make the change to the scope selector, so it looks like in the pic. You are adding source.css to the scope selectors, which will make it take effect for css files. Insert non-formatted text here