Beginners Guide To Shopify Liquid in 2024

Поделиться
HTML-код
  • Опубликовано: 13 янв 2022
  • If you're a Shopify store owner or new to Shopify theme development, you've probably seen a glimpse of codes written in Shopify Liquid. In today's video, we'll be learning about Shopify Liquid and its features such as Objects, Tags, and Filters.
    Do you prefer reading? You may read the text version of this video here:
    weeklyhow.com/shopify-liquid-...
    Wanna learn more about Shopify Theme Development? Take a look at my course:
    ✅ Take my Shopify Theme Development Course (Shopify CLI):
    weeklyhow.com/courses/shopify...
    ✅ Take my Shopify Theme Development Course (ThemeKit):
    weeklyhow.com/courses/shopify...
    ✅ Get my Shopify App Development Course:
    weeklyhow.com/courses/shopify...
    Need a website? Get yours here!:
    ► weeklyhow.com/go/hostinger-2023
    Try Shopify for 14-days!
    ► weeklyhow.com/go/shopify
    #ShopifyLiquid
    #ShopifyDeveloper
    #ShopifyThemeDevelopment
    🔔 Subscribe now for more tech content:
    ► ruclips.net/user/WeeklyHow?sub...
    Official Website:
    ► weeklyhow.com/
    Support us on Patreon:
    ► / weeklyhow
    Follow us on our Social Media:
    - Facebook ► / weeklyhow
    - Twitter ► / weeklyhow
    - Instagram ► / weeklyhow
  • ХоббиХобби

Комментарии • 55

  • @WeeklyHow
    @WeeklyHow  2 года назад +29

    This took me awhile to edit this video but I had so much fun making the animations/8-bit characters. My favorite is the Liquid glass. We'll call her "Liq".

    • @arslanramay
      @arslanramay Год назад +2

      Really cool animations. Which software or app do you use for editing videos and for animations please? Thanks

  • @zone2575
    @zone2575 2 года назад

    Keep posting need in depth lectures … very much appreciated.

  • @bsewall
    @bsewall Год назад +3

    The animations were awesome and on-point. This is the best, simplest overview of Shopify Liquid that I've seen and I'll definitely be passing it along to those who are new to the platform. Nice work!

  • @hamzahmd_
    @hamzahmd_ 2 года назад

    Thanks for the beginners friendly tutorial. Really liked the way of explanation.

  • @theorigindesk283
    @theorigindesk283 Год назад

    hats off man, you explained so simply...thanks man! appreciate....

  • @willhawkins8987
    @willhawkins8987 2 года назад

    Best vid on shopify liquid Ive seen. Keep it up homie

  • @voidofjoy1366
    @voidofjoy1366 10 месяцев назад +1

    Your editing was on point man... Very nice

  • @andreygomes2354
    @andreygomes2354 2 года назад

    congrats, crystal clear information passed in a fun way - you just got +1 Sub! 👊🏽🔥

  • @paulapoblete1090
    @paulapoblete1090 Год назад

    Such welll made video, makes the learning dynamic and memorable, thank you!

  • @An-yh2bl
    @An-yh2bl 10 месяцев назад

    Brilliant explanation, thank you very much!

  • @mirmarashi87
    @mirmarashi87 Год назад

    Thank you a lot for the video, making it understandable for every kind of beginner.
    You got my sub and i hope to see more videos of you in the future.
    Thanks!

  • @davidherring2500
    @davidherring2500 Год назад

    Thank you! Awesome video and fantastic content.

  • @arturomonzon6814
    @arturomonzon6814 Год назад

    Very nice explanation. Thank you so much.

  • @zachriordan
    @zachriordan Год назад

    Great video. Thanks mate

  • @SunnyArtis
    @SunnyArtis Год назад

    a really good tutorial, thanks for the video, i learned a lot in a few minutes

  • @shreemunpranav675
    @shreemunpranav675 11 месяцев назад

    Grazie, a nice and easy video for introducing devs to the shopify environment

  • @user-el9kk8mn5o
    @user-el9kk8mn5o 10 месяцев назад

    Great explanation thank you

  • @syedsammarzaidi9188
    @syedsammarzaidi9188 Год назад

    nice quick overview

  • @abdelrahmanmohamed1206
    @abdelrahmanmohamed1206 Месяц назад

    best video for the shopify liquid

  • @mohamedkhalif807
    @mohamedkhalif807 2 года назад

    I love it. I loved the animation and the way you described everything man you are my superhero

    • @WeeklyHow
      @WeeklyHow  2 года назад

      Thank you Mohamed! Glad to be such a help. 🙏

  • @misterjuls
    @misterjuls Год назад

    Well done 👍

  • @kidbrave_7673
    @kidbrave_7673 Год назад

    Awesome video! Thank you, so much for taking the time to make this content, I learned alot from this short video. I been trying to find some content across the web from someone that could break liquid down for me to understand and from your short video and now I know the general concept of what's going on, thank you! 🙏

    • @WeeklyHow
      @WeeklyHow  Год назад +1

      Glad it was helpful! Thank you for watching until the end ☺️

    • @kidbrave_7673
      @kidbrave_7673 Год назад

      @@WeeklyHow Absolutely, you're an amazing teacher! I actually went ahead and bought your Shopify course on Udemy right after I wrote that message. Lol, I'm in the middle of building my first tailwind and alpine single application and after that I'll be diving into your course and going all the way in! 😁🙌

  • @babytube225
    @babytube225 11 дней назад

    Hi, thank you for this informative video❤ what about when "disallow" comes up in the coding, how do you get rid of it? Thanks in advance :)

  • @emmanuelsoetan1620
    @emmanuelsoetan1620 2 года назад +1

    Great video. I love the animations great job.

    • @WeeklyHow
      @WeeklyHow  2 года назад +1

      Thank you Emmanuel! I appreciate it.

  • @DevlogBill
    @DevlogBill Год назад +2

    I've been programming (self taught) 1 year now with JavaScript, 2 months of PHP & 2 months of React. Sounds like Shoppify liquid is shopifies own programming language. But from the way you describe liquid it's similar to most programming languages, but the structure of how you write your code sounds so much different from php and javascript.
    I've been considering freelance or even shopify for my own business, but never did any type of freelance work or any type of e commerce jobs. What would be the best way to get started? Most of my experience is on the client side with javascript. Thank you.

  • @hasanmougharbel8030
    @hasanmougharbel8030 Год назад +1

    Hey there, Glad to discover your channel.
    I am a newbie at shopify development with a simple enquiry.
    Is there any community or forum through which i can network with like-mind programmers and
    where i can ask technical questions related to my coding in shopify.
    Thanks for any recommendations.

  • @AvaneeshKumarSingh
    @AvaneeshKumarSingh 2 года назад

    lovely animations.
    keep it up.

    • @WeeklyHow
      @WeeklyHow  2 года назад +1

      Thank you Avaneesh! Happy that you enjoyed them. 🙏

  • @juicepancho153
    @juicepancho153 2 года назад

    Is it like a template or framework similar to React, Vue or Angular. And uses Shopify API?

  • @daniyalanwaar6052
    @daniyalanwaar6052 2 года назад

    loved it

    • @WeeklyHow
      @WeeklyHow  2 года назад

      Thank you Anwaar 🙌

  • @eduardopereira6621
    @eduardopereira6621 Год назад

    cool vídeo tks

  • @rockonprintandapparel
    @rockonprintandapparel 2 года назад

    Can you do a video on how to make the side bar menu sticky? All I can find is making the header sticky.

  • @Biaknabben
    @Biaknabben 2 года назад

    amazing animations :D

  • @phantazzor
    @phantazzor 11 месяцев назад

    dude really one, im myself a JS dev and wanted to know how o approach liquid, and that is exactly what I needed not to deep, but basics.
    where is the styling CSS?
    I probably start with Hydrogen though as you said to not be locked in shopify environment.
    Did you build anything with Hydrogen(remix) yet ?
    I'd be interested about time wise what would be the fastest at equal knowledge of both what would be the fastest?
    and one more question isn't possible to write code directly in pure JS/html within shopify environment ?
    THANKS

  • @user-ek8ph7zy5h
    @user-ek8ph7zy5h Год назад

    Can you explain how work Shopify objects in detail?
    Thank you for the video. it's not a lot info and video about shopify liquid😔

  • @tordoscode6888
    @tordoscode6888 Год назад

    Perfecto. Puedo usar los subtitulos sin problemas.

  • @ronaldpaek
    @ronaldpaek Год назад

    is jekyll liquid and shopify liquid the same thing?

  • @ajayrabari433
    @ajayrabari433 2 года назад +1

    Sir, Shopify CLI now added PHP(Laravel) option for app development. Hoping your videos will out soon laravel app dev with Shopify CLI.

    • @WeeklyHow
      @WeeklyHow  2 года назад +1

      Thanks for informing me Ajay! I'll work on this as soon as I can

  • @CodingWithJan
    @CodingWithJan 2 года назад +2

    Just seeing this now, pretty cool animations, and they look like the new theme documentation styles!! :-)
    Did you create them yourself or did you hire a designer?
    Would probably be a good idea to update my old liquid video too at one point lol.

    • @WeeklyHow
      @WeeklyHow  2 года назад +1

      Haha, thanks Jan! Funnily no, I did everything myself. It took a lot of time but it was fun and yeah, the new documentation of Shopify was the inspiration. Cool stuff.

    • @CodingWithJan
      @CodingWithJan 2 года назад +2

      ​@@WeeklyHow wow not bad, chapeau 😃👍👍
      Certainly a new skill on the list.
      Have a good Monday

  • @LenaHo
    @LenaHo Год назад

    Minimal coding background. The animations made it so much easier to understand! :)

  • @ser0ga
    @ser0ga 2 года назад

    Ehh, it really miss array operating/filters. 😪

  • @eledorusso
    @eledorusso 3 месяца назад

    so tags are variables and filter are methods?

    • @WeeklyHow
      @WeeklyHow  2 месяца назад +1

      Close, but tags are not variables. They more like a statement to define logics (like if statements, looping statements, etc). I would put objects to be somewhat close to variables since they/they can hold values.

  • @oszi7058
    @oszi7058 2 месяца назад

    I think transformers would be a better fitting name than filters

  • @anakyousimo5476
    @anakyousimo5476 2 года назад

    Ginga syntax