Dylan Hunt Shopify Guides and Resources

This site is a collection of things I have struggled with while learning to code. I am by no means an experienced developer, and don't claim to be, but I want to document things I found difficult, and try to make them more simple for others. If anyone benefits from any of these guides my job here is done.

I started learning to code while working at Shopify and I have been practicing a ton while working on a number of projects.

I plan to blog about HTML, CSS, JS, and Ruby on Rails. If there are any guides you would like to see, please reach out on the About page.

Happy Coding!

- Dylan Hunt


by: Dylan Hunt | Published: April 02, 2018 17:54

Hey, it took me a lot of searching to determine how to do this and its actually really simple without additional JS libraries. If you add &muted=1 to the URL of the embedded video, then it will ensure it is fully muted. Here is an example code

Read More >>


by: Dylan Hunt | Published: March 07, 2018 15:59

Hey guys. I get asked to implement this a lot, so here is a simple bit of code that can be put in the theme.liquid at the bottom before or into the app.js or theme.js file to smooth scroll to anchor links on your site. Don't know what an anchor link is? An Anchor link is a link from one spot on the page to another, and normally it just jumps you to that spot, but smooth scrolling shows the user whether they are moving up or down, and is just a nicer experience. here is the code: If you are implementing this in the theme.liquid, add after. If you are putting it into the app or theme.js, paste it as is at the bottom.

Read More >>


by: Dylan Hunt | Published: November 10, 2017 16:03

Hey guys, This script will allow you to offer a free gift if the price is over a certain price. I set it up here to allow for 4 items to be chosen to be a free gift. This will come along with a bit of work to setup the frontend, but bundling to offer a free gift has been really popular on Shopify lately and I wanted to start the dialog here.


This will ensure that if your cart is over $75 and one of the 4 product id's marked with x's is in the cart it will be free.

Read More >>


by: Dylan Hunt | Published: July 07, 2017 16:01

Here is the code to show the inventory quantity of each product on a collection or product page, instead of just showing the first available variants. Note, this guide will only show if inventory is below 4.

Read More >>


by: Dylan Hunt | Published: February 15, 2017 15:14

I wanted to write a few scripts to help people get started with Shipping scripts. Let me know if you have any comments or want to see anything else for how these work.


1. Discounted Shipping if cart is over $X

2. Free shipping if the cart is over $X

3. Free shipping on rate based on the name of the rate

Read More >>


by: Dylan Hunt | Published: January 01, 2017 20:46

Just wanted to share this link with anyone that wants to get started with Digital Ocean. I use them for all of my hosting due to ease of use, simple interface and reliability. If anyone wants to get started here is a link that will give you a $10 credit upon signup which covers the first two months for a small droplet: Discount Link

Read More >>


Need help implementing any of these guides?

Contact Me