Code Shopify

Hey Everyone!

🎉 We've created 2 new video tutorial series

One is about integrating React directly into your Shopify theme.

The other is about creating a full Shopify app with Polaris React components.

Check them out here

Hi Folks

With a lot of us practicing social distancing and self-quarantine we wanted to put out our video courses for free. For us, learning something new can provide a bit of respite from a racing mind. If this is true for you too, please dive in!

If you feel you can afford to, please consider donating any portion of the cost of this course to a local charity or purchase a gift certificate to a small business. A lot of folks will feel both the physical and financial burden of this pandemic and seemingly small contributions when multiplied go a long way.

Setting Up a Shopify Theme in a Development Store

So you wanna develop a Shopify theme. But where do you start? This tutorial will get you set up with a starter theme and and a basic understanding of how to start developing it.

Shopify Development Flow - Theme Gem

Getting a good development flow going on for Shopify will make the development process that much more enjoyable.

How to add multiple products with an AJAX cart

In this tutorial we're going to show you how to add a 'Buy this collection button', adding all collection items to the cart, with AJAX.

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.

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