How to create a Shopify Theme from scratch (best chance is now)

Поділитися
Вставка
  • Опубліковано 5 жов 2024
  • How to Build and Sell your own custom theme on the Shopify theme store. (Episode 1)
    Let us know any questions you may have in the comment section! :-)
    ----
    🎯 Get some free personal advice for your developer-career:
    codingwithjan....
    👨‍💻 Are you looking for a Shopify Developer who can help out on your project?
    codingwithjan....
    💻 Become a Developer yourself by enrolling in our Bootcamp “Freemote” (Freelance or Fulltime)
    codingwithjan....
    ----

КОМЕНТАРІ • 89

  • @CodingWithJan
    @CodingWithJan  11 місяців тому

    🎯 get personal advice for your developer career. (free for a short time)
    codingwithjan.com/career-advice

  • @maheshwarib734
    @maheshwarib734 2 роки тому +5

    Excited for it. Waiting for new episodes. Would like to know developing theme from scratch

    • @CodingWithJan
      @CodingWithJan  2 роки тому +5

      Awesome :-)
      So pretty much just everything from getting started, the tools, how to get listed and so on? 😃

  • @sijmon20031
    @sijmon20031 2 роки тому +3

    Awesome! Nice that you got Liam i think i have seen some of his videos before about the Theme CLI. Questions: 1. How to setup the Theme CLI the best way for every theme. 2. What is the best way to start a new theme. 3. If you wanna make Apps, where to start, where to host it and maybe other good things to know when you make apps.
    Really good videos you make Jan just found you a few month ago 😃

    • @CodingWithJan
      @CodingWithJan  2 роки тому +1

      Hey Simon, thanks so much for the great feedback and your great input! 😃
      Duly taking notes now. Cheers 😁

    • @huzefakhalid6484
      @huzefakhalid6484 2 роки тому

      where did you see Liam's video? youtube channel?

    • @liamgriffin6897
      @liamgriffin6897 2 роки тому

      We'll be covering the Shopify CLI for sure Simon - great questions here!

  • @benjamin.konopka
    @benjamin.konopka 2 роки тому +1

    Realy cool!!! Jan & Liam (i meet him on the smashing conf in freiburg, such a nice person) For me would be realy interesting: 1) where to start 2) Good resources (youtube, blog, shopify documentation -> tutorials) 3) how to combine html, css, javascript and liquid 4) deploy a very basic theme to the store to see the process

    • @CodingWithJan
      @CodingWithJan  2 роки тому +1

      Wow, amazing feedback and great input. 😃
      Taking notes of everything and looking forward to covering as much as possible!
      Have an awesome day :-)

  • @slayerd52
    @slayerd52 2 роки тому

    LIam is an absolute legend! His Shopify community posts have helped a ton while learning Shopify! Can't wait Jan!

    • @CodingWithJan
      @CodingWithJan  2 роки тому +1

      Awesome 😄
      Recording the first vid on Tuesday + a bit of time for editing. Updates soon 😃

  • @quentincaldway
    @quentincaldway 2 роки тому +1

    I'm definitely hoping on this! Super stoked about this!!! 🔥🔥🔥
    I appreciate you both, Jan and Liam for amazing video!
    Looking forward to checking these episodes!

    • @CodingWithJan
      @CodingWithJan  2 роки тому

      Thanks for your amazing feedback Quentin!🎉
      You're a walking source of positivity 😄
      Wish you all the best and a great start to the week !! :-)

    • @quentincaldway
      @quentincaldway 2 роки тому

      @@CodingWithJan Of course Jan, always brother! The least we can do is support and admonish those around us!
      I'm honored to be a student of Freemote!
      It has been life changing, and I pray as things progress it shall continue to be! I have no doubts!
      One thing this world needs is more compassion!
      Thank you for your reply! Apologies for the late response!
      As always continue crushing it!!!
      ~Blessings

  • @musangowope5556
    @musangowope5556 2 роки тому +3

    I appreciate you and Liam taking the time to talk about this process :) I'm really looking forward to seeing what you guys discuss. The one question I have is the following:
    How many styles should a theme have for submission? I see most of the themes on the store have 3 styles. I'm currently building a theme with two styles for submission. Would that count against me?

  • @julianzagar2000
    @julianzagar2000 2 роки тому +1

    Hi Jan, wollte nur mal danke sagen für das alles, was du uns hier kostenlos zur Verfügung stellst! Freue mich schon darauf. 🙏🏻
    Big thanks to Liam too of course!

    • @CodingWithJan
      @CodingWithJan  2 роки тому +1

      Hey Julian, vielen Dank für das super Feedback 😃
      Wenn es etwas gibt, wozu du gerne mehr wissen würdest, immer her damit 🙌 :-)

  • @averydickerson9737
    @averydickerson9737 2 роки тому

    I've actually been working on this myself for a couple of months now on the side. Looking forward to seeing how this series will help improve our speed things along for me personally. Thanks buddy! You're truly great.

    • @CodingWithJan
      @CodingWithJan  2 роки тому +1

      Awesome 😁!!
      What did you experience as most confusing so far? Any roadblocks or anything you wished you had earlier? Or maybe any insider infos / analytics if we can share those publicly? :-)

    • @averydickerson9737
      @averydickerson9737 2 роки тому +1

      @@CodingWithJan honestly? My creative flow has been the most problematic. I'm having trouble deciding which features I would like to include, and keep getting hung up on what I would like to include vs what will just make ot seem too bloated

    • @averydickerson9737
      @averydickerson9737 2 роки тому

      @@CodingWithJan I guess it just really boils down to knowing a proper target audience to be honest.

  • @CodeInspire
    @CodeInspire 2 роки тому +1

    Great work Jan. It will be amazing series.

  • @John5ive
    @John5ive 2 роки тому

    once again, thank you Jan for bringing the awesomeness!!!!

    • @CodingWithJan
      @CodingWithJan  2 роки тому

      Thanks so much John 😄🙌
      If you have any questions in particular already, we'd love to hear them them :-)

  • @alexfinesse5500
    @alexfinesse5500 2 роки тому

    Hi Jan, just start from basics: 1st: Show how to customize and upload theme for sale. 2nd: Easiest themes for custom theme creation. 3rd: Best Tools for custom layout design. like Shogun , GemPages etc ... 4th: Theme Code editing tricks & tips

    • @CodingWithJan
      @CodingWithJan  2 роки тому

      Hey Alex, thanks for the ideas :-)
      Adding them all to the list of potential questions 🙌😃

  • @emmanuelsoetan1620
    @emmanuelsoetan1620 2 роки тому

    Liam and Jan 😱 I can't wait....
    Liam is legit a nice guy always read to help.

    • @CodingWithJan
      @CodingWithJan  2 роки тому

      Fantastic 😄
      Let us know anything you'd like to learn more about :-)

  • @achiles6928
    @achiles6928 2 роки тому

    Let's go, Let's learn together. This is gonna be awesome!

    • @CodingWithJan
      @CodingWithJan  2 роки тому

      Nice 😁🙌
      Let us know any questions you might have 😃

  • @dedrakendelavega8666
    @dedrakendelavega8666 2 роки тому +2

    What are the conditons for Shopify to accept to publish our themes in their marketplace? and what's their compensation?
    For Jan: How can we have amazing hair like yours?

    • @CodingWithJan
      @CodingWithJan  2 роки тому

      Excellent questions! 😃
      I guess we can publicly share the answer to at least two of them, lol 😁

  • @northtown9714
    @northtown9714 2 роки тому

    Looking forward to the next video!

  • @a2ztutorials680
    @a2ztutorials680 2 роки тому

    Thank You, Jan. I am Shopify store designer and I am just in the first place to start theme development and customisation. BTW You haven't mentioned the date and time of session.

  • @WaqarAhmad-jp4mw
    @WaqarAhmad-jp4mw 2 роки тому

    Please start a series for theme development from scratch.

  • @mrzasaad2658
    @mrzasaad2658 2 роки тому

    Sir plz make a video on shopify optimization Thankx:d

  • @Mirado34
    @Mirado34 2 роки тому

    How come no CC? Makes it hard to follow without occasionally.

  • @adeisaac
    @adeisaac 2 роки тому

    Ohhhhhhh it's Liam...his content has been very helpful to me as well. Actually, I created my very first section with the help of a tutorial from him. Great partnership.

    • @CodingWithJan
      @CodingWithJan  2 роки тому +1

      Awesome you also recognize him 😄
      The blog post you mentioned was great, been using it too haha.
      Let us know if you got any questions my friend, would be happy to answer them. :-)

    • @adeisaac
      @adeisaac 2 роки тому

      @@CodingWithJan Yes, I would appreciate if he gave a demo on how to use the selling plan object on product page. Thank you

  • @esmarttechbygetsmartwealth2534
    @esmarttechbygetsmartwealth2534 2 роки тому

    Hi Jan, can you make a video on how to add pagefly template in shopify store as default to product page

  • @abdulrakib9906
    @abdulrakib9906 2 роки тому

    Waiting!

    • @CodingWithJan
      @CodingWithJan  2 роки тому

      Awesome !! :-)
      Let us know any questions you might have specifically

  • @happily-houseless
    @happily-houseless 2 роки тому +1

    Getting your theme listed in the official Shopify theme store is quite elusive but getting your store listed on other theme marketplaces seems more attainable. Either way this series sounds interesting. I'd be happy to build a theme and have it on any marketplace. What are your thoughts about developing themes to put on other Shopify theme marketplaces?

    • @lorandhorvath4466
      @lorandhorvath4466 2 роки тому +1

      Here's someone who is realistic. I see many deluded people thinking they will create a theme and just submit and get approval. It doesn't work like that.

    • @CodingWithJan
      @CodingWithJan  2 роки тому +1

      Hey,
      Having your theme listed on market place is definitely a challenge but it's possible if you respect the requirements of Shopify.
      Shopify made a complete check list here shopify.dev/themes/store/requirements
      Good luck! 😀

  • @lindac6198
    @lindac6198 2 роки тому +1

    I Really need help i got a store setup And on desktop we see the video playing but not on mobile thx a lot in advance!

    • @CodingWithJan
      @CodingWithJan  2 роки тому

      Hi Linda,
      if you're talking about autoplay on page load, that really depends on the browser policy these days. Most only allow autoplay if the video is muted. Beyond that you could try to embed a youtube or vimeo video instead. Just putting out some ideas here. :-)

  • @KevinBourque
    @KevinBourque 2 роки тому

    Hi I’ve been searching everywhere’s and can’t find a way to add a drop down menu / tabs in the footer.

  • @moatazsaber3369
    @moatazsaber3369 2 роки тому +1

    i don't understand, so you will make a playlist here on youtube to teach how to build theme from scratch or to answer questions only or this will be something paid on freemote?

    • @CodingWithJan
      @CodingWithJan  2 роки тому +1

      Hey Moataz, everything we'll cover here will be free and public on YT!
      We first plan with 3-4 episodes depending on how many questions we get.
      Is there anything you'd like to learn more about specifically? :-)

    • @moatazsaber3369
      @moatazsaber3369 2 роки тому

      @@CodingWithJan Okay, so you are willing to answer questions, that's great, I hope if you can go with a bit more advanced topics like how to add (add to cart) button on the collection page or on a new section on the homepage, or a new section on (page.liquid) -- the ability to make a working (add to cart) button on any section

    • @CodingWithJan
      @CodingWithJan  2 роки тому

      ​@@moatazsaber3369 alright so that would be very development-specific questions.
      I think in this series we're more going into where to start, what tools to use, how to submit a theme, where to get resources or help, and everything around that.
      And regarding the add to cart button, have you seen this video right here from Andrew?
      ua-cam.com/video/egJPwAa32cM/v-deo.html
      Personally liked it a lot and it already help with the problem :-)

    • @moatazsaber3369
      @moatazsaber3369 2 роки тому

      @@CodingWithJan another topic: understanding the slider on the product page and what's the javascript connected to it, I feel like this slider is too complicated and if I removed any bit of code from it, it doesn't work and I don't know why or how it's connected to javascript by which classes or by which data-attributes

    • @moatazsaber3369
      @moatazsaber3369 2 роки тому

      @@CodingWithJan
      yes, it's a bit advanced topic 😅 nope I didn't check this video before, I will check it thank you

  • @rizafajardo2431
    @rizafajardo2431 2 роки тому

    Interested to learn how to be a Shopify Developer from scratch.

  • @sijmon20031
    @sijmon20031 2 роки тому +1

    What are Liams channel so we can give him a follow 😃

    • @CodingWithJan
      @CodingWithJan  2 роки тому

      Good call, he's most active on the ShopifyDevs channel and has a personal Twitter. :-)
      twitter.com/liam_at_shopify

  • @alphadeveloper5760
    @alphadeveloper5760 2 роки тому

    I have question why, other developers don't publish themes on Shopify official, instead of themeforest ( pixel union /hulkapp) ??

    • @CodingWithJan
      @CodingWithJan  2 роки тому +1

      Hey,
      There may be many reasons why, Shopify has strict guidlines and can refuse some themes that don't meet them.
      Have an awesome day! :-)

  • @tejassarvaiya8018
    @tejassarvaiya8018 2 роки тому

    Actually i have no idea about scratch so how we can use scrach and benefits scratch i want to know

  • @nilamrakholiya5650
    @nilamrakholiya5650 2 роки тому

    Hii jan, I have watched your so many Shopify videos, I want to know about "How much conditions should we use when we create any sections" like its good practice to keep so many conditions in our code? and how can we create multiple accordion in single page with customization ? Thank you.

    • @CodingWithJan
      @CodingWithJan  2 роки тому +1

      Alright, great question :-)
      Thanks so much for the great feedback and input

  • @reganfeni2164
    @reganfeni2164 2 роки тому +2

    Still waiting boss♥♥

    • @CodingWithJan
      @CodingWithJan  2 роки тому +2

      Awesome ! 😃
      What would you like to learn more about specifically?

    • @reganfeni2164
      @reganfeni2164 2 роки тому

      @@CodingWithJan Shopify development

  • @tejassarvaiya8018
    @tejassarvaiya8018 2 роки тому

    Please jan this might help us to know more about Shopify

    • @CodingWithJan
      @CodingWithJan  2 роки тому

      100% let us know all your questions so we can go over them😃

  • @LuCANF
    @LuCANF 2 роки тому

    Where you get that sweet neon shopify sign

    • @CodingWithJan
      @CodingWithJan  2 роки тому

      It was a 20k subscriber gift from the Shopify Devs channel 😄
      The one above was custom ordered on Etsy :-)

  • @jhonatanmendes2494
    @jhonatanmendes2494 2 роки тому

    in wordpress I used to build the template ( html css and js , ) then transform it in a wordpress theme , and only make it dynamically where it really needs , ( we are talking about themes that are not for selling , just build for one client ) ; can i do the same with shopify theme ? because sometimes the client ask for a completelly custom design on the home page (there's no similar theme) thanks jan ;

    • @CodingWithJan
      @CodingWithJan  2 роки тому +2

      Hey Jhonatan,
      yes you can build custom private themes in Shopify as well. And you're right, they need to be less dynamic then a public theme. :-)
      However, usually, I wouldn't recommend building a private theme from scratch unless the client really wants to. It's mainly because oftentimes it's more cost effective to start with a premium theme and then customize from there as much as possible. Design could be a small tradeoff, but these would be richer in features IMO. :-)

  • @cupelappsteam657
    @cupelappsteam657 2 роки тому

    Hi Jan,
    Is it $100 - $300 or $100 - $500, The documentation says theme can be priced upto $500. or maybe it is the price range of current theme offerings?

    • @CodingWithJan
      @CodingWithJan  2 роки тому

      Hey Muthu, you are correct it's $100 - $500.
      Thanks for the feedback😁

  • @manel5686
    @manel5686 2 роки тому

    hi i have a question is your bootcamp free or paid ? thank you

  • @marouanerhafli2253
    @marouanerhafli2253 2 роки тому

    Interested. I just subscribed from Liam tweet ^^

    • @CodingWithJan
      @CodingWithJan  2 роки тому +1

      Hey Marouane nice meeting you and thanks so much! 😄🙌

  • @13111y
    @13111y 2 роки тому

    How will Hydrogen affect this?

    • @CodingWithJan
      @CodingWithJan  2 роки тому +1

      Great question!😃
      Now on the list! :-)

  • @mrmrk4003
    @mrmrk4003 2 роки тому

    Thanks, Jan,
    Can we purchase static site templates from a shop like ThemeForest, and convert that design to a Shopify theme,
    is that ok or can we also create the design from scratch

    • @CodingWithJan
      @CodingWithJan  2 роки тому

      Great questions! I think that would fit well when we talk about the development side of things and about the best tools and tips to speed up the development process.
      Thanks for the idea! :-)

  • @WeeklyHow
    @WeeklyHow 2 роки тому +2

    I can join *cough* too *cough*

    • @CodingWithJan
      @CodingWithJan  2 роки тому

      In general for sure 😄
      However, this time Liam is the expert ^^

  • @muhammadkamran1350
    @muhammadkamran1350 2 роки тому

    jan love from Pakistan