Code Shopify

Hey Everyone!

🎒 I'd like to introduce Design Packs 🎒

I've created a Shopify app that let's you add Sections and Templates to your existing theme!

It's free to install and you can browse the "Packs" and purchase them (one time fee) to add to any theme in your shop. We've created packs for function and style. For example you could add a logo list to your homepage, or a pie chart. We've also created banners that only show up for certain locations or at certain times. Once added to your theme, you can customize them through the normal theme customizer to fit the styles of your store.

We're always in the market for new ideas, so if there's something you're looking for let us know! info@codescouts.ca

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.

Difference between img_url, asset_url, and file_url

When and how to use each url helper for grabbing images and assets in Shopify

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!

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.

The easy way to do the Shopify Storefront API (graphql with fetch)

Using JS Fetch to make a call to the Shopify Storefront API to get product data

"Shop the look" with Shopify sections and jQuery

In this tutorial we'll create a "Shop the Look" section using blocks and a little jQuery

What's new with Section Types (and quick ref)

Building a Store with React - Step 2

In this tutorial we are going to set up products with their available options. This will allow shoppers to select the product configuration they want. One step closer to adding products to the cart 🙌

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