Code Shopify

tutorials

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

roadmap

Building a Store with React - Step 1

Using Shopify's new GraphQL API, the Storefront API, to make a store that is Shopify on the backend and entirely React on the front end - Step 1

read more

Adding Related Products to the Product Page with Vue.js

A big win for clients is having related or recommended products right on the product page. A big win for developers is being able to make the recommended products dynamic with the combo of Vue.js and metafields.

read more

Theme Customization - The Settings File

When creating a theme to sell, or even just one for a client, it's nice to be able to give the end user the ability to customize the store a little. Shopify offers a simple yet extensive way to do this with the settings_schema.json file.

read more

Theme Customization - Implementing Your Settings

In this post we will discuss how to access theme settings and integrate them while developing a custom theme

read more

Adding to cart with ajax

In this tutorial we'll be adding an ajax cart to create more seamless user experience for our Shopify store.

read more

Getting Started with Routing and Views for Your Embedded App

We will start by creating restful routes for our home views. To do so we will make use of Rails Resource Routing...

read more

Displaying Product Info In Your App With The Shopify API

If you have already set up some basic routing and views for your app you may be wondering how to populate your views with information form your store. Today we will go through the process of using the Shopify API to populate a single product page.

read more

Making API Calls from your Shopify Embedded App

If set up your app using the shopify_app gem you probably noticed that you can make use of the ShopifyApp active record resource and retrieve data...

read more

Making API Calls from your Shopify Embedded App - Displaying Product Images and Alt Text

Time to display data in the view of your private application ✨

read more
← Previous 1 3