🎯 Get Personal Career Advice for Shopify Developers: codingwithjan.com/personal-career-advice 👨💻 Find a qualified Shopify Developer for your next project: codingwithjan.com/hire-a-developer
Hi, how can you copy a section code from a theme to another one, let's say section "multicolumn" in Dawn theme, I like how it works, and I want to copy it or make it work on Kalles theme. Please enlight me
8:30 - basic section Input types 9:27 - Blocks 13:00 - FAQ - Implementation of HTML, CSS 16:18 - Using section/schema values in the HTML 18:40 - Where Data is Stored
Your tutorial was very helpful. Thank you for sharing this. I have one question though, I added a new section for expanding tabs and for testing purposes, I added it on my homepage. I actually wanted add it on my product pages. But now the size of the section is different on both home page and product page. DO I need to do it from the scratch? or simply just make changes in product JSON? Thank you!
I think this might more be a CSS / styling issue. Here it depends a bit on the exact section, but you want to have styling rules in place, that look good even if the available space changes.
Where did you find all the css classes to use? i know Shopify is using a special claases names and they use Bootstrap but im struggling with that. Thanks
Hey @CodingWithJan, I follow all of your instruction now-a-days. It helps me a lot to be a good Shopify developer. Jan, Can you guide me how to be a Shopify theme developer as I'm a beginner in 2024? which path should I take like Hydrogen learning or Liquid learning? Or can you explain more in 2024 which is the best career advice for being a Shopify developer?
Great questions! :-) As a beginner 100% Liquid and Themes first. Hydrogen is more for enterprise brands, and if you're still developing your portfolio, communication- and sales skills, it will be harder to get in touch with these enterprise brands.
9:10 For those who are wondering why the Input does not show when clicked. It shows on the right hand side of the screen, just a small update or change idk
Jan, first of all... I LOVE how approachable your videos are. You don't get too deep in to the weeds of working locally with VS Code or git-integration when explaining something. I love how you break things down to the MVP of what you REALLY need to know. If I can give a small amount of feedback when doing these tutorials. Try to avoid using the same name in a lot of places. It can be confusing for new ones to the platform. For example, rather than the block type being "question" you could use "question_answer" with "Question & Answer" as the label. For the blocks, use "question" as the "id" but "Question" as the label... that sort of thing. Your CSS actually follows this kind of convention (which makes sense because it has to) with `faq_row` and `faq_question` being different. While a developer can follow along easily, these kinds of conventions (when teaching) can make a world of difference to a newbie.
Hey thanks so much for the great feedack. Awesome you find these videos helpful. 😄 Also really appreciate the fair and constructive feedback. Will def keep this in mind for the next videos. Cheers :-)
Pretty cool! Thanks Jan, great tutorial and information as always! Stoked about the new Global Theme Blocks implementation going down the reusable components path like most frameworks does. A nice addition this will be :) Cheers!
Great video!! The Dawn theme has a limit of 25 sections per template. How can I increase this limit? Where can I adjust the code to accommodate this limit?
Hey Gabri, great question. This is not specifc to the dawn theme, but rather a general limit. "25 sections per template and 50 blocks per section" 25 sections per page seems a lot though, maybe some of the content could be summarized? Or some content that's now a section could actually be a block? Just thinking out loud here. :-)
Thank you so much for awesome video. Would you please make a video. How to protect Section code or encrypted. So No one can able to copy code from theme.
Could you please do a video on the Branding API, for example swapping the default Checkout footer for a new one? Their tutorial for it is awful because you have to make all of these GraphQL mutations but how the heck does that apply to the *any* store if the mutations only exist on certain ones? It's so confusing. Love your videos, thank you for your help.
Hi, great video! I managed to create a block for my product pages to display our payment methods. It works great, BUT it doesn’t get the blue framing that is showing up for all other blocks in the right preview widow in the theme editor…?! Any idea what’s wrong?
It only works when done from the admin panel code editor and not from VS Code, for example. Do Shopify developers mostly work in the Shopify code editor? Or do I need to push the code first if I want to use my own editor for this?
@@CodingWithJan Ah alright, I am currently using the Shopify theme kit. But do i have to push canges before i can see new sections in my Shopify store?
They are in developer preview right now! Means when you create a new development store you have to set that checkbox / select that from the dropdown. Developer preview will disable the store for transfer, but you get early access to the features to make yourself familiar.
Hello brother, this is amazing. But I have a question about the FAQ section. I have a FAQ section, that has A main title, and some categories like general FAQ, Product FAQ, etc and every category has questions and answers. How can I do it? if I think question and ans as a block then how can do Category?
@@CodingWithJan Thanks dear, but as my structure it's some problem for me. I have checked Shopify that they allows nested blocks and blocks folder in the theme, but in dwan theme I don't see it the folder and nested block not work. do you have any idea? Do you have any video about it?
@@CodingWithJan Thanks brother, but as my structure it's not working properly. This is my structure b1b2 ... ... ... ... if I div make blocks then h3 and p what will do? Blocks inside blocks not work
Great video, thanks! Very nuch excited to be using the new theme blocks! Any idea when this is going to be available to the public? I have messed around with it in a development store but can’t find the actual release date anywhere..
I need to know about JavaScript lectures from Jan Sir because I am not very much good in making JS functions I hope you will understand. I need to make some popups or something like that in shopify
I do have one on installing the CLI and getting it to work. It's called "How to Install and Use Shopify's CLI as a Beginner" As a code editor, I usually use VS Code, which is pretty much the industry standard. Hope this is a helpful starting point. :-)
Jan, I usually like your video, but in this one you spent to much time on the old stuff, with just a short glimpse something new, that is still on the long string.
Hey no worries, all feedback is always appreciated. I can see where this is coming from. The goal here was to create something that'd also be useful in 6-12 months from here, and more like a full guide for beginners. More advanced topics also coming shortly :-)
So sections are fully available! :-) The new Global Blocks are now in developer preview, but not for production stores yet. This means Developers can already test and get familiar with them.
Love the way you explain things. Really helps me wrap my brain around it all. Any chance you could do a similar video to this but for creating a simple section that displays a single image using an image picker. With options to change size,alignment and crop shape eg. Square/circle etc?
Thanks for the great feedback! :-) Also great suggestion! Right now the pipeline is quite busy though. As a quick win I'd recommend, checking how its implemented in themes / chatting with chatGTP / testing things and using the documentation. Hope this is still a helpful starting point.
@@CodingWithJan thanks mate, I will have to watch more of your videos and see if i can make sense of some of the existing section code and do some testing.