Find Every Code Change You’ve Made to Your Shopify Theme (Github intro for non-devs)
Key Takeaways
Shows how to find every code change made to a Shopify theme using GitHub Desktop
Original Description
Over the years, you’ve probably made small code edits to your Shopify theme — changing styling, adding custom sections, etc... But when it’s time to upgrade to a new theme, it’s easy to forget what exactly you changed, and what needs to be moved across to the new theme.
In this video, I’ll show you a simple way to find all your past theme edits using GitHub Desktop. This is an industry-standard tool that developers use to track the history of a project. The basics of it are not complicated.
The steps covered are roughly:
1. Download your original untouched theme, and your modified theme
2. Download Github Desktop
3. Create a folder to compare them
4. Paste in the original theme files, and make a commit.
5. Delete the original theme and paste in your custom theme.
6. You can now see all the differences between the original untouched theme and your modified theme. Filter out json to ignore any settings changes - focus on the liquid files to see actual code modifications.
📢 STAY UPDATED
Subscribe for more tips & tricks that I don't publish on Youtube:
https://ed.codes/newsletter
🙏 SUPPORT THE CHANNEL
Become a member - https://www.youtube.com/@EdCodes/join
🛠 CODE SHOP
Pre-built sections & blocks. Easy copy & paste to install.
https://ed.codes/shop
👍 MY FAVOURITE APPS & THEMES
All listed on my website - https://ed.codes/resources
📚 MY SHOPIFY CODING EBOOK
Learn HTML, CSS and Shopify Liquid from the beginning and specifically for Shopify.
https://ed.codes/shopify-coding-handbook
👨🏼💻 WHO AM I?
👋 My name is Eduard. I'm a web developer specializing in Shopify.
I want to help you with the tech side of your online business with simple and straight-to-the-point videos.
Visit my website: https://ed.codes
⏭ CHAPTERS
00:00 Intro
00:38 Install GitHub Desktop
01:16 Download a clean copy of your theme
04:32 Create a new repo
05:17 Add your original theme (github mini tutorial)
07:14 Paste in your modified theme
#Shopify #ShopifyThemes #Github
Watch on YouTube ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
Related Reads
📰
📰
📰
📰
Why Vanilla JS?
In the article below, I am sharing my story of building SaaS product in vanilla js and explaining why I decided to go with this approach.
https://guseyn.com/html/posts/why-vanilla-js.html
Dev.to · Guseyn Ismayylov
How to Create a Cursor Tail Using HTML, CSS, and JavaScript
Medium · JavaScript
I built a landing page with Three.js, vanilla JS, and zero frameworks — here's what I learned
Dev.to · Ayush Shekhar
Part 1: Why I Rarely Use useEffect Anymore (and what I use instead)
Dev.to · Alejandro
Chapters (6)
Intro
0:38
Install GitHub Desktop
1:16
Download a clean copy of your theme
4:32
Create a new repo
5:17
Add your original theme (github mini tutorial)
7:14
Paste in your modified theme
🎓
Tutor Explanation
DeepCamp AI