How To Add Collapsible Product Description Section In Shopify

  Рет қаралды 1,696

OnHOW

OnHOW

Ай бұрын

Today i will show you how to add collapsible product description content in Shopify and create a clickable section for the product's features.
Increase user experience and SEO by adding collapsible product descriptions to your Shopify store, save space and provide detailed information efficiently.
Adding collapsible product description content for a Shopify store is important because it allows customers to easily access detailed information about a product without overwhelming them with too much text.
This feature helps improve the user experience, increases engagement, and ultimately leads to higher conversion rates so by organising product information in a collapsible format because customers can quickly find the information they are looking for, leading to a more seamless shopping experience.
For those reasons i would consider adding collapsible product description on Shopify is a must to enhance the user experience and that will result in more sales.
Find: when 'description'
Replace from div To /div
Code : pastebin.com/GjPZu9hK
If you have any questions or suggestions my Instagram : / anas_elmedlaoui
About me:
My name is Anas El Medlaoui and i have been around digitally for 9 years making Websites, Mobile Applications, Social Media Promotions, E-commerce etc...
And i have accumulated some experience in multiple fields over the years jumping from project to project (Which wasn't a good idea), I started this KZbin channel after a year of hesitation to share my knowledge and experience with people that are willing to succeed online with the theory of knowledge for everyone.
#shopify #collapsible

Пікірлер: 48
@theresfoodatthehouse
@theresfoodatthehouse 28 күн бұрын
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 27 күн бұрын
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.
@Truth_Spoken
@Truth_Spoken Ай бұрын
Worked perfectly, thank you.
@OnHOWGuy
@OnHOWGuy Ай бұрын
Glad it helped
@tislanestore198
@tislanestore198 Ай бұрын
nadi tbarklah 3lik💗
@CammiNevarez
@CammiNevarez 18 күн бұрын
THANK YOU!!
@OnHOWGuy
@OnHOWGuy 17 күн бұрын
You're welcome
@Asem-dw2rc
@Asem-dw2rc Ай бұрын
It's good to see you.
@OnHOWGuy
@OnHOWGuy Ай бұрын
Thank you and good to see your comment too. Cheers
@etrgoud
@etrgoud Ай бұрын
I wonder where were you all these days 😂 happy to c u again, a Brother from India ❤
@OnHOWGuy
@OnHOWGuy Ай бұрын
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 Ай бұрын
Thanks brother. You're the best. ❤❤❤
@etrgoud
@etrgoud Ай бұрын
​😂 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
@MahmoudHassan-g2y
@MahmoudHassan-g2y 25 күн бұрын
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 24 күн бұрын
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 KZbin 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
@bombbenefit7059
@bombbenefit7059 Ай бұрын
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 Ай бұрын
Absolutely, i just noted your request, i will make both for mobile only and desktop as well. Cheers
@azizmt1723
@azizmt1723 Ай бұрын
Welcome back
@azizmt1723
@azizmt1723 Ай бұрын
You look fresh
@OnHOWGuy
@OnHOWGuy Ай бұрын
Thank you brother
@OnHOWGuy
@OnHOWGuy Ай бұрын
Haha i appreciate that
@japsimer
@japsimer Ай бұрын
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 Ай бұрын
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 Ай бұрын
@@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
@RJ-mh7jr
@RJ-mh7jr 6 күн бұрын
cannot find when description its no where in the code went through the whole code
@OnHOWGuy
@OnHOWGuy 5 күн бұрын
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
@theresfoodatthehouse
@theresfoodatthehouse 14 күн бұрын
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 14 күн бұрын
Ohh thats a good one, i will rewrite the code to have maybe a down arrow or something. Cheers
@theresfoodatthehouse
@theresfoodatthehouse 14 күн бұрын
@@OnHOWGuy Thanks a bunch 😊😊
@waseemb3746
@waseemb3746 6 күн бұрын
@@OnHOWGuy Hi brother ! Let me know when you have applied this change to the code.
@amanhassan8493
@amanhassan8493 Ай бұрын
main-product file is not in the theme impulse
@OnHOWGuy
@OnHOWGuy Ай бұрын
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
@SemoTaybe
@SemoTaybe 18 сағат бұрын
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 3 сағат бұрын
Yes, for Refresh, Spotlight, Sense, Taste and Trade then Dawn which is the one i do demonstrations on. Cheers
@anaascensao6617
@anaascensao6617 8 күн бұрын
How do I change the text "description" to something else? "details" for example?
@dhaanuuu
@dhaanuuu 8 күн бұрын
Just change in code section Description to Details
@OnHOWGuy
@OnHOWGuy 7 күн бұрын
As the legend below said just change the word in the code. Cheers
@OnHOWGuy
@OnHOWGuy 7 күн бұрын
Thanks legend
@dhaanuuu
@dhaanuuu 7 күн бұрын
@@OnHOWGuy Bro How Can I add this collapsible description to Debutify theme
@Newcomedy540
@Newcomedy540 Ай бұрын
Bro plzz create a vedio product slider or product pic slider plzzzzzzzzzzzz😢
@OnHOWGuy
@OnHOWGuy Ай бұрын
Absolutely, i just noted your request and i will work on it. Cheers
@rukiruki9741
@rukiruki9741 2 күн бұрын
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 3 сағат бұрын
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
@BlazzinY.T
@BlazzinY.T 20 күн бұрын
When i do collapsible row on a product it keeps showing on my other products how do i fix that
@rozivibes
@rozivibes 20 күн бұрын
same issue is on my side
@OnHOWGuy
@OnHOWGuy 19 күн бұрын
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 19 күн бұрын
@@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
How To Make Best Selling T-Shirt Designs 2024
20:03
Alek
Рет қаралды 327 М.
How to Add Product Tabs in Shopify (2024)
8:02
Helpful Online
Рет қаралды 643
Зачем он туда залез?
00:25
Vlad Samokatchik
Рет қаралды 3,3 МЛН
Дарю Самокат Скейтеру !
00:42
Vlad Samokatchik
Рет қаралды 8 МЛН
БАБУШКИН КОМПОТ В СОЛО
00:23
⚡️КАН АНДРЕЙ⚡️
Рет қаралды 16 МЛН
Самый Молодой Актёр Без Оскара 😂
00:13
Глеб Рандалайнен
Рет қаралды 11 МЛН
18 BIGGEST Mistakes Etsy Sellers Make & How to Fix Them
18:31
Brandon Timothy
Рет қаралды 2,2 М.
How to use AI and ChatGPT to Create an Insane Landing Page
5:23
Build AI Agents in Whatsapp in 30 Minutes | EASY Set-Up
24:32
Full Print On-Demand Tutorial For Beginners (2024 Version)
39:06
Greg Gottfried
Рет қаралды 336 М.
Successful Google Ads Campaigns With a Small Budget
16:11
Aaron Young | Google Ads | Define Digital Academy
Рет қаралды 46 М.
Reacting to 21 Design Portfolios in 22 Minutes
22:41
Flux Academy
Рет қаралды 530 М.
Shopify How to add custom dynamic content in Collapsible row
3:36
Easywpknowledge
Рет қаралды 24 М.
Best Way To Start Dropshipping in 2024 (Complete Tutorial)
1:21:09
Santrel Media
Рет қаралды 434 М.
How To Get Free Traffic To Your Shopify Store
13:30
OnHOW
Рет қаралды 14 М.
Зачем он туда залез?
00:25
Vlad Samokatchik
Рет қаралды 3,3 МЛН