Shopify CLI 3.0 - Migration Guide
5:12
Ghost Theme Development (Overview)
11:00
Пікірлер
@IgorGalchenko
@IgorGalchenko 5 сағат бұрын
Thank you! 🙂
@IgorGalchenko
@IgorGalchenko 6 сағат бұрын
Thank you, Chris 🙂
@IgorGalchenko
@IgorGalchenko Күн бұрын
Thank you 🙂
@faiqyaseen
@faiqyaseen 7 күн бұрын
thanks
@ocontis_studio
@ocontis_studio 8 күн бұрын
Thank you for mentioning me @ 8:28 🙌 I'm glad you find my posts useful and cheers for sharing the love forward
@ChristheFreelancer
@ChristheFreelancer 7 күн бұрын
No problem! thanks for tuning in :)
@JP-420
@JP-420 12 күн бұрын
I develop for a living and this was my most anticipated update for shopify, so far it has certainly not disappointed.
@arshadaboo1798
@arshadaboo1798 15 күн бұрын
Is it possible to add dynamic content to an app theme extension? For example from the action function of your remix component?
@JashApurvaJobalia
@JashApurvaJobalia 16 күн бұрын
how can you access data in ur backend through the frontend embed code?
@waqarsheikh07
@waqarsheikh07 27 күн бұрын
Can we render the section on variant change using section rendering API currently using in dawn theme?
@bigAndSmallRabbit
@bigAndSmallRabbit 27 күн бұрын
Possible
@CodewithChristheFreelancer
@CodewithChristheFreelancer 27 күн бұрын
ah yes. Good idea! I don't know if it makes sense to re-render the whole section each time a new selection is made. I think Javascript would be faster. Pros and cons to each approach though
@waqarsheikh07
@waqarsheikh07 25 күн бұрын
​@@CodewithChristheFreelancer As my mentor, you know best because I have learned many things from you. But we can fetch new HTML using the section rendering API and re-render only the variant parts instead of the whole section
@seankennedy7970
@seankennedy7970 28 күн бұрын
When I saw it announced in the winter editions I ran to the theme store expecting an updated version of Dawn… really odd they haven't updated it… there's usually a new Dawn with every editions… Anyway I had a fun morning updating my base theme to support these…
@CodewithChristheFreelancer
@CodewithChristheFreelancer 27 күн бұрын
Yeah. Surprising isn't it!
@PawelSiemieniuk
@PawelSiemieniuk 28 күн бұрын
Looks like a whole new level of flexibility for merchants, especially when it comes to A/B testing. Great update!
@CodewithChristheFreelancer
@CodewithChristheFreelancer 27 күн бұрын
HUGE update. Will definitely get some use out of this.
@AustinDoesDesign
@AustinDoesDesign 28 күн бұрын
Idk why, i feel like you're bad at programming.
@bigAndSmallRabbit
@bigAndSmallRabbit 28 күн бұрын
no, Chris is good at it
@AustinDoesDesign
@AustinDoesDesign 28 күн бұрын
@ didn’t even put the blocks into a parent div and give it a class for a flexbox. His intuition isn’t there as a developer.
@CodewithChristheFreelancer
@CodewithChristheFreelancer 27 күн бұрын
Lol. I know how to use CSS, I just decided not to waste time on it for the demo.
@SeanOrfila
@SeanOrfila 29 күн бұрын
Have you noticed that you can’t mix section blocks with theme blocks?
@CodewithChristheFreelancer
@CodewithChristheFreelancer 28 күн бұрын
Yikes! No I didn't. That's quite silly isn't it!
@SeanOrfila
@SeanOrfila 28 күн бұрын
@ yes seems to be the case, for now at least… it’s either all theme blocks or all section blocks but not really possible for now to mix and match.
@TomBorowski
@TomBorowski 27 күн бұрын
This is also likely the reason why Dawn isn’t using theme blocks yet. You also have to keep in mind that this will likely break automatic theme updates from legacy to theme-block themes.
@Anonymous_bird_7
@Anonymous_bird_7 29 күн бұрын
I have a knowledge of HTML CSS and js and now I'm working on personal projects in Shopify,like building pages from scratch, but I'm unable to get a job yet...😢
@CodewithChristheFreelancer
@CodewithChristheFreelancer 28 күн бұрын
If you pick up a module/course at shopifythemedeveloper.com, you can join our community and maybe we can help you ;)
@Isaac-YLYL
@Isaac-YLYL Ай бұрын
You spoke my language with this, what tools do you suggest to increase the speed of coding a shopify store?
@CodewithChristheFreelancer
@CodewithChristheFreelancer 27 күн бұрын
@CodingWithJan has a course he just released on this! I'm gonna check it out over the holidays.
@TastyMakers-Devs
@TastyMakers-Devs Ай бұрын
Thank you. Your teaching technique is top notch. I'll definitely watch your other videos and share them with my shopify devs.
@Sora877-u5j
@Sora877-u5j Ай бұрын
Is this stil possible in 2024?
@CodewithChristheFreelancer
@CodewithChristheFreelancer 28 күн бұрын
Sure. Why would it not be?
@WebdevPath
@WebdevPath Ай бұрын
Sad that I missed your black friday sale😞
@CodewithChristheFreelancer
@CodewithChristheFreelancer 28 күн бұрын
The full course is still on sale if you wanna check it out: shopifytd.com/
@Fatihh_ky
@Fatihh_ky Ай бұрын
bruh you have the same tutorial for 5 mins
@CodewithChristheFreelancer
@CodewithChristheFreelancer Ай бұрын
Not sure what you mean by that. The video is 20mins+ long
@SahilRana-l9q
@SahilRana-l9q Ай бұрын
Thankyou sir
@bigAndSmallRabbit
@bigAndSmallRabbit Ай бұрын
Hi Chris, looks like you're trying new video style, are you using Screen Studio?
@ChristheFreelancer
@ChristheFreelancer Ай бұрын
Good pickup! Yes. It's Screen Studio.
@abraranwar2637
@abraranwar2637 Ай бұрын
👍
@aqeelkharkovi804
@aqeelkharkovi804 Ай бұрын
Thank you bro
@chanmyaemaung
@chanmyaemaung Ай бұрын
Awesome!
@AuthanRam
@AuthanRam Ай бұрын
Nice video Chris. TY!
@usama_khalid
@usama_khalid Ай бұрын
Extremely helpful. Thanks for making this video.
@Flixstudio35
@Flixstudio35 Ай бұрын
Make a video to develop a custom Shopify COD form that will help us reduce RTO (Return to Origin) for orders from high-risk pin codes and states, while allowing us to offer partial payment options for these specific locations.
@gichardRere
@gichardRere Ай бұрын
Brutally useful video for Shopify devs! Thank you
@robertzooch5588
@robertzooch5588 2 ай бұрын
Thank you for a great tutorial. Please, suggest if I can add a list of products from the 'Reference by' results? To avoid adding products manually for each metaobject entry page.
@CodewithChristheFreelancer
@CodewithChristheFreelancer Ай бұрын
Not sure what you mean by "from the 'Reference by' results"
@seankennedy7970
@seankennedy7970 2 ай бұрын
Shopify is already dipping its foot into to ai with its themes, was on a store last week looking to upload a theme we’ve developed for a US partner and they’d moved the upload/github button. It was under a new section with an ai prompt where you tell it what you want and it’ll customise the free themes for you.
@CodewithChristheFreelancer
@CodewithChristheFreelancer Ай бұрын
Oh wow. I haven't seen that yet.
@WebdevIndia-e6z
@WebdevIndia-e6z 2 ай бұрын
I am watching in 2024 but very well explained. Thank you.
@benjamesv
@benjamesv 2 ай бұрын
Has using these AI tools increased your hourly payrate as a shopify theme developer?
@CodewithChristheFreelancer
@CodewithChristheFreelancer Ай бұрын
No because when I charge hourly I'm actually charging for my time. These tools can help you to deliver more value in less time though meaning that you could make a bigger margin on fixed-cost projects.
@WillTrimby
@WillTrimby 2 ай бұрын
Hi mate I just watched this video and your subsequent video about github CLI (Great videos btw!) Would you be able to tell me the specific workflow you use for your version control? Or point me to a video / resource which explains it. Are these the main steps to use?: 1. Use the shopify CLI theme pull command to make a local copy of my live theme 2. Initialise a github repo for the theme and push all files. 3. Import this master branch into my Shopify themes list using the github integration and then set this as the new LIVE theme 4. Create a staging / dev branch in my repo, import this into Shopify themes list as a secondary "development" theme. 5. Make all code changes inside this branch and preview them locally using the Shopify CLI "theme dev" command. 6. Push staged changes to my staging theme. 7. When changes are finalised, merge the branches and push to the master branch (a.k.a LIVE theme) Does that all sound correct? As a follow up question, assuming that its still the case that changes made in the CLI "phantom theme" store editor don't persist after the dev server is closed, if I want to make persistent changes in my theme editor (e.g. changing the product page template) would I have to push these changes to my staging theme, customise the theme linked to this branch in the shopify store editor, then pull these updates back to my local repo? Sorry for the long question! Thanks in advance :)
@CodewithChristheFreelancer
@CodewithChristheFreelancer Ай бұрын
This is getting into consulting territory. For any work enquires you can email me at [email protected]
@AgustinCampon
@AgustinCampon 2 ай бұрын
Hi Chris, do you know if there is a similar way to use Angular inside shopify ?
@CodewithChristheFreelancer
@CodewithChristheFreelancer Ай бұрын
No but I wouldn't recommend it anyways. I've even stopped using Vue and now use Vanilla JS web components.
@AgustinCampon
@AgustinCampon 2 ай бұрын
Is Angular importable as vue is into a liquid template?
@AgustinCampon
@AgustinCampon 2 ай бұрын
Do you have a course on how to use Web Components in depth, with tailwind in shopify?
@CodewithChristheFreelancer
@CodewithChristheFreelancer Ай бұрын
The course mentioned is the only one I have. There is no mention of tailwind within it.
@alex--255
@alex--255 2 ай бұрын
cool
@mastixmastix
@mastixmastix 2 ай бұрын
Great content. Really powerful. It is so weird that shopify has not a section where you can link to the products of the metaobject and you have to duplicate one and modify. I think this is for sure a basic feature many people would use . To have an author with their products. i hope they will create a section in the future that makes it unnecessary to make the duplication and code change but for the time being this is really helpful
@CodewithChristheFreelancer
@CodewithChristheFreelancer 2 ай бұрын
"a section where you can link to the products of the metaobject" not sure exactly what you mean by this.
@mastixmastix
@mastixmastix 2 ай бұрын
@@CodewithChristheFreelancer Imagine a page with only the names (lets say 100 names per page) with all the author names sorted alphabetically, when you click on any of those names it brngs you to a page with all their artworks. So clicking the name is the hyperlink. I only need a section that creates a text list but that the name is the hyperlink to his/her artworks when you click on it. It would be amazing if Shopify had a section where you get only a selected collection list (only a real list of names) Clicking on that name would direct to the artworks via a smart collection of the author or a metaobject of the author. The problem is the list with the hyperlink. Sure that with code this can easily be done but it seems that such a section is not available as default in shopify. Maybe some of the construction apps like Pagefly or similars have such a basic section.
@zoon-dot-com
@zoon-dot-com 2 ай бұрын
what the fu... and still today, changes made on theme customizer are not saved and they go away when I turn off the dev server and turn it back on. This is so annoying.. wtf....I was just banging my head for an hour..... even restarting PC multiple times to confirm that those changes do actually get lost......
@CodewithChristheFreelancer
@CodewithChristheFreelancer 2 ай бұрын
Yes. You need to copy across the data files before the dev server turns off.
@zoon-dot-com
@zoon-dot-com 2 ай бұрын
Thank you💌💌💌
@ai7593
@ai7593 2 ай бұрын
Chris glad to see your still out here getting money
@mastixmastix
@mastixmastix 2 ай бұрын
Looks really powerful. Thank you for your video. Right now it is out of reach of regular users that have no clue about coding but i hope one day this very flexible system can be used without coding and create pages with the values of all the metaobjects we created and their references to metafields too if we related both . This is so much powerful than collections but as I said for small users still not a feasable way to construct the website. Maybe the next Shopify 3.0 will make these metaobjects easy to use and publish on their 3.0 themes without any code knowledge.
@CodewithChristheFreelancer
@CodewithChristheFreelancer 2 ай бұрын
umm what about dynamic linking within the theme editor? No coding required for that.
@mastixmastix
@mastixmastix 2 ай бұрын
@@CodewithChristheFreelancer Thank you for your reply. I am really strugling to see goo tutorials about this dynamic linking to metaobjects and also how metafields can be implemented in pages for example. With products the metafields are easier and more tutorials but for example creating those in pages and how to make them work I have not found useful info so far. It would be amazing that Shopify would make all their confusing text based information about all the possibilities made available in videos that for sure is much easier to understand. In any case thank you for posting amazing tutorials
@LolkeDijkstra
@LolkeDijkstra 2 ай бұрын
How do I get the same prompt that you have?
@CodewithChristheFreelancer
@CodewithChristheFreelancer 2 ай бұрын
what prompt?
@LolkeDijkstra
@LolkeDijkstra 2 ай бұрын
@@CodewithChristheFreelancer git prompt in the terminal window
@LolkeDijkstra
@LolkeDijkstra 2 ай бұрын
This looks like a mature dev workflow. Some things have definitely changed in the current version of CLI. Is there an update video?
@CodewithChristheFreelancer
@CodewithChristheFreelancer 2 ай бұрын
Yep. Right here: kzbin.info/www/bejne/lX7Ch6qFi9GWfLssi=n9NzafmSbRtloDTE
@LolkeDijkstra
@LolkeDijkstra 2 ай бұрын
Yes, this is a great feature. However, how do I test a theme in a store without having it visible on the LIVE store? Can I really trust the PREVIEW functionality? I guess I would have to create a separate Shopify account for that? (and have to pay a monthly subscription for that too). Or does Shopify support this workflow? Update: I think you have answered my question in your next video
@CodewithChristheFreelancer
@CodewithChristheFreelancer 2 ай бұрын
Yes. You can trust the preview. Remember some data exists in your theme and others in your store. If you check this channel for the original Shopify Theme Development Series. You can learn about the difference.
@orionh5535
@orionh5535 3 ай бұрын
Can I has an AI to deal with difficult freelance clients plz?
@CodewithChristheFreelancer
@CodewithChristheFreelancer 2 ай бұрын
haha perhaps some sort of AI customer service agent?
@Oppieaxe
@Oppieaxe 3 ай бұрын
This was the most awesome thing
@StupidInternetPeople
@StupidInternetPeople 3 ай бұрын
Amazing doucheFace thumbnail! Congrats you look like every unimaginative, lazy creator on YT. Clearly intelligent people choose stupid face thumbnails because looking like an idiot is a huge indicator that your content must be amazing! 😂
@bigAndSmallRabbit
@bigAndSmallRabbit 3 ай бұрын
3 months! Anyway, glad you're still alive Chris
@CodewithChristheFreelancer
@CodewithChristheFreelancer 3 ай бұрын
too long between uploads? 😅
@bigAndSmallRabbit
@bigAndSmallRabbit 3 ай бұрын
@@CodewithChristheFreelancer yep, two weeks or a month is acceptable 😅
@CodewithChristheFreelancer
@CodewithChristheFreelancer 2 ай бұрын
ok my bad loo. I will try to make more videos for you ;)