How To Add Collapsible Product Description Section In Shopify

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ม.ค. 2025

ความคิดเห็น • 130

  • @Emdey
    @Emdey 5 หลายเดือนก่อน +1

    hey mate great video, just one tiny question: could you tell us how to modify the code so that the row will be "open" from the beginning , best marvin

    • @OnHOWGuy
      @OnHOWGuy  5 หลายเดือนก่อน +3

      Hey, thank you and glad i could help.
      Currently the code doesnt have that option but i will work on it and update it to have that option as well.
      I will pin a comment on this video.
      Cheers

  • @theresfoodatthehouse
    @theresfoodatthehouse 7 หลายเดือนก่อน +3

    I love and appreciate your passion for helping us with our Shopify stores. Going so far as to host your own site for your codes is so nice of you. Thank you for all that you do 😊😊

    • @OnHOWGuy
      @OnHOWGuy  6 หลายเดือนก่อน +1

      Thank you and i appreciate the words, Yeah the pastebin is blocking some countries and i dont like that so i will host my own things from now on and no blocking even if you from the moon haha.
      You're very welcome.

  • @JonesInTheGame
    @JonesInTheGame 3 หลายเดือนก่อน +4

    the code dont work for me im getting a error message on my product page like its not showin the drop down bar but if i click the error text its showing my produc description just not the drop down bar weird

    • @maryamsi5090
      @maryamsi5090 3 หลายเดือนก่อน +1

      same problem!

    • @JonesInTheGame
      @JonesInTheGame 3 หลายเดือนก่อน

      @@maryamsi5090 i fixed it

    • @JonesInTheGame
      @JonesInTheGame 3 หลายเดือนก่อน

      @@maryamsi5090 found a fix for it just google the error code that shows up there is a fix in shopify support page

    • @h3ydear
      @h3ydear 3 หลายเดือนก่อน

      same here

    • @JonesInTheGame
      @JonesInTheGame 3 หลายเดือนก่อน

      @@h3ydear got it fixed by making a asset for it

  • @BrandonHelton-r3u
    @BrandonHelton-r3u 6 วันที่ผ่านมา

    I see others have asked already. Did you come up with a way to add icon (like a down arrow) next to the Description word? This way it is done now doesn't really let the person know there is a description.

  • @Melissa-g7u4z
    @Melissa-g7u4z 2 หลายเดือนก่อน +3

    Hello. Thanks for posting. This code made the "description" title vertical and also gave me an error "Description
    Liquid error (sections/main-product line 204): Could not find asset snippets/icon-caret.liquid". I'm using Ride 15.2 theme. Do you have an updated code for this? THanks!!

    • @FidawnFragrance
      @FidawnFragrance 2 หลายเดือนก่อน

      me too

    • @liekeholland6295
      @liekeholland6295 2 หลายเดือนก่อน +1

      I did too, I removed line 204 in the code and now it works

    • @pedropardo7858
      @pedropardo7858 วันที่ผ่านมา

      yes, i have same error. pls update video if is possible, thank you

  • @lakshyasharma5968
    @lakshyasharma5968 3 หลายเดือนก่อน +2

    hi! It not working on latest 15.2.0 theme - showing error "Liquid error (sections/main-product line 204): Could not find asset snippets/icon-caret.liquid " - any solution please?

    • @NathanBui-k8k
      @NathanBui-k8k 3 หลายเดือนก่อน

      sma ething happened to me so i just deleted the code that was invaild and it worked

    • @PlantasticRoots
      @PlantasticRoots 3 หลายเดือนก่อน +1

      I don't know SQUAT about coding, but I deleted line 204 and it worked! feel invincible. LOL.

    • @moonbunnyau
      @moonbunnyau 2 หลายเดือนก่อน

      @@PlantasticRoots hahah thanks so much for this! It works for my theme too!

    • @TiteVargas
      @TiteVargas หลายเดือนก่อน

      Thanks!! I also deleted it and it worked

  • @BijayGT-b7y
    @BijayGT-b7y 4 หลายเดือนก่อน +2

    Bro how to deploy the description in the Collapsible that changes as per SKU. currently on shopify the description remains default for all the SKUs.

  • @studio_artify
    @studio_artify 2 หลายเดือนก่อน +1

    I want to create more collapsable menu other than description. how do I do that?

  • @RJ-mh7jr
    @RJ-mh7jr 6 หลายเดือนก่อน +2

    cannot find when description its no where in the code went through the whole code

    • @OnHOWGuy
      @OnHOWGuy  6 หลายเดือนก่อน

      I am working on that code to update it because a subscriber recommended a very good tip which is adding a down arrow to the button.
      I will add comments to the code on where to change the description wording.
      Cheers

  • @dougsmith9779
    @dougsmith9779 5 หลายเดือนก่อน +2

    yes tks so much, quite the indepth process made simple

    • @OnHOWGuy
      @OnHOWGuy  5 หลายเดือนก่อน

      You're very welcome and glad i could help.
      Cheers

  • @CripplingDipStories
    @CripplingDipStories 5 หลายเดือนก่อน

    Dude, you are amazing! thank you so much

    • @OnHOWGuy
      @OnHOWGuy  5 หลายเดือนก่อน

      You're very welcome and glad i could help.
      Cheers

  • @barsk76
    @barsk76 5 หลายเดือนก่อน +1

    Hi and thank you for the tutorial. I have a question: Can we add an "icon" at the left side of the Description? It looks much more sleek if we can do such a thing. I belive many people want to have that too for design look. Can you modify your code according to adding an icon at the left side of description as the other collapsible items? Thanks in advance.

    • @OnHOWGuy
      @OnHOWGuy  5 หลายเดือนก่อน

      Absolutely, as im writing this and debugging the code because i added it and its not showing up so i will update the code with icon soon.
      Cheers

    • @barsk76
      @barsk76 5 หลายเดือนก่อน

      @@OnHOWGuy This is great news. Thanks a lot 🤙🤙

    • @uzzy5294
      @uzzy5294 3 หลายเดือนก่อน

      @@OnHOWGuy hello Any updates on this i need it as soon as possible thanks

    • @samsonhunter
      @samsonhunter 2 หลายเดือนก่อน +1

      @@OnHOWGuy any update on this?

  • @tislanestore198
    @tislanestore198 7 หลายเดือนก่อน +1

    nadi tbarklah 3lik💗

  • @MrPrankingBros
    @MrPrankingBros 4 หลายเดือนก่อน

    hi bro, do you have code with a icon before the text for example?

  • @primeaddis
    @primeaddis 5 หลายเดือนก่อน

    Thank You Very Much It works Like a Charm keep up the good work

    • @OnHOWGuy
      @OnHOWGuy  5 หลายเดือนก่อน +1

      You're very welcome and glad i could help.
      Cheers

  • @Legc26
    @Legc26 2 หลายเดือนก่อน

    The code is great! thanks!

  • @DaNatureGallery
    @DaNatureGallery หลายเดือนก่อน

    Im trying to edit the code on Showcase but, it doesn't give me an option to edit the code so I dont know how i can do this

  • @ecomSteve-j6k
    @ecomSteve-j6k 4 หลายเดือนก่อน

    Hey Fella, great video's! Can I ask when using my code and cmd and F and place the when "description" in the search box. The highlight bar does not automatically search the code? meaning the highlighted bar does not move to the code text. I am using Focal theme for Shopify
    Any help on this?

  • @ictstudentk7956
    @ictstudentk7956 3 หลายเดือนก่อน

    Hey boss! I have an interesting question. I have added my product descriptions in Dawn theme as a metafielcd in a collapsible row. Now I try to add my Facebook AD account and it says it can't connect the products because they don't have a product description.
    Do you know how to code that the metafielcd in the collapsible row wil be readed as the description. I think Impulse has that option.

  • @stuartwebb920
    @stuartwebb920 4 หลายเดือนก่อน

    I love your video but I also want to add another drop down menue for shipping and returns. How do I do this as the video only shoes how to make a drop down description. Thanks

  • @SemoTaybe
    @SemoTaybe 6 หลายเดือนก่อน

    I got a question: are you sure thats applicable for all the free themes, I cant find the when 'description' in the SENSE theme.

    • @OnHOWGuy
      @OnHOWGuy  6 หลายเดือนก่อน

      Yes, for Refresh, Spotlight, Sense, Taste and Trade then Dawn which is the one i do demonstrations on.
      Cheers

    • @SemoTaybe
      @SemoTaybe 6 หลายเดือนก่อน

      @@OnHOWGuy thank you.

  • @theresfoodatthehouse
    @theresfoodatthehouse 6 หลายเดือนก่อน

    He Anas. Is there a way to put an Icon in front of the word "Description" when you make it a drop-down?

    • @OnHOWGuy
      @OnHOWGuy  6 หลายเดือนก่อน +2

      Ohh thats a good one, i will rewrite the code to have maybe a down arrow or something.
      Cheers

    • @theresfoodatthehouse
      @theresfoodatthehouse 6 หลายเดือนก่อน

      @@OnHOWGuy Thanks a bunch 😊😊

    • @Dolly3469
      @Dolly3469 6 หลายเดือนก่อน

      @@OnHOWGuy Hi brother ! Let me know when you have applied this change to the code.

  • @rajaahmed_2828
    @rajaahmed_2828 5 หลายเดือนก่อน +1

    amazing video brother

    • @OnHOWGuy
      @OnHOWGuy  5 หลายเดือนก่อน +1

      Thank you, glad i could help

  • @zommbyy5151
    @zommbyy5151 12 วันที่ผ่านมา

    i did literally copy everything step by step and when i saved refreshed went to product page : this came up under the product (Description
    Liquid error (sections/main-product line 204): Could not find asset snippets/icon-caret.liquid) how could i resolve this please help.

  • @Truth_Spoken
    @Truth_Spoken 7 หลายเดือนก่อน

    Worked perfectly, thank you.

    • @OnHOWGuy
      @OnHOWGuy  7 หลายเดือนก่อน

      Glad it helped

  • @joeljohnson5695
    @joeljohnson5695 4 หลายเดือนก่อน

    Absolute legend man!

  • @EllaWills-qg3xx
    @EllaWills-qg3xx 5 หลายเดือนก่อน

    Hello.
    I cleared off the original code and couldn't find it as I didn't save it.
    Is there anyway I can restore my original layout and description back to how it was?

    • @OnHOWGuy
      @OnHOWGuy  5 หลายเดือนก่อน

      Hey, Not sure what you mean by "couldn't find it as I didn't save it" but just on the code editor below the file name you'll see "Recent changes" and below it "current" with a down arrow, just click on it and you'll see the history for previous versions of the file for all the changes.
      If somehow that didn't work you can add another theme (same one) to your library below your main theme and access the code editor for it and then simply copy the code from that file (same file name) and paste it on your main theme file (same file name).
      Cheers

  • @jessedebakker2257
    @jessedebakker2257 3 หลายเดือนก่อน

    How can i center the description word instead of left aligned

  • @ManishPal-it7pv
    @ManishPal-it7pv 6 หลายเดือนก่อน

    Hey Brother. Need help. How to do it in Deputify theme? This "when 'description'" is not there in main-product.liquid :(

    • @OnHOWGuy
      @OnHOWGuy  5 หลายเดือนก่อน

      Hey, Try just "description" instead, i never tried my codes for third party themes because i know they use different theme structure so its almost impossible to make the codes work for Shopify themes and third party themes at the same time.
      Cheers

    • @ManishPal-it7pv
      @ManishPal-it7pv 5 หลายเดือนก่อน

      @@OnHOWGuy Thank You for the response.

  • @bombbenefit7059
    @bombbenefit7059 7 หลายเดือนก่อน

    Please, when you have a chance, could you teach how to modify the size of the "Buy now" button (home page in Dawn Theme) on mobile only (I would like to make it smaller) since it looks very big on the phone screen. Thank you.

    • @OnHOWGuy
      @OnHOWGuy  7 หลายเดือนก่อน +1

      Absolutely, i just noted your request, i will make both for mobile only and desktop as well.
      Cheers

  • @t0nno
    @t0nno 2 วันที่ผ่านมา

    Thanks!

  • @anaascensao6617
    @anaascensao6617 6 หลายเดือนก่อน

    How do I change the text "description" to something else? "details" for example?

    • @dhaanuuu
      @dhaanuuu 6 หลายเดือนก่อน +1

      Just change in code section Description to Details

    • @OnHOWGuy
      @OnHOWGuy  6 หลายเดือนก่อน +1

      As the legend below said just change the word in the code.
      Cheers

    • @OnHOWGuy
      @OnHOWGuy  6 หลายเดือนก่อน +1

      Thanks legend

    • @dhaanuuu
      @dhaanuuu 6 หลายเดือนก่อน

      @@OnHOWGuy Bro How Can I add this collapsible description to Debutify theme

  • @etrgoud
    @etrgoud 7 หลายเดือนก่อน

    I wonder where were you all these days 😂 happy to c u again, a Brother from India ❤

    • @OnHOWGuy
      @OnHOWGuy  7 หลายเดือนก่อน

      i found out that video requests never end haha, i had to take a break to take care of some other projects.
      Thanks legend, i appreciate it.

    • @illicopresto7602
      @illicopresto7602 7 หลายเดือนก่อน

      Thanks brother. You're the best. ❤❤❤

    • @etrgoud
      @etrgoud 7 หลายเดือนก่อน

      ​😂 that's true the chain of new learners will never end thanks for your endless support, and soo happy i got your channel ❤️ from INDIA, you are the LEGEND😈@@OnHOWGuy

  • @japsimer
    @japsimer 7 หลายเดือนก่อน

    hey, love your videos . could you please help me out with a problem I am stuck badly. can you make a code to get hover working on mega menu in dawn theme. like the code you had provided in thee last video works on drop down menu but doesn't work in mega menu. please help bro it'll be a huge help for me

    • @OnHOWGuy
      @OnHOWGuy  7 หลายเดือนก่อน

      Thanks legend, i see then okay give me some time i will figure it out and make a video.
      Also which theme are you using ? and you not using an app for drop down ?
      Thanks

    • @japsimer
      @japsimer 7 หลายเดือนก่อน

      @@OnHOWGuy thankyou do much for your humble reply, I am working on dawn theme, also I am not using any external app for creating the mega menu, its made via navigation. please could you figure this out

  • @MahmoudHassan-g2y
    @MahmoudHassan-g2y 6 หลายเดือนก่อน

    Thank you so much anas for your effort , this trick works great for me , but I don't understand anything about coding, I just followed your steps, but I didn't get what you meant when you saied (sometimes it breaks, and you copied the previous code) , because I don't understand anything about coding, I didn't get a copy From the previous code, is There is any Risk on my store, or what should I do if anything happened?

    • @OnHOWGuy
      @OnHOWGuy  6 หลายเดือนก่อน +1

      You're very welcome brother and glad i could help, No worries no risk at all if it did work for you then no need to take a back up and you good to go.
      I mentioned that because the videos can live forever on TH-cam and updates can break the code so taking a back up of the previous will help get back to your previous version if incase the code didnt work.
      And the option that breaks sometimes is the "the changes history" on the thing i showed in the video and it will help you get back to your previous version without having manually back up the code but as i said sometimes it breaks and it loses the history of your changes.
      I hope thats clear.
      Cheers

  • @vamsikrishnachakka
    @vamsikrishnachakka 4 หลายเดือนก่อน

    Getting An Error
    Liquid error (sections/main-product line 204): Could not find asset snippets/icon-caret.liquid

    • @stefwijnen3799
      @stefwijnen3799 3 หลายเดือนก่อน +1

      Just remove line 204 in the code that giving the error, that worked for me

  • @NomadCreativeDesign
    @NomadCreativeDesign 4 หลายเดือนก่อน

    I have the studio theme and it doesn't work, now I have a error Description
    Liquid error (sections/main-product line 204): Could not find asset snippets/icon-caret.liquid kan you please help me :S

    • @srijitadas958
      @srijitadas958 4 หลายเดือนก่อน

      yeah same problem

    • @stefwijnen3799
      @stefwijnen3799 3 หลายเดือนก่อน

      Just remove line 204, that worked for me

  • @JackDlife
    @JackDlife 4 หลายเดือนก่อน +1

    doesnt work anymore

  • @trillamex1316
    @trillamex1316 5 หลายเดือนก่อน

    How do we put an icon next to it ?

    • @OnHOWGuy
      @OnHOWGuy  5 หลายเดือนก่อน

      I am working on that.
      Cheers

  • @slobodansvajner494
    @slobodansvajner494 3 หลายเดือนก่อน

    code dont work for me

  • @CammiNevarez
    @CammiNevarez 6 หลายเดือนก่อน

    THANK YOU!!

    • @OnHOWGuy
      @OnHOWGuy  6 หลายเดือนก่อน

      You're welcome

  • @clickheretowatchthematchfo3414
    @clickheretowatchthematchfo3414 4 หลายเดือนก่อน

    its giving error in description area

    • @stefwijnen3799
      @stefwijnen3799 3 หลายเดือนก่อน

      Just remove line in the code that giving the error, that worked for me

  • @amanhassan8493
    @amanhassan8493 7 หลายเดือนก่อน

    main-product file is not in the theme impulse

    • @OnHOWGuy
      @OnHOWGuy  7 หลายเดือนก่อน

      I don't have access to paid themes and you should ask the support for tricks like these.
      Side note: its 100& named as something else similar.
      Cheers

  • @clarke20220
    @clarke20220 หลายเดือนก่อน

    how to add more than 1 tab

    • @Stockholmes28
      @Stockholmes28 หลายเดือนก่อน

      Add collabsable code

  • @PrimaryPoultry
    @PrimaryPoultry 4 หลายเดือนก่อน

    Legend man

  • @Asem-dw2rc
    @Asem-dw2rc 7 หลายเดือนก่อน

    It's good to see you.

    • @OnHOWGuy
      @OnHOWGuy  7 หลายเดือนก่อน

      Thank you and good to see your comment too.
      Cheers

  • @BlazzinY.T
    @BlazzinY.T 6 หลายเดือนก่อน

    When i do collapsible row on a product it keeps showing on my other products how do i fix that

    • @rozivibes
      @rozivibes 6 หลายเดือนก่อน

      same issue is on my side

    • @OnHOWGuy
      @OnHOWGuy  6 หลายเดือนก่อน

      Yes, thats the purpose of this video so you will have a collapsible row for description on all products, or you want it only on one product ?
      Please let me know in a new comment as its difficult for me to see replies now.
      Cheers

    • @rozivibes
      @rozivibes 6 หลายเดือนก่อน

      @@OnHOWGuy i want to show seperate description for my every product.. Every product has its own description.. But when i add collapse row, it shows same description for all the products

    • @MathiasTillerEvensen
      @MathiasTillerEvensen หลายเดือนก่อน +1

      @@rozivibes i have the same problem, did you find a solution for this ?

  • @azizmt1723
    @azizmt1723 7 หลายเดือนก่อน

    Welcome back

    • @azizmt1723
      @azizmt1723 7 หลายเดือนก่อน

      You look fresh

    • @OnHOWGuy
      @OnHOWGuy  7 หลายเดือนก่อน

      Thank you brother

    • @OnHOWGuy
      @OnHOWGuy  7 หลายเดือนก่อน

      Haha i appreciate that

  • @Mohajjarr
    @Mohajjarr 4 หลายเดือนก่อน

    Legend!

  • @learnwithattitude1093
    @learnwithattitude1093 5 หลายเดือนก่อน

    very grateful

    • @OnHOWGuy
      @OnHOWGuy  5 หลายเดือนก่อน

      Glad to hear that.
      Cheers

  • @rukiruki9741
    @rukiruki9741 6 หลายเดือนก่อน

    Please add "studio" theme to your hacks, its a free one. Im obsessed with your content but nothing ever seems to work for me. :(

    • @OnHOWGuy
      @OnHOWGuy  6 หลายเดือนก่อน +1

      Absolutely, Studio is not requested that much thats why i didn't add it to the list.
      Keep in mind that the videos you will see in the upcoming month are all already made and uploaded so they will not have studio theme and i apologise for that.
      Cheers

  • @Newcomedy540
    @Newcomedy540 7 หลายเดือนก่อน

    Bro plzz create a vedio product slider or product pic slider plzzzzzzzzzzzz😢

    • @OnHOWGuy
      @OnHOWGuy  7 หลายเดือนก่อน

      Absolutely, i just noted your request and i will work on it.
      Cheers

  • @lifestorysunity.project
    @lifestorysunity.project 5 หลายเดือนก่อน

    can we support you with donations
    for the work

    • @OnHOWGuy
      @OnHOWGuy  5 หลายเดือนก่อน

      Absolutely and that will mean a lot.
      You can do a super thanks and that would be appreciated.
      Thank you

    • @lifestorysunity.project
      @lifestorysunity.project 5 หลายเดือนก่อน

      I think everyone who watches should make a small donation because you give good value and it doesn't cost us anything and if we have to search ourselves or hire someone it costs us a lot

  • @Victor_Sierra660
    @Victor_Sierra660 5 หลายเดือนก่อน

    Hi, Thanks for making this video, Request you to make a video how can we more options in Collapsible Menu, like Product specifications, Material used, How to use? And how can we add it to multiple products which are already listed on shopify store?😊😊😊 Thanks in anticipation

    • @OnHOWGuy
      @OnHOWGuy  5 หลายเดือนก่อน

      Hey, You're very welcome and glad i could help.
      Yeah ofc, You can do that from the product description form, its very flexible if you know how to use it, you can add tables and all sort of things in the description and that data will be in the collapsible description.
      Copied it and paste for other products and change the data and values.
      Cheers

    • @Victor_Sierra660
      @Victor_Sierra660 5 หลายเดือนก่อน

      @@OnHOWGuy Hi Thank u so much for prompt and quick response, Needed People like u on YT who really work for their viewers, It would be more easy if u can make step by step video on...Which will help people like me a lot. I have tried whatever I can but when I write something in Description it goes as default to all Products, that's y looking for ur valuable Guidance please...God bless u, Keep Helping the People.

  • @clarke20220
    @clarke20220 หลายเดือนก่อน +1

    how do you add more than one description tab