Find Every Code Change You’ve Made to Your Shopify Theme (Github intro for non-devs)

Ed Codes - Shopify DIY Tutorials · Beginner ·🌐 Frontend Engineering ·9mo ago

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
Learn why choosing Vanilla JS can be a great approach for building SaaS products and how it can simplify development
Dev.to · Guseyn Ismayylov
📰
How to Create a Cursor Tail Using HTML, CSS, and JavaScript
Learn to create a colorful cursor tail using HTML, CSS, and JavaScript for a unique user interface effect
Medium · JavaScript
📰
I built a landing page with Three.js, vanilla JS, and zero frameworks — here's what I learned
Learn how to build a landing page with Three.js and vanilla JS without relying on frameworks, and discover the key takeaways from this project
Dev.to · Ayush Shekhar
📰
Part 1: Why I Rarely Use useEffect Anymore (and what I use instead)
Learn why useEffect is not always the best choice in React and discover alternative solutions
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
Up next
How To Build A Twitter Clone - React Next JS - Appwrite Crash Course
Adrian Twarog
Watch →