Shopify Theme Development - Introduction, Setting Up Local Environment with Shopify CLI
ฝัง
- เผยแพร่เมื่อ 5 ส.ค. 2024
- In this video we'll see how to start developing themes for a Shopify store. We'll go through the process of creating a development store and setting up a local development environment. Then we'll see how to connect the theme to Github to keep the content in sync and avoid unwanted conflicts and overwrites.
Resources
Shopify Partners - www.shopify.com/partners
Liquid Reference - shopify.dev/docs/api/liquid
Shopify CLI - shopify.dev/docs/themes/tools...
Timestamps
00:00 - Introduction
02:28 - Shopify Partners Dashboard
03:00 - Creating a Development Store
05:22 - Viewing The Shopify Plan
07:22 - Store Themes
09:28 - Dawn, Shopify's Open Source Theme
11:43 - Installing Shopify CLI
13:58 - Creating shopify.theme.toml
15:39 - Pulling the store's theme locally
16:30 - Installing VS Code's Shopify Extension
17:22 - Running the theme locally
20:12 - Pushing local theme changes
21:05 - Connecting the theme to Github
27:46 - Resolving a content conflict
Thanks very much for such an in-depth video. It's really hard to find quality content to learn the platform that feels aimed at developers. Much appreciated and looking forward to learning with more of your videos.
Thank you so much for your help. Your work is vital as there isnt many up to date tutorials on shopify theme development! Appreciate it!
Really awesome content. Like others said, there aren't many in-depth tutorials on this sort of stuff and your content has really helped. Thank you!
Thank you very much for this up-to-date Shopify Theme development introductory video. Keep going, please.
Great. Thanks for your effort making these tutorials.
Great job man...
Please continue your great work...🤩🤩🤩🤩
Bro this is legit
watch full video and your are amazing tutor
This playlist is amazing!!
I'm glad to hear you're finding it useful! I don't have tutorials on developing a theme from scratch yet but it might be something I consider in the future, thanks for the suggestion.
For some reason when I change the heading (i.e. - local) and hit save it is updating the live system and my local server.
👌
I have a question about whether I integrate GitHub with Shopify then I have duplicated the theme to install an App. So now what to do in this type case?
I think if I duplicate the theme then it will not work with the GitHUB. Please correct me if I am wrong.
You can run the shopify theme pull command to pull the changes the app made in the new theme into your local theme repository, then commit and push the changes to Github and they should be in your main theme.
@@stackingcontext thanks for your help.
make more video
"Promosm" 🌈
Thanks! Very useful. Most of the shopify vids on youtube are outdated...
have a question. in .toml file [environments.development], does the "development" word is a constant or it is the name of our local environment? I mean can we use ex.[environments.mydev]. Thanks
Yes, you can use any other word there, mydev would work too.
Thank you so much for your help. Your work is vital as there isnt many up to date tutorials on shopify theme development! Appreciate it!