Code Shopify

tutorials

Shopify App and Theme Development tutorials for those who are familiar with code and want to dive into Shopify.

roadmap

Updating Products with Ajax and Handlebars

In this post we are going to go over how you can implement filtering using Ajax. We will filter on product tags, but the same principles can apply to different criteria.

New Features for the Shopify img_url filter

Arguably one of the most important aspects of any Shopify store is the product photography. Having the best images you can for your product is a great way to market a product. That's why it's really exciting that Shopify has added new options for the img_url filter!

Building Arrays with Liquid in Shopify

Storing data coming in from your Shopify store in your template can help with optimization. You may also want to store values so that you can manipulate and re-use them later. Whatever the use case may be, the ability to store information in an array using liquid is a good arsenal to have in your Shopify Dev Toolkit.

Local Theme Development with Themekit

Shopify has a wonderful solution whether you are just starting or looking to optimize your development flow to allow you to develop locally with ease: enter Theme Kit 🙌

Shopify Sections : The What, Where, When, and How

If you have played around with metafield editor extensions, explored shortcodes, and created content editing Shopify apps you may be a part of a group wondering - how can you give the shop owner more control over shop customization and still maintain an intuitive admin system. We've got one word for you: Sections.

The Javascript SDK Part 1: Displaying Products on an External Site

include your product on other sites (maybe you run a blog and want to have a featured product purchaseable from a sidebar) or do not need a full-blown shop right away. This is where the Shopify Javascript SDK comes in.

Using Gulp For Sass Compilation - Allows for Sass Partials with Liquid Tags 🙌

We are going to be using gulp to do a couple of different things: compile our scss, autoprefix any properties that need it, rename our compiled scss file to styles.scss.liquid, and allow for addition of Liquid tags in our partials

Shopify Development Flow - SASS, Compass, and Liquid

Now that you’re all set up to code Shopify you may be happy to know that you can write in scss and there’s a precompiler already built in! You may be sad to find out that Shopify only supports having 1 scss file (styles.scss) and that you can’t take advantage of breaking your code out into partials for organization. This is where compass comes in to save the day.

Switching from Themekit to Slate

Things at Shopify are always developing quickly and one of the latest developments is a command line tool to help theme developers develop quickly as well (😉), Slate.

← Previous 1 2 3 4 Next →

Hey Everyone!