How to Edit Shopify Code So It’s Easy to Update Your Theme Later

How to safely customize your Shopify theme and keep it update-friendly. Professional developers have tools like Git that can track code changes, and make it easier to move customizations to an updated theme. However, these tools are difficult to use and usually not worth learning for the casual coder - store owners or designers who just want to modify their theme. Instead, you can try to keep your code changes separate from the theme code. 1. Keep your code in theme settings 2. Create separate files for your CSS and JS 3. Use Snippets 4. Use smart file naming 5. Use CSS when possible to avoid HTML changes 6. Write good comments 👉 RELATED VIDEOS 1. Updating your theme: https://youtu.be/B7iDy-6TEzk 2. Shopify Coding 101: https://youtu.be/5z2D7dLmhfk 📢 STAY UPDATED Subscribe to my newsletter: https://ed.codes/newsletter Youtube won’t always show you my latest videos, subscribe to be notified and see other content that I don't post on Youtube. 🙏 SUPPORT THE CHANNEL Become a member - https://www.youtube.com/channel/UCfk-c_Vx8Wo5Zu5dH96Yw0w/join 🛠 CODE SHOP https://ed.codes/shop Pre-built sections & features for Shopify 2.0 themes, often replacing the need for apps. Copy and paste the code into your theme. 👍 MY FAVOURITE APPS & THEMES All listed on my website - https://ed.codes/tools 📚 MY SHOPIFY CODING EBOOK https://ed.codes/shopify-coding-handbook Learn HTML, CSS and Shopify Liquid from the beginning and specifically for Shopify. 👨🏼‍💻 WHO AM I? 👋 My name is Eduard. I'm a web developer specializing in Shopify & Webflow. 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 The Problem 01:51 Keep it in theme settings 04:05 Create separate files for your CSS and JS 08:31 Use Snippets (intro to snippets) 12:15 Liquid error - could not find... 13:14 Prefix file names 14:56 Real example using snippets 16:53 Avoid HTML changes 18:52 Wr