How to Update Your Shopify Theme (without losing anything)
Vložit
- čas přidán 23. 07. 2024
- If you’re confused about updating your Shopify theme, don’t worry, it's not just you.
If you’re lucky you will see the blue dot and automatic updates are available for your theme.
But it can be complicated in these common situations:
1. You made code changes to your theme.
2. You installed your theme from a third party, not from the Shopify theme store.
But don't worry, there is a process you can follow that makes updating your theme a lot easier.
🔗 LINKS
Blog post: ed.codes/blog/how-to-update-y...
📢 STAY UPDATED
Want to see my latest tips, tutorials, and code add-ons? CZcams won’t always show you. Subscribe to get emails directly from me: ed.codes/newsletter
👨🏼💻 WHO AM I?
Hey! My name is Eduard.
I teach the tech side of starting and running a Shopify store.
I'm a professional web developer, but my goal is to make Shopify easy with simple and straight-to-the-point videos.
Visit my website: ed.codes
Join "Shopify DIY" on Discord
Chat with me and other store owners and developers:
/ discord
🛠 CODE SHOP
edcodes.gumroad.com/
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
Pagefly (Page Builder): pagefly.link/vASPAeBp
Design Packs (add new sections): platform.shoffi.app/r/rl_gyOD...
Themes by Out Of The Sandbox: outofthesandbox.com/?rfsn=594...
Some of these are affiliate links. If you ever upgrade to a paid plan, you will also be supporting this channel at no extra cost. Win-win!
⏭ CHAPTERS
00:00 Intro
00:28 Should you update?
02:19 Automatic updates
05:28 Theme updater app
06:24 Moving settings with json files
14:44 Moving code changes
16:00 Finding code changes
18:53 Moving code
20:25 What about app code?
22:24 Moving code
23:57 Summary
#Shopify #ShopifyThemes #ShopifyUpdates
Hey! 👋If you like this video you should check out my book: ed.codes/shopify-coding-handbook. It's for total beginners and teaches you to edit HTML, CSS and Liquid in a way that will keep your theme updateable!
Superb video.
I'm sick and tired of searching for ways to do things in Shopify only to find a million videos on youtube that don't explain anything or Shopify developer pages full of snide comments aimed at belittling someone for not knowing how to do it and then going on to say if you buy this or subscribe to that then we'll tell you how to do it.
Your video spelled out exactly how to find any changes I've made and exactly how to copy them over to the updated theme, the exact 2 things I was looking for.
Thank you for the great tutorials! Your videos are helping a lot with setting up my own store on Shopify. I also appreciate you explaining very well how the code behind Shopify works. For myself, I have found it efficient to have comments in the liquid and CSS files that explicitly show the custom code.
Excellent tutorial, calming voice, comprehensive. You covered two things other videos didn't mention which is checking how all the pages look before saving/ publishing and comments under their vods had lost content! Also I like that you showed how to find edits in coding, explained json, amongst other issues. Will like and subscribe!!
Thanks again Ed. Perfectly visualized. Great tool!
You are providing a lot of value, you gained another follower 😊
Great tutorial on the new Shopify theme update! The video was informative and easy to follow, and I appreciated the step-by-step walkthrough of the new features and changes. Your clear explanations and visuals made it easy for me to understand how to navigate the updated theme and take advantage of the new functionalities. Thank you for taking the time to create such a helpful resource for the Shopify community!
You are welcome! Thanks for the detailed reply. I'm glad the video was easy to follow for you because its not an easy topic.
That's the most practical guide on Updating any Shopify theme.
Very comprehensive video. This answered all my questions. Thank you for a great tutorial.😀
Awesome :) Thanks for the feedback!
Thanks. Helpful video.
hey 🤠 i miss your videos keept it UP
It's a brilliant 💎, not a video)
Thank you very much!!! I've successfully upgraded my first theme by this tutorial 💥🤘
Thank you 😂. Glad it helped!
Thank you for this! For updating the theme with a custom section, would the theme customizer recognize custom sections once the liquid file was created in the new updated theme? Or would those sections have to be reconfigured in the customizer?
Thanks for another great video! Very helpful and appreciated! Do you have any suggestions for updating the "default theme content" - the default text of a theme? All I can find in the Shopify help docs is that it must be done manually. However, with so many fields to go through, it's rather daunting. Thanks for any suggestions you can offer! =)
Thanks alot bro
Hi Ed, your tutorials are invaluable, thanks so much! Is there any way to hack sale labels? When I put a collection on sale, the product/collection does not show a sale at all, the sale info only shows up at the cart. Does shopify expect us to put each product on sale individually? Any advice for this would be helpful thanks :)
Awesome video, thanks Ed. This is one of the downsides with having a ton of custom code on your Shopify page. On one of my projects we have over a year of devs creating custom code, so we are basically stuck on a 2 year old theme unless we do a major overhaul, which seems scary/risky. So the other option I have is to try and bring over new theme files/sections to an old oder theme, but this can come with a lot of variables that make things difficult. Some sections have about 5 complex files connected to them, with JavaScript that takes time to decipher, so making things work can be time consuming.
Yeah it is very scary to update highly customized themes... In your case I would still prefer to update to the newer theme even if it takes a major overhaul. It is a chance to clean everything up and improve documentation, and next time try to keep everything contained in separate section files and snippets if possible so that future updates will be easier.
If you do the other way around (bringing new stuff to older theme), that just takes you further down the rabbit hole, making the theme even more custom and messy. Good luck either way, thanks for commenting!
That's why it is important when updating just CSS, to use the CSS code customization offered in each section or the general code customization in theme settings.
In that way, you'll not have to worry about updating your theme.
Hi Bud, First i have to say i just love your tutorials :)
I have a very important question to ask you. I've been searching for this for days but can't find it.
Shopify free themes use too many H2 tags. For example, the "Item added to card" notification is encoded with the H2 tag. Or the language option button in 2.0 stores is coded with H2 Tag.
Should we leave them as is for a better SEO or should we replace H2 tags with , or . I am aware that it is a small problem, but unfortunately I am not as knowledgeable on this subject as you. I hope you can guide me correctly.
Best Luck :)
u r the man
Hi, please how to add content slides in under collapsible tabs.. Thanks
I'm working on updating my Dawn Theme (since I haven't since 2.0 and we're now on 10.0) On my backup or test page i've updated the theme and am making adjustments but I can't figure out how to get the product pages to show my text. My text looks very faded almost greyed out and white. The homepage looks fine. Any suggestions on how to get my text to show as black like my current live website?
Thanks for the video! Would I need to re-install google tags + tracking into the theme file or do they copy over?
I'm wondering this as well. Does anyone know?
I was so excited to use this to update my theme but I got stuck at the index.json section :( with an error message saying Section type 'rich-text-bottom' does not refer to an existing file and same thing with my cart.jason file it says Section type bottom-bracelet-rich does not refer to an existing section file. what is the reason for this. I have had some custom coding done by developers which I'd like to figure out myself if at all possible. I have a very old version 4.0 of Dawn theme and really keen to update it so I can use the new features. Hope you can help on this. thank you :)
I think the reason behind 12:00 is the difference in block settings on both theme versions.
What do you think the free best theme is? I like debut, but I see you are using dawn.
This is great! Thank you for your explanation. Is it possible to download the entire theme and make a local diff to all files, so i can see all changes in my local git repo?
Yes, if you know how to use Git then you should do almost everything locally. This tutorial was more targeted at people with no Git or development experience.
Absolute life saviour. A shitty app messed with my theme and I couldnt update it!!
ED thank you for the most useful videos teaching metafield, metaobject, etc… things i desperately needed but didn’t even know i needed them to fix my store. Can you pls make a video on how to delete Tag permanently from the backend. I have multple similar tags (e.g. vegan, vegans, vegan customer) and it confuses me and my staff tremendously for tagging to segment. Don’t know how to do that…
When you delete a tag from every product, it disappears permanently. If a tag is still hanging around in the suggestions that means some product must still have it applied.
Hi, I got this message going from Studio 4.0 to 11.0
"To preview your changes, color schemes must be defined in settings_data and settings_schema files." I have no clue what to do with that, could you help please?
sorry :) also another problem that I would love to have solved is Aggregate Rating Schema. Is there a way to keep google happy without adding another app? Thank you!
Hey Ed here’s a video idea how to embed acuity scheduling in your shopify page so you acuity booking calendar is seamless and all happening directly on your page instead of redirecting you via the link
index.json file is not showing into old shopify theme
How can I find it and replace it?
Hi Ed, thank you for this phenomenal video! We have lots of custom code from your videos and others. When I look into our code, there are no blue dots next to the files so I cannot see in which files we made changes… therefore I cannot see the history in the drop-down either 😮 is there a fix to this? Or am I missing something?
Really? That's strange. Are you using Chrome? Did you make the changes in the Shopify code editor or was it a developer doing it from their computer?
@@EdCodes thank you for your Feedback! It is really weird as when I look at the current code from the LIVE store the blue dots are showing but when I look at a backup of the LIVE store they don’t show. And yes, we are using Chrome ☺️
@@danielcalhoun6766 Backup of the live store? So it's a totally different store and you imported the theme with the changes already made? Then yes, that second store will not have tracked any of those changes, it has no knowledge of the history of that theme.
@@EdCodes No so we have the Dawn Theme and we customized it over the last year or so. Every time we published the draft we made a duplicate (backup) from the LIVE store. Then while the LIVE store was open for customers I duplicated it again to make changes. Once these changes were working I published the draft again and made a duplicate (backup) of it ☺️ I hope this makes sense. So we never imported anything to Shopify we are just working in the duplicates
Ed, I have been using Git to track code changes. The problem I face is "Updates are not supported for uploaded themes
If you want to take advantage of theme updates, you need to install a theme from the Theme Store".
In this case, how do I go about updating the theme?
Manually.That's one of the situations I described that won't let you update automatically - 03:40. You need to download the latest copy of your theme from wherever you got it,,and then either follow the video (copy json, then manually copy code changes), or do a merge through Git if you are a confident user.
but the updated theme says "You can publish this theme after buying it.
Preview
Remove"
No option for edit code?
This should work if you're setting up a new domain with a new store for a different market for the same brand, right? I don't intend to copy the products as I'll be working with a different supplier but I want to copy all the theme settings n pages.
Very helpful a thoroughly presented tutorial.. thank you so much! :)
A separate store? I think you don't need to do that in 2024 since we now have Shopify markets built-in...
@@EdCodes You're right. But the market I intend to sell in (India) requires a different payment processing set up, a local fulfillment partner, different pricing etc. Hence a new store with a new domain, starting everything from ground up.
@@EdCodes Also, just found out the download option for a theme. 🤦♀
Hey brother, Thanks for everything. Which are the recommended way to learn about shopify coding from 0?? Any suggestions? 😮
Learn HTML & CSS to a good level first. Check out my latest video - czcams.com/video/eeldFGLcHzA/video.html. Learn to build common layouts, maybe copy some websites for practice. Not on Shopify, just on your computer or codepen.io. Then Liquid will be easy to pick up, but HTML and especially CSS is like 80% of the work/knowledge that you need.
@@EdCodes
Hello again,
Thanks brother, I'll definitely. Your videos are amazing & Very informative. Keep it up!.
Thanks, guess I'll wait another version or 2
I haven't updated in a year. Are you sure I won't be bullied into this at some point? new theme looks wack and I don't want to lose my coding that I don't even remember how I did in the first place
The index.Jason second step did not work on my end it came up with an error, trying to figure out from what you showed it was showing the extra things that we're not supposed to be there, tried deleting them but it still didn't work?