Shopify Coding 101 for Store Owners & Designers - HTML, CSS, Liquid & More

Поділитися
Вставка
  • Опубліковано 5 жов 2024

КОМЕНТАРІ • 74

  • @EdCodes
    @EdCodes  Рік тому +4

    Ready to learn more? Grab my ebook here: shop.ed.codes/products/diy-shopify-coding-handbook

  • @coleaansen
    @coleaansen Рік тому +12

    I've barely started, but paused to say THANK GOD FOR YOU. I am so relieved to have found your video and ebook. Everything I have found so far while trying to figure out how to build my Shopify store has been for people who know how to code already. They say they are for "beginners," but they are not. Thank you. 🙏

    • @EdCodes
      @EdCodes  Рік тому +2

      Thank you for this comment!

  • @MyCodingDiary
    @MyCodingDiary Рік тому +8

    Your videos are a great resource for anyone learning to code. Thank you for creating it!❣

  • @ArmandoMulas-j7p
    @ArmandoMulas-j7p Місяць тому

    I really appreciate this video because you managed to make me understand what liquid and json are, so thank you

  • @rav7ss423
    @rav7ss423 7 місяців тому +4

    You are amazing Ed, you do it in great detail, leaving no room for misunderstanding !!

  • @aliyoruk99
    @aliyoruk99 Рік тому +4

    Literally the only Shopify related youtuber I am subbed too and get notifications from - thanks for quality videos everytime

    • @EdCodes
      @EdCodes  Рік тому

      Thank you! I appreciate that.

  • @danielasame4724
    @danielasame4724 Рік тому +3

    I barely write any comments but HANDS DOWN to your channel! Thank you for making all these videos they help a lot specially for those of us that have never created a website. When I don’t know how to do something I first search in your channel then the rest ofUA-cam. Thank you

    • @EdCodes
      @EdCodes  Рік тому

      Thank you for the kind words! Let me know if you have any questions you weren't able to find answers to.

  • @TheHoursBetween
    @TheHoursBetween 3 місяці тому

    Great explanation! I've never bothered to learn this after thirty years of using the internet until you made it so easy to understand

  • @jeffkoontz286
    @jeffkoontz286 8 місяців тому +1

    Wow, finally someone who can dumb it down for the layman. Excellent articulation and explanation! I'll definitely be purchasing your ebook.

  • @charlottevanoorschot5642
    @charlottevanoorschot5642 11 місяців тому +2

    Love this video! Also the house analogy and the noun-adjective-verb analogy is super clear!

  • @goaly2990
    @goaly2990 6 місяців тому +1

    Extraordinary - thanks so much Ed for producing these videos for us people setting up our shops in DiY style. Of course I bought also your book and I am full of energy to make it my shop!

  • @mahedihasanmahmud8329
    @mahedihasanmahmud8329 Рік тому +3

    We will be glad grateful if you make a playlist and teach us theme development.

    • @EdCodes
      @EdCodes  Рік тому +4

      That's the plan. Now that I finally made this basics video, I can make other videos more advanced.

  • @DavidAnthonymix
    @DavidAnthonymix 11 місяців тому +1

    This was so so cool, you have a gift, my friend. I understood you and I didn't feel overwhelmed. The house analogy was perfect. Really , you have a gift to teach. Not everyone can do it well, trust me Im on youtube looking for tutorials and you stand out because I could I get it !

  • @melihkarabacak9319
    @melihkarabacak9319 Рік тому +1

    I've been waiting this content for months. Great job 👏

  • @cathyhorvathbuchanan
    @cathyhorvathbuchanan Рік тому +1

    Wow, awesome info!!! I've been poking at my shopify code without really knowing how it all fits together, so this was a wonderful explanation. You have a lovely teaching style that made it really made it easy to understand, thank you!!!

  • @tavishrice
    @tavishrice 7 місяців тому

    Unreal video man, props. This is exactly what I’ve needed since I started my store 3 years ago!

  • @Mallow1-y6g
    @Mallow1-y6g 2 місяці тому

    Great video! I feel after watching this that I can learn css, html and later down the road, JS.

  • @josephmyalla3611
    @josephmyalla3611 Рік тому +1

    Great video, just wondering how amazing your course will be

  • @urban-pixel
    @urban-pixel 2 місяці тому

    Man this was the best tutorial! Im so glad i came along this and thanks because it solved many problems i was having in building a custom product page! 🙏🙏🔥🔥

  • @benceylan273
    @benceylan273 Рік тому +1

    Thank you for the video Ed. I will buy your book right away.

  • @Crickle12
    @Crickle12 10 місяців тому +1

    Sorry to hear what youtube is doing to you! I would gladly buy your book except i'm a terrible learner for reading, much easier for me audibly. Hopefully you do the course soon!

  • @Sydneyscollection
    @Sydneyscollection 4 місяці тому

    Thank you for this video, your content is incredible. I cannot wrap my head around de-monetizing information that is so beneficial. I'll buy your book, keep up the good work. You seem genuine and when following along, EVERYTHING that you do works...and is accurate. Keep up the good work.

    • @EdCodes
      @EdCodes  4 місяці тому +1

      UA-cam fixed the monetization issue now :). But thank you for your support, and your comment. It's really nice to hear that. All the best!

    • @Sydneyscollection
      @Sydneyscollection 4 місяці тому

      @@EdCodes That’s great news, you deserve it! You’re the only person I would even CONSIDER paying for a course. I implement something unique every time I watch your videos. I’m evolving and cannot wait to bridge the gap from reading/understanding/implementing code to freehand development is exciting.

  • @johannorena4013
    @johannorena4013 Рік тому +2

    Hey I love your stuff and I have learned a lot from it. Can you also make videos about how to make a "shaky" add to cart on the dawn theme and also how to make a sticky add to cart. That woudl be very helpful and great.

    • @ohwilly5549
      @ohwilly5549 Рік тому

      yeah sticky add to cart! That would be cool

  • @ThinkPatchwork
    @ThinkPatchwork Рік тому +1

    I just bought your ebook. Do you have an ETA on the course? I really appreciate you making these videos - they're just the right level of complexity and the right pace.
    I hope you can appeal to UA-cam and get monetization back!

  • @ellielum9182
    @ellielum9182 Рік тому +1

    Thanks for the easy-to-understand video! When is your full course being released?

    • @EdCodes
      @EdCodes  Рік тому +1

      I might release it in parts but definitely will have something out in July!

  • @rodzimmerman8436
    @rodzimmerman8436 8 місяців тому

    Excellent tutorial. Informative and well presented. Downloaded your e-book.

    • @EdCodes
      @EdCodes  8 місяців тому

      Awesome, thank you!

  • @EcomGraduates
    @EcomGraduates Рік тому +1

    great video as always! thank you for all the great content 😎

  • @StephanieThomas-m9g
    @StephanieThomas-m9g Рік тому +3

    This video was sooooo helpful!! I have a question! Can you share the code for creating a custom.liquid block? I have it added as a section but I need to somehow make it a block too! It looks like you were able to do this when I look at the time stamp 42:55 :) Looking forward to hearing from you! Thanks!

  • @Michael_Francis629
    @Michael_Francis629 Рік тому +1

    So impressed by the tutorial, great work ED, Can I have the discount code for your ebook?

  • @ClairePascual-e5f
    @ClairePascual-e5f Рік тому +2

    Thank you for this video! I learned a lot as a beginner. Question though, how do you know what CSS code to use on complex designs? or all the designs in general? Will it come from the HTML file of the design? Then from there.. style them using CSS? Thank you so much for your help!

    • @ClairePascual-e5f
      @ClairePascual-e5f Рік тому +1

      Follow-up question.. I hope you can enlighten me. 😭 When designing the Shopify website, is this correct? Choose theme --> create your wireframe/pages based on that theme --> design --> export html --> configure/edit theme settings/code the design??

    • @ClairePascual-e5f
      @ClairePascual-e5f Рік тому

      THANK YOU IN ADVANCED!!

  • @mercyokor6693
    @mercyokor6693 Рік тому +1

    I have a question about your ebook. I don’t know anything about code, I’m not a developer. But usually when I’m creating a landing page or a form it usually has a box to input CSS codes. I’ll usually look for a video on UA-cam or ask google how I can make a particular customization. When I find the answer mostly on UA-cam videos. I just type out what I see them type in my CSS editor and it works fine. So I don’t usually have to know what the code is, just what it can do for me. My question is: can I find such codes in your ebook? I’m seeing a chapter for margins and padding which is my issue with Shopify. So will I be able to get the codes to customize without having to learn the codes?

  • @diepriyejoseph
    @diepriyejoseph Рік тому +1

    Your videos has been a lifesaver for me, thank you so much!
    i've recently had problems with the dropdown navigation menu not working on mobile, is there any way i can fix this? I use Dawn theme.

  • @semoncashmere1025
    @semoncashmere1025 7 місяців тому

    Thanks for the great video! So helpful! Good luck with the chanel! x

  • @zeeshanayub7873
    @zeeshanayub7873 Рік тому +1

    Hello,
    I would greatly appreciate your assistance in making the collection title centered on the screen, and placing the mobile logo on the left side in the dawn theme. Thank you!

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

    Wonderful video

  • @Fedgery007
    @Fedgery007 Рік тому +1

    Amazing video! Thank you!
    One thing that I was concerned about was if you’re adding custom CSS into a template element, if you upgrade your theme will it still be there?
    My guess is that it should. I know if you add it to your .liquid files it will get wiped if you upgrade your theme. I learned that the hard way.

    • @EdCodes
      @EdCodes  Рік тому +2

      Thank you for always commenting!
      Yes if you add CSS using the theme customizer it's saved just like the rest of your settings, which means it moves across when you update your theme. Next video is about the custom CSS field.!

  • @danielcalhoun6766
    @danielcalhoun6766 Рік тому +1

    Hey Ed, I love your videos! Do you have a video on how to create a landing page (without apps) with the Dawn Theme? (No header/menu) just a normal landing page vor lead generation? Best regards from Germany 🇩🇪

    • @EdCodes
      @EdCodes  Рік тому

      If you have the latest version of Dawn you should be able to hide the header and footer on any template you want. If you're on an older version, this video might help you - ua-cam.com/video/mxUSrhnbehA/v-deo.html

  • @hectordelac6446
    @hectordelac6446 Рік тому

    Thanks! Great video! 👏🏻👏🏻👏🏻

  • @Israrkhan-pi5ux
    @Israrkhan-pi5ux Рік тому

    You are awesome sir

  • @tarachitra
    @tarachitra Місяць тому

    Hello, Thank you for your helpful videos! I am not able to buy your ebook... could you help me? Thank you ☺

  • @coolvedhog9217
    @coolvedhog9217 26 днів тому

    could you type the code for pulsating intventory level you showed?

  • @2000pppp
    @2000pppp 4 місяці тому

    hi . i have like+dislke html css js. i add it it custom liquid . but the count start from zero when click after refresh the page . can you help me please

  • @ohwilly5549
    @ohwilly5549 Рік тому

    hey EdCodes! I tried to copy the excact code " in stock ready to ship" from word to word, it shows the text but not the actual green bubble? Any advice :)?

  • @adigitalmarketing111
    @adigitalmarketing111 10 місяців тому

    Does the E-book have codes like codes that are on your website? I mean does it have written codes for specific things?

    • @EdCodes
      @EdCodes  10 місяців тому

      No, the goal of the ebook is to teach you skills. It has some common examples but there are no complete features like my videos. For that check out my other products - shop.ed.codes

  • @lifegamer07
    @lifegamer07 Рік тому

    Hi sir i want show the form value in my app (our created) from devlopment store form how can I make that.
    Please help me sir

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

    Hello Ed. I have question for you. Do you know hot to convert from Cyrillic to Latin product, collections urls in Shopify?

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

      Hmm, can I see your store? Easiest way is just to use the SEO settings at the bottom of each product/collection admin page to manually input the name in latin characters. But are you using Shopify Markets? Is it a multi-language store or just one? The official translate & adapt app can *translate* URLs but I don't think that's what you're looking for...

  • @teamdreamachiever1179
    @teamdreamachiever1179 6 місяців тому

    I tried to purchase your book DIY Shopify Coding Handbook with no success. First was able to add to cart, but theiir was no checkout. Finally go to page with Pay, but when filled in info and clicked Pay nothing happened.
    I noticed that it's been 8 months since any activity here, so are you still active?

    • @EdCodes
      @EdCodes  6 місяців тому

      Hi, thanks for your comment. Yes, I am still active! I post 3-4 new videos every month.
      Are you talking about this page? - edcodes.gumroad.com/l/diy-shopify-coding-handbook
      I'm not sure what the problem might be. I had some sales just today. Just click "I want this", and the next page will ask for your email and payment details. Then click pay. That should be it.

  • @rishabhp1762
    @rishabhp1762 Рік тому

    Can you make a video on a product with multiple varients to show images of the varient which I choose and not all images of the product all at one ? If someone khows how to fix that please reply 😅😅

    • @EdCodes
      @EdCodes  Рік тому

      Depends which theme you are using. Many themes come with that ability now.

    • @rishabhp1762
      @rishabhp1762 Рік тому

      @@EdCodes any free theme has that function ? Btw I'm using dawn

  • @RafiIslam-k2g
    @RafiIslam-k2g Рік тому

    make a liquid course for free for dev

  • @danieljoseph7407
    @danieljoseph7407 5 місяців тому

  • @mose3805
    @mose3805 Рік тому +1

    "Promo SM" 👉

  • @marionnel4176
    @marionnel4176 8 місяців тому

    you have helped me a lot! can you make a video about how to add required fields to the contact form.

  • @oneproduct4101
    @oneproduct4101 Рік тому

    plz MAKE A CRASH COURSE FOR FREE

    • @EdCodes
      @EdCodes  Рік тому

      This is one lol. Or do you mean a more advanced one for developers?

    • @oneproduct4101
      @oneproduct4101 Рік тому

      @@EdCodes yes