How to Update Your Shopify Theme (without losing anything)

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? KZread 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

Пікірлер: 56

  • @EdCodes
    @EdCodes Жыл бұрын

    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!

  • @AlanRebane
    @AlanRebane Жыл бұрын

    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.

  • @ThatsCem
    @ThatsCem8 ай бұрын

    You are providing a lot of value, you gained another follower 😊

  • @hamzahmd_
    @hamzahmd_11 ай бұрын

    That's the most practical guide on Updating any Shopify theme.

  • @lgb1570
    @lgb15702 ай бұрын

    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!!

  • @stijnalberts922
    @stijnalberts92210 ай бұрын

    Thanks. Helpful video.

  • @Israrkhan-pi5ux
    @Israrkhan-pi5ux Жыл бұрын

    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!

  • @EdCodes

    @EdCodes

    Жыл бұрын

    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.

  • @MarleneVenter-oz4pl
    @MarleneVenter-oz4pl4 ай бұрын

    Very comprehensive video. This answered all my questions. Thank you for a great tutorial.😀

  • @EdCodes

    @EdCodes

    4 ай бұрын

    Awesome :) Thanks for the feedback!

  • @kingkingston39
    @kingkingston39 Жыл бұрын

    hey 🤠 i miss your videos keept it UP

  • @user-yh3hb8el8o
    @user-yh3hb8el8o2 ай бұрын

    Thanks alot bro

  • @user-fr7bd1jh1f
    @user-fr7bd1jh1f9 ай бұрын

    u r the man

  • @IhorVyshniakov
    @IhorVyshniakovАй бұрын

    It's a brilliant 💎, not a video) Thank you very much!!! I've successfully upgraded my first theme by this tutorial 💥🤘

  • @EdCodes

    @EdCodes

    Ай бұрын

    Thank you 😂. Glad it helped!

  • @crispizarros
    @crispizarros25 күн бұрын

    Absolute life saviour. A shitty app messed with my theme and I couldnt update it!!

  • @Human_Evolution-
    @Human_Evolution- Жыл бұрын

    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.

  • @EdCodes

    @EdCodes

    Жыл бұрын

    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!

  • @bill.a.ll.b

    @bill.a.ll.b

    Жыл бұрын

    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.

  • @hamzahmd_
    @hamzahmd_11 ай бұрын

    I think the reason behind 12:00 is the difference in block settings on both theme versions.

  • @jabbymehvash8113
    @jabbymehvash8113 Жыл бұрын

    Hi, please how to add content slides in under collapsible tabs.. Thanks

  • @rachaelannewalker
    @rachaelannewalker6 ай бұрын

    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?

  • @2BooQui
    @2BooQui4 ай бұрын

    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! =)

  • @nzjewellers492
    @nzjewellers492 Жыл бұрын

    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 :)

  • @emrekamis6593
    @emrekamis6593 Жыл бұрын

    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 :)

  • @ForestOriginsLLC
    @ForestOriginsLLC Жыл бұрын

    What do you think the free best theme is? I like debut, but I see you are using dawn.

  • @TheMiig1513
    @TheMiig15137 ай бұрын

    Thanks, guess I'll wait another version or 2

  • @damon3431
    @damon343111 ай бұрын

    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?

  • @ourguiltypleasures
    @ourguiltypleasures Жыл бұрын

    Thanks for the video! Would I need to re-install google tags + tracking into the theme file or do they copy over?

  • @TheMiig1513

    @TheMiig1513

    7 ай бұрын

    I'm wondering this as well. Does anyone know?

  • @Akinolashes
    @Akinolashes Жыл бұрын

    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

  • @EliBartEliBart
    @EliBartEliBart9 ай бұрын

    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?

  • @sasha-rigel
    @sasha-rigel Жыл бұрын

    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?

  • @EdCodes

    @EdCodes

    Жыл бұрын

    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.

  • @nzjewellers492
    @nzjewellers492 Жыл бұрын

    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!

  • @TheCANDICEMB
    @TheCANDICEMB10 ай бұрын

    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 :)

  • @UmamiFoodStudio
    @UmamiFoodStudio Жыл бұрын

    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…

  • @EdCodes

    @EdCodes

    Жыл бұрын

    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.

  • @WriterKhang
    @WriterKhang20 күн бұрын

    index.json file is not showing into old shopify theme How can I find it and replace it?

  • @user-yt2il9yy6k
    @user-yt2il9yy6k5 ай бұрын

    but the updated theme says "You can publish this theme after buying it. Preview Remove" No option for edit code?

  • @user-bp7ny1no8g
    @user-bp7ny1no8g Жыл бұрын

    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?

  • @EdCodes

    @EdCodes

    Жыл бұрын

    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.

  • @beingonline437
    @beingonline437 Жыл бұрын

    Hey brother, Thanks for everything. Which are the recommended way to learn about shopify coding from 0?? Any suggestions? 😮

  • @EdCodes

    @EdCodes

    Жыл бұрын

    Learn HTML & CSS to a good level first. Check out my latest video - kzread.info/dash/bejne/l5mgxqiAfMauqqQ.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.

  • @beingonline437

    @beingonline437

    Жыл бұрын

    @@EdCodes Hello again, Thanks brother, I'll definitely. Your videos are amazing & Very informative. Keep it up!.

  • @goldenspiraldesigns1391
    @goldenspiraldesigns1391Ай бұрын

    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! :)

  • @EdCodes

    @EdCodes

    Ай бұрын

    A separate store? I think you don't need to do that in 2024 since we now have Shopify markets built-in...

  • @goldenspiraldesigns1391

    @goldenspiraldesigns1391

    Ай бұрын

    @@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.

  • @goldenspiraldesigns1391

    @goldenspiraldesigns1391

    Ай бұрын

    @@EdCodes Also, just found out the download option for a theme. 🤦‍♀

  • @danielcalhoun6766
    @danielcalhoun6766 Жыл бұрын

    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?

  • @EdCodes

    @EdCodes

    Жыл бұрын

    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?

  • @danielcalhoun6766

    @danielcalhoun6766

    Жыл бұрын

    @@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 ☺️

  • @EdCodes

    @EdCodes

    Жыл бұрын

    @@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.

  • @danielcalhoun6766

    @danielcalhoun6766

    Жыл бұрын

    @@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

  • @JaguarPriest
    @JaguarPriest9 ай бұрын

    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

  • @dalevandenheuvel3927
    @dalevandenheuvel39277 ай бұрын

    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?