How to edit a Shopify Theme - Development Best Practice
ฝัง
- เผยแพร่เมื่อ 28 ส.ค. 2024
- I will show you how you can edit and modify your Shopify theme.
⭐️ Shopify Developer Bootcamp: Start a 7-Day Free Trial
codingwithjan.com
👨💻 Find the Perfect Developer to Assist on Your Store or Project
codingwithjan....
🤝 Hire Experienced Shopify Developers for Your Agency or Dev Team
www.jobmint.io...
🔎 SEO Description:
The goal of this video is to show you how to use the chrome developer tools to find out exactly where to place your code changes in a given Theme file.
Especially if you are just starting out, all the Liquid and HTML in Theme-Files might be overwhelming.
This is how I search for reference points, to get some orientation within the files.
🎯 get personal advice for your developer career. (free for a short time)
codingwithjan.com/career-advice
Exactly what I needed as VScode was not a practical option! Thanks a million Jan!
Let me know if we can get in touch, I'd like to be friends with you!
Thank you for video! easiest way of explaining. subscribed and liked! :)
Thanks for the sub! 🙌🏻
this video was very helpful. the way you teach is super excellent.please make a full stack course for shopify course
Thank you for your great feedback. Maybe something to come in the future :-)
Thanks for the video, I know basic css and html, I'm just starting out so this video is very useful.
Thank u so much bro for all these free informations .
Keep going bro.
Hey Jan, just wanted to say hello from New York! I really appreciate your videos for being a first time user on Shopify. You made it really easy for me to learn to code. I wanted to request a video about doing a private collection and giving customers a code to access the page. Let me know if you could create a video on this or some advice on how to do this! cheers - Vicky
Please take more this kind of video. Thanks!
Thank you brother !
Hi Jan, I'm completely new to Shopify. I'm trying to wrap my head around what one can do or cannot do. Is directly editing the theme code the only way? Does the theme ever not update? I'm coming from WordPress where this is an issue.
I have the same question. I don't want to make edits and then have the next version of the theme overwrite my changes. In WP I could handle this with a child theme
This video was very good, its helping get some crazy ideas to take my designs to the next level. Can't wait to see what else you'll do keep up the good work!
Hey man, awesome that you still like the content. It really motivates me if you find some value in the videos. Can't wait to come back home and record a new video :-)
Awesome video. Really helping me prepare for a job I just got using Shopify.
Just one question - is there a way of out sourcing the function calculating that percentage to a js file? Or is that not typically done with Shopify?
Hi Lauren,
thank you for your positive feedback :-)
The cool thing about Liquid is, that it is evaluated on the Server Side (bevor the page is sent to the user). This saves time for calculations because they don´t happen on the client side like they would with Javascript.
That being said, I have to give you a small warning, because the example calculation shown in the video will only work smoothly for products without Variants.
Usually, if you have products with variants themes will use Javascript to update the price when a different variant is selected. In this way, the page can be updated without reloading.
In my video on "color swatches", you can get a better understanding of where this happens.
What kind of feature are you working on?
Maybe I can give you some more specific input.
Have a good day :-)
Hey ich habe ein Problem der Preis wird über dem Produktbild angezeigt wie kann ich den Preis unter dem Bild erscheinen lassen?
Vielen Dank im Voraus
Machst gute und informative Videos
You helped me out so much! Thank you
Hi Jan, Thanks for sharing your knowledge. here you calculated saving amount. but can you please tell me from where i found "product_compare_at_max" or this kind of code?
Very helpful! Thanks 😊
Thank you!
Jan you are awesome!
Excellent video! Thank you! But some products have discount, others are haven't it. How can we hide this code if products don't have discount.
thank you sir.
Hi Jan..when you build website for desktop and you click on mobile to see how it looks. Can you change how website looks on mobile to desktop? Example if I change menu on mobile view will that change the desktop view of my website?
Thanks for the video. Just have a question, what if I need to edit a commercial template that might have new versions in future which will remove my edits? Is there a possibility to create child themes or edit themes through apps?
Hi. Nice video! I have a question. I have embed a youtube link for the media description of a product. When I am searching the product, the first time it shows only an image of the embed video. Is there a possibility the show the product with the video player directly, instead of that image?..and only if the buyer clicks on the title of the product to see the detailes of the product?
your video was awesome and i have a question...what code will be if i want to change product image square to circle
You may want to read more about CSS Border Radius / circle images
Thank you once again Jan
Is there a way to add the editor to all of your pages. Like the button that says "+add section" to all custom pages
Will this have changed all the product pages in one go? Thanks for the video. i think i need to learn a bit about liquid. im fine with html and css, and it doesnt look too far removed.
Hey, yes this applies to all product pages at once :-)
Check out this video to get a better idea about liquid: th-cam.com/video/zcXFBq4lv1o/w-d-xo.html
⭐ Shopify Developer Bootcamp: Start a 7-Day Free Trial
codingwithjan.com
👨💻 Find the Perfect Developer to Assist on Your Store or Project
codingwithjan.com/developers
🤝 Hire Experienced Shopify Developers for Your Agency or Dev Team
www.jobmint.io/for-companies
does it work with added bought shopify themes?
Great content!!
Hope you like some of the newer content as well :-)
Hi Jan
How do we can apply same thing on variant products.
please help
Thanks
good video
Please tell me how to add a Preloader in Shopify with coding??
Hey! I want to change some of the things in the home page like background color on the « image with text » template
Hi Jules, you can find these in the section folder of your theme :-)
What does the vertical line ( | ) do?
In liquid you use these whenever you want to apply a filter on a variable
(see Google liquid filters)
In Javascript, in an if else condition a double pipe || would mean "or". While && means "and"
Hey bei mir ist kein such Zeichen
Hi Jan, please I need code for variant update save. Thanks
How can I INSPECT in a Mac book? . Thanks
i copied the exact same code and i’m seeing it say “ you save: 20000%”
can we change the size of the product image?
venture theme
Yes you can change it although you will need to do some custom coding
Hi Jan, do u you have Instagram or any other social media? i have a few problems with shopify, I would really like to talk to u. Thanks
Hi André,
a while ago I created an Instagram for people who had more in depth questions 😃
It's @coding_with_jan see you there :-)
i need help bro i m stuck somewhere reply plz
Hello Kulvir, how can I help you ?
can u give me a ur instagram username ?
i'll send pm bro
@@kulvirhehar6930 @coding_with_jan
check out bro
Great video, thanks. I have a issue which I need your expertise on that so would you mind sharing your contact details pls.