Using Shopify Textmate Bundle

Use this guide to edit your theme outside of Shopify.

Reminder

Vision software is unsupported by Shopify. We recommend using Meeech's Textmate Bundle.

This is a quick tutorial on how to install the Shopify Textmate Bundle by Meeech. You can download this bundle on github here. Windows users: The bundle is now e-texteditor compatible. Please see the Windows “readme” file.

  1. 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.

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

  3. 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 of our article to generate your API key.

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

  5. Select "Advanced" and then "Shell Variables".

  6. 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).

    #

  7. 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.

  8. 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.

Ready to put what you've learned into action?

Build an online store with Shopify Try it Free

Experience the future of retail now

Shopify Point of Sale Try it Free