How to Update Your Shopify Theme (without losing anything)

Рет қаралды 21,808

Күн бұрын

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? KZfaq 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 Жыл бұрын

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 Жыл бұрын

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 8 ай бұрын

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

@hamzahmd_ 11 ай бұрын

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

@lgb1570 2 ай бұрын

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 10 ай бұрын

Thanks. Helpful video.

@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 Жыл бұрын

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 4 ай бұрын

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

@EdCodes 4 ай бұрын

Awesome :) Thanks for the feedback!

@kingkingston39 Жыл бұрын

hey 🤠 i miss your videos keept it UP

@user-yh3hb8el8o 2 ай бұрын

Thanks alot bro

@user-fr7bd1jh1f 9 ай бұрын

u r the man

@IhorVyshniakov Ай бұрын

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

@EdCodes Ай бұрын

Thank you 😂. Glad it helped!

@crispizarros 25 күн бұрын

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

@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 Жыл бұрын

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 Жыл бұрын

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_ 11 ай бұрын

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

@jabbymehvash8113 Жыл бұрын

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

@rachaelannewalker 6 ай бұрын

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 4 ай бұрын

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 Жыл бұрын

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 Жыл бұрын

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 Жыл бұрын

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

@TheMiig1513 7 ай бұрын

Thanks, guess I'll wait another version or 2

@damon3431 11 ай бұрын

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 Жыл бұрын

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

@TheMiig1513 7 ай бұрын

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

@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 9 ай бұрын

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 Жыл бұрын

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 Жыл бұрын

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 Жыл бұрын

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 10 ай бұрын

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 Жыл бұрын

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 Жыл бұрын

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 21 күн бұрын

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

@user-yt2il9yy6k 5 ай бұрын

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

@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 Жыл бұрын

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 Жыл бұрын

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

@EdCodes Жыл бұрын

Learn HTML & CSS to a good level first. Check out my latest video - kzfaq.info/get/bejne/m8ucl6l4scmsqnU.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 Жыл бұрын

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

@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 Ай бұрын

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

@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 Ай бұрын

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

@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 Жыл бұрын

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 Жыл бұрын

@@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 Жыл бұрын

@@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 Жыл бұрын

@@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 9 ай бұрын

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 7 ай бұрын

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?