Shopify - Move Description Under Product Images - Dawn Theme & Liquid Basics

Поделиться
HTML-код
  • Опубликовано: 1 фев 2025

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

  • @EdCodes
    @EdCodes  Год назад +5

    ❗2023 Update❗I have built a product description section that you can easily add to your store without writing code! It works just like one of your Shopify sections. Check it out here - edcodes.gumroad.com/l/product-description-section

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

    WOW! I TRIED THIS ON A COPY OF MY THEME AND IT WORKED! SO I WAS ALL SET TO COPY AND PASTE THIS LIQUID SECTION TO EVERY SINGLE ONE OF MY PRODUCTS ONLY TO FIND OUT IT WAS APPLIED TO EVERY ONE OF THEM! NICE! I LATER FIGURED OUT WHY! MAN I LOVE BEING SMARTER THAN WHEN I WOKE UP THIS MORNING! THANK YOU!

  • @ardalmiller6452
    @ardalmiller6452 2 года назад +5

    I know this was probably such a simple thing for you to show us but thank you so much! you've made such a difference to my store

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

    Been searching and searching for info on how to do this. Couldn't find it on Shopify help at all. So glad I found this. Thank you.

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

    Thanks so much for this. I broke my store when I was trying to use another solution I found on RUclips. Thankfully, I have saved a duplicate of my theme. I used your method now and it was a breeze. Worked on the Sense theme. Thanks so much for this.

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

    Ed, you are my truly hero and lifesaver! Totaly LOVE your videos. Always so easy to get for me. I totally don't know anything about building my own store, but trying to understand it all and you make it sooo much easier for me. Million times thank you!

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

    You are a beast brother! Took me about two hours to figure this until I found your video.

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

    OMG! Thank you! 🙏🏻
    It’s the best tutorial video on how to move the description part I saw!!
    Hey guys! If you’re curious about shopify settings, plz plz watch his video! I’m a total computer idiot, but I’m setting my own shopify shopping mall after watching his tutorial video!

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

    I cant tell you how helpful this was. Absolute bliss man. Thanks again.

  • @ShaunMabuza-g7y
    @ShaunMabuza-g7y Год назад

    Ed. Its like you knew every problem id face with building shopify stores

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

    Thanks so much for making this video. It was a big help and makes my store look so much better!!!

  • @doubleshotstudioau
    @doubleshotstudioau 18 дней назад

    great vid Eduard! Do you have any advice on splitting content? So if i wanted half the description next to the image and then the rest below the image?

  • @duxiaozuo
    @duxiaozuo 5 месяцев назад

    Great, perfect solution to the problem, hope the UP can share more

  • @3darchstuffs
    @3darchstuffs 2 года назад

    This tutorial was extremely helpful tome today . Thank u so much keep it up.

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

    Hi there! I'm glad I found your channel. I just started using the Dawn theme and a question that I have is that when I am in the product info area to add a new product, I do not see the options that you are showing like shipping/returns, care instructions, custom liquid etc. What could I be doing wrong? Thanks!

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

    Thanks again for another helpful tutorial video. I have a question if you could make a video on how to implement a min total order value, like you can only checkout if the items in your cart are 100 €. I have found apps on that but they all cost money

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

      Great idea! Coming soon

  • @simonegablan469
    @simonegablan469 7 месяцев назад

    Hello Ed! Thank you, however; now this description is placed on every product I have and I want to have different descriptions on all the different pieces I have...please...how?..

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

    First of all, thank you very much for providing us with these very necessary tutorials, it worked very well for me, I managed to add the product description to the left side, however, how could I leave that description to be drop-down, if you could help me with the code. Thank you so much. I am already subscribed to your channel. I learn a lot.

  • @NicFableFairy
    @NicFableFairy 5 месяцев назад

    yes, but how do I add the product description text inside a collapsible row block, not a custom liquid one?

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

    yo it worked, thanks. my keyboard typed the wrong " at first though. had to inspect source and copy haha

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

    This is awesome ! Been looking and trying different things but this seems to be the easiest one. Will this have any impact on SEO or for google finding the product description?

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

    Thank you! I was going nuts trying to figure out why it doesn't automatically conform to the page width.

  • @Wizlee_blockchain_buzz
    @Wizlee_blockchain_buzz 4 месяца назад

    Someone please help it worked but the original description simply won't be hidden or deleted I'm using feather theme 🙏🏾🙏🏾

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

    Thank you so much, it helps me a lot! :)

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

    Thank you very much! You saved me!!!
    I have one more question: I have my Titel as h2 in the product discription (not as html code as you described) but the titel appears the same as the text and I don't know why. Any idea?

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

    Hi i need the opposite. I don’t want it in the bottom. I want it beside the picture I’m not getting tabs for size and variants

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

    When I'm IN the product section, do you know how to add a link to redirect someone to another page. For example, in the product page, I want to add: for more shipping information, please visit our shipping page and then provide a clickable link to my shipping page. How do I do that? Thank you!

  • @ppinmexico
    @ppinmexico 9 месяцев назад

    Hi do you know how to do this on a regular page? and not product page and also not the home page..

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

    Hi, how to make the text follow the image width with custom css???thank you

  • @lady-lizzy
    @lady-lizzy Год назад

    Hey, Thanks for your video, it was helpful, however, you never explained how to remove the product description from the side part. ?

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

      If you're on a Shopify 2.0 theme then this should be very simple - just delete or hide the product description block in your theme editor.

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

    1st Dec 23 - this code sadly hasn't worked for me. Ed can you help with a newer version please? Ty!

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

      Hey, I now have a digital product that does this for you. It's an easy copy & paste to install the section to your theme and it gives you a product description that you can drag anywhere - shop.ed.codes/l/product-description-section

  • @ronnieball5741
    @ronnieball5741 5 месяцев назад

    Anyone able to help? - I did followed his exact steps and for some reason my page width is not narrowing... it stays going to full width of the screen which is super ugly. any assistance or updated code response would be amazing!

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

    Is it possible to move the "product tabs" you have under the buy buttons. I just purchased them off the section store and would like to move mine to right below the product price. I'm not sure if there is a way to move that section into product information. Any feedback would be much appreciated. Thank you!

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

      Unfortunately no, you cannot move a section inside of another section. That is thee difference between sections & blocks. What you are looking for is a tabs block.

  • @HaoZhou-z9l
    @HaoZhou-z9l Год назад

    Clear explanation!

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

    I'm working on the Dawn theme (unpublished) and currently live on Empire, I have a lot of descriptions that are empty in the metafield in the collapsible section and I'm wondering how to add a filter for the 'description' - 'is empty'? I would not know which product has an empty description if you know what I mean and not all descriptions have the same specific so cannot use the definition.

  • @j.j.1938
    @j.j.1938 Год назад

    thanks again for the explanation. I tried using {{ product.description }} in a collapsable row. It does not work unfortunately in Ride theme. You maybe have an other workaround? I know I can create a metafield. But the descriptions are now mostly in the normal field. So copy pasting is a lot of work for 750 products. And also when there is no description, is there a way to make the dropdown invisible?

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

    Very cool thanks. I wish you could add custom liquid within a column in a section. Would eliminate some of the div formatting tags you need to wrap.

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

    Super helpful, thank you!

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

    Thank you! Works very well.

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

    Hello, I am attempting to resize the image/logos in my product description page that are provided by supliful example: gluten free, sugar free and so on. when it shows on my site they are a bit too large and i would like to reduce its appearance but theres not option to do so?

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

    Is there anyway to split the description to show some above the add to cart option. Then some additional details in a description tab?

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

      Yeah, you might find this tutorial helpful - ruclips.net/video/X9NpIhFCtuE/видео.html - I think it's pretty similar to what you're describing.

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

    Could you make a tutorial on how to truncate a long product description, please?

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

    I did the custom liquid and its still to the right of my page, not under the picture? Any suggestions?

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

      Sounds like you might have clicked "Add Block" and added the custom liquid block inside of the Product information section.
      You want to add the custom liquid SECTION instead, by clicking "Add section".

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

      It worked great! Thank you. Now how do I get the custom liquid the width of my product picture?

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

    Im trying to make Templates that basically use the Blocks of Shopify, but have them be dynamic from product to product, probably need to use Meta Fields, so that the template does not have to just be for one product, but can make sure for all the products of a particular brand.... Any ideas?

  • @YM-gp2es
    @YM-gp2es 2 года назад

    Please make a video about how to add upsells in a cart drawer

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

    Is it possible to add a custom liquid right of the product description? Two custom liquid sections side by side

  • @Viajante.perpetuo
    @Viajante.perpetuo 4 месяца назад

    THANKS A LOT BRO

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

    any way to add a code snippet to include an app below the description? I use an app that allows me to use multiple other fields for descriptions. I would like to include this in the new custom liquid field.

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

    Many Thanxxx!

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

    very helpful thanks :)

  • @ZyXok
    @ZyXok 8 месяцев назад

    Thanks a lot Brother

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

    thank you so much man

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

    You solved my issue.

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

    Thank you!

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

    sick thx

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

    How to set description the width of photo and move description up under photo... removing white space shown in your video

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

    sirrrrrrrr

  • @scud69er
    @scud69er 7 месяцев назад

    This was really helpful, thank you so much

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

    Thank you!!