No video

[Shopify - 2024] How To Create Collapsible Accordion for Product Description - Product Page Tabs

  Рет қаралды 28,879

WebSensePro

WebSensePro

Күн бұрын

In this video, I'm going to show you how to create collapsible accordions for your product descriptions using HTML and CSS. This is a great way to add some extra visual interest to your product pages, while also making them more user-friendly. So if you're interested in learning more, keep watching!
Do you want to create collapsible accordions / tabs for your product descriptions on Shopify? You're in luck! In this video I'll show you how to do just that. It's really easy and it will make your product descriptions look great which will shows nice looking tabs without any paid app. Enjoy!
Tutorial link for code: websensepro.co...
00:00 Intro
00:50 Adding script code
02:14 Adding CSS code
02:55 Adding JS code
03:35 Creating Meta Fields
06:50 Adding code in product-template.liquid file
08:19 Previewing Accordions in Product Description
08:30 Adding Metafield values
If you want help with Shopify Customization, store development, or any other web development help. Contact us via websensepro.co...

Пікірлер: 263
@peternono7495
@peternono7495 2 жыл бұрын
Hy! it helped me a lot! Thank you
@WebSensePro
@WebSensePro 2 жыл бұрын
Your welcome
@nyaradzotaguzu9060
@nyaradzotaguzu9060 2 жыл бұрын
@@WebSensePro how do i get the links to copy?
@WebSensePro
@WebSensePro 2 жыл бұрын
@@nyaradzotaguzu9060 using html Ahref
@evangelinewilson6570
@evangelinewilson6570 6 ай бұрын
The code on the screen does not match the code in the link provided to get the code. Is this an error? There are two lines codes on the screen but one from the tutorial's page. I tried with the code from the link and it does not work for me.
@WebSensePro
@WebSensePro 5 ай бұрын
Thats weird it should be working fine
@UNKNOWNBYTE
@UNKNOWNBYTE 2 жыл бұрын
Thank you!! This helped me figure out how to setup the collapsible tabs that the one free theme includes, was going bonkers trying to figure it out. 🤣🤣
@WebSensePro
@WebSensePro 2 жыл бұрын
Lol dont forget to subscribe
@UNKNOWNBYTE
@UNKNOWNBYTE 2 жыл бұрын
@@WebSensePro Already have. lol
@clairesteckel3086
@clairesteckel3086 4 ай бұрын
was able to use this with the forge theme (with a few changes) thanks for your help :)
@WebSensePro
@WebSensePro 4 ай бұрын
Glad I could help!
@hasher22
@hasher22 2 жыл бұрын
Thank you! But how do I add breaks in the description? It's all one big wall of text. doesn't work as you suggested Edit: Figured it out: just add not at the start of each sentence
@WebSensePro
@WebSensePro 2 жыл бұрын
Great
@ModelSceneryTutorials
@ModelSceneryTutorials Жыл бұрын
I have over 200 products in the store. When I follow this process, which I did in a duplicate Debute, all products show only the tabs without information. So I must edit over 200 pages. Is there any way to add these tabs to only particular pages?
@WebSensePro
@WebSensePro Жыл бұрын
Yes can be easily done via Shopify if condition
@vickbrown107
@vickbrown107 2 жыл бұрын
It worked!!!! Great. Thanks man
@WebSensePro
@WebSensePro 2 жыл бұрын
Great to hear!
@Whereswaloo
@Whereswaloo 4 ай бұрын
I’m using the prestige theme and on my product page only first and third title and description show up . Also is there a way to change it so that the first tab does not automatically open when you press on the product . My first tab is automatically opened whenever I open a product on mobile and computer
@WebSensePro
@WebSensePro 4 ай бұрын
Yes it's possible some JS code
@abderrahmanenafil1524
@abderrahmanenafil1524 Жыл бұрын
Amazing explanation 👏👏
@WebSensePro
@WebSensePro Жыл бұрын
Thanks for appreciation, if this video/channel you helped in any way please support by Subscribing and Hit the Like button.
@ahsanshopify7134
@ahsanshopify7134 Жыл бұрын
Really helpful. I hope you will keep giving us such a precious content.
@WebSensePro
@WebSensePro Жыл бұрын
For sure
@Whereswaloo
@Whereswaloo 4 ай бұрын
Awesome video brother
@WebSensePro
@WebSensePro 4 ай бұрын
Your welcome
@shimgoeun
@shimgoeun Жыл бұрын
So useful 😍 Thank you so much!
@WebSensePro
@WebSensePro Жыл бұрын
Your welcome dont forget to subscribe
@amandinemedzi1915
@amandinemedzi1915 11 ай бұрын
Great video guy
@WebSensePro
@WebSensePro 11 ай бұрын
Glad you enjoyed it
@tahariar
@tahariar 7 ай бұрын
Hello, I am stuck on step 5. I am using the Prestige theme and I was able to locate the product theme but in the text field the only area I see product.description is lined to pin interest?
@WebSensePro
@WebSensePro 6 ай бұрын
Contact websensepro.com/contact-us for paid support
@petervdh24
@petervdh24 Жыл бұрын
You are a legend thanks
@WebSensePro
@WebSensePro Жыл бұрын
Thanks for appreciation, dont forget to subscribe and put the bell icon on
@user-yi7oi2bc1c
@user-yi7oi2bc1c 6 ай бұрын
The css code was not showing as an option for me, the end result was simply three bullet points added where there should be collapsible fields and nothing pulling through from metafields, any tips welcome!
@WebSensePro
@WebSensePro 6 ай бұрын
Add css code in theme.liquid in tag
@evangelinewilson6570
@evangelinewilson6570 6 ай бұрын
tried to do this but the first script has a red line and I get this message when I hover over the script "avoid parser blocking script by adding 'defer or 'async" any help with this please .
@WebSensePro
@WebSensePro 5 ай бұрын
Just add asyn like
@aishashabazz5299
@aishashabazz5299 2 жыл бұрын
For the Studio template, there's no theme.js, which one should I use instead?
@WebSensePro
@WebSensePro 2 жыл бұрын
Any .js file with in theme files, let us know if it works fine on studio theme
@MarcyNorwood
@MarcyNorwood 2 ай бұрын
This is great but my tabs won't expand or collapse. I'm using the latest Dawn theme. I'm thinking this has something to do with the js code maybe being in the wrong place. I'm getting an error that says "Asset should be served by the Shopify CDN for better performance." Any ideas?
@WebSensePro
@WebSensePro 2 ай бұрын
Please contact via websensepro.com/contact-us for paid support
@SwishSyndicate
@SwishSyndicate 7 ай бұрын
Thank you, very much! If I want the first part of my product description to always be visible and not an accordion, would I just not include it in a metafield? Thank you for any help...
@WebSensePro
@WebSensePro 6 ай бұрын
Correct
@akulmaitra92
@akulmaitra92 2 жыл бұрын
Hey thanks a lot for this tutorial! It was really helpful, but i just wanted to make a note that with the Debut theme ver. 17.14.1 jquery 3.2.1 worked but the 3.5.1 did not. I don't know the reason for this as i'm very new to customizing shopify but thought it might be helpful. Also, if possible could you please share how to alight the accordion to the left and not the right as it is above? Thanks a lot again!
@WebSensePro
@WebSensePro 2 жыл бұрын
Thats weird will check that out
@akulmaitra92
@akulmaitra92 2 жыл бұрын
@@WebSensePro awesome, also sorry i meant align* to left
@ReyiariBelem
@ReyiariBelem Жыл бұрын
I dont have a theme.css file and product template liquid file located in my shopify code please how can i go about it, is it that i have another version and how can i go about it in this case?
@WebSensePro
@WebSensePro Жыл бұрын
Which theme and version you are using?
@linuseldh9405
@linuseldh9405 2 жыл бұрын
I cant find the theme.css folder in my theme. Is there any way to bypass this or do i need to change theme for that?
@WebSensePro
@WebSensePro 2 жыл бұрын
You can add any .css file, which theme you are using?
@linuseldh9405
@linuseldh9405 2 жыл бұрын
I’m using studio theme
@YusufKhan-vt7co
@YusufKhan-vt7co Жыл бұрын
Thanks a lot man
@WebSensePro
@WebSensePro Жыл бұрын
Happy to help! Don't forget to sub, like and share
@omarmoumni2559
@omarmoumni2559 11 ай бұрын
hello. I am using the craft theme. I couldn't find theme.css so I pasted the code to base.css However, I don't seem to find theme.js Where should I paste the code please
@WebSensePro
@WebSensePro 11 ай бұрын
Find other JS file
@katieupchurch3598
@katieupchurch3598 2 жыл бұрын
This is genius! Is there a way to add an icon/element next to the tab title? For instance, I'd love to add an icon of Earth next to one of the titles in the accordion. Thank you!
@WebSensePro
@WebSensePro 2 жыл бұрын
Yes you can do that using font awesome
@streetfoodhunter_WR
@streetfoodhunter_WR Ай бұрын
Thank you so much for this tutorial, I just have a question about the theme I am using which is Trade. I cannot find css.theme file in there. Could I put the section code fraction somewhere else? Thank you!
@WebSensePro
@WebSensePro Ай бұрын
Sure, you can search for "theme.scss" or "base.css".
@jessicaalba7335
@jessicaalba7335 10 ай бұрын
Sir I got struck in another situation. I want to both accordions and description + Images. Somethings like this ⬇ First Description Seond Image Third Accordion
@WebSensePro
@WebSensePro 9 ай бұрын
Yes its doable via code, you can contact us websensepro.com/contact-us
@HeerrShah
@HeerrShah Жыл бұрын
hi how do i add different collapsible content across all my products. the problem im facing is the collapsible stays the same through all the products, i want to add different details in accordance to the product. please let me know how it can be done.
@WebSensePro
@WebSensePro Жыл бұрын
You can do this by adding meta fields, check our video related to meta fields
@WebSensePro
@WebSensePro Жыл бұрын
If this video/channel helped you in any way please support by Subscribing and Hit the Like button.
@yukiii7531
@yukiii7531 Жыл бұрын
Thank you for this video! It was clear and easy to follow - just subscribed to your channel! Could you also make a tutorial on how to add icons on the collapsible accordions? Thank you!
@WebSensePro
@WebSensePro Жыл бұрын
Sure thanks for the idea
@ZamanMahmood
@ZamanMahmood Жыл бұрын
Thanks for the video. Please make a video on how to make menu-submenu accordian style in main menu for mobile view.
@WebSensePro
@WebSensePro Жыл бұрын
Thanks for the idea
@thedigitalnuman9461
@thedigitalnuman9461 Жыл бұрын
hello sir , hope you are doing great eveything is very well but in my free refresh theme, i did not get these file theme.css, theme.jss , “product-template.liquid how should i do now with reference to it ? must tell sir i am waiting for your respond
@WebSensePro
@WebSensePro Жыл бұрын
This tutorial was created when it was Debut theme which is no longer supportable. In your refresh theme you can use built in feature you can use "Collapsible Row" block
@kimb6793
@kimb6793 2 жыл бұрын
Hi Great video but my theme (Dawn) didn't have a "Theme.css" in "edit code" when i searched for it?
@WebSensePro
@WebSensePro 2 жыл бұрын
Use base.css
@kimb6793
@kimb6793 2 жыл бұрын
@@WebSensePro Thank you! And what do i do with the "theme.js" issue? :) I don't have that either. I see now in product.json in templates that i have a "collapsible_tab" look already built in my theme. Please see below code: * "collapsible-row-0": { "type": "collapsible_tab", "settings": { "heading": "Materials", "icon": "leather", "content": "", "page": "" } }, "collapsible-row-1": { "type": "collapsible_tab", "settings": { "heading": "Shipping & Returns", "icon": "truck", "content": "", "page": "" } }, "collapsible-row-2": { "type": "collapsible_tab", "settings": { "heading": "Dimensions", "icon": "ruler", "content": "", "page": "" * But there is no way for me to edit or add the information for each individual product that i have, do you know what i mean?
@simong7735
@simong7735 3 ай бұрын
Am looking for a solution for this> we already have accordion menus (4 of them expandable) however we want to move them all up on the page to under reviews and before Add To Cart. How can we do this while preserving all the text contained within please ? 🙂
@WebSensePro
@WebSensePro 2 ай бұрын
Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support
@thesmallfarmerlife
@thesmallfarmerlife Жыл бұрын
Does not work with new themes like Dawn and probably other now in 2023
@WebSensePro
@WebSensePro Жыл бұрын
It actually works. It depends why you are using it. I am going to update this tutorial with Dynamic Accordions
@jimmoefoe1471
@jimmoefoe1471 5 күн бұрын
I don't have the themes.css or the js file as you have?
@Shroomade
@Shroomade 11 ай бұрын
thank you!
@WebSensePro
@WebSensePro 10 ай бұрын
You're welcome!
@JeanBordeux
@JeanBordeux Жыл бұрын
Thank you for the great video. Is there an option to add an accordion under the existing product description - instead of replacing the description entirely with the accordion. Thank you
@WebSensePro
@WebSensePro Жыл бұрын
Yes just dont delete add code below description code
@arabianeyes
@arabianeyes Жыл бұрын
hey bro, while adding the css code, apperantly i dont have any files in the asset file its empty what should i do ? thanks!
@WebSensePro
@WebSensePro Жыл бұрын
That's weird never saw any theme without CSS files. If you want help please email websensepro@gmail.com
@briannathan4712
@briannathan4712 2 жыл бұрын
Thanks man it worked fine and helped a lot. You are a savyour
@samanthajimenez431
@samanthajimenez431 Жыл бұрын
Hello, I don't have the theme.css in my shopify sense theme. What should I do?
@WebSensePro
@WebSensePro Жыл бұрын
Sense theme has base.css file
@papcy_nfor
@papcy_nfor Жыл бұрын
Not working on Dawn theme v10??? its not clickable or collapsible
@WebSensePro
@WebSensePro Жыл бұрын
You can add Collapsible row from Customize settings
@rachiek8324
@rachiek8324 2 жыл бұрын
Hope you can help, I’m stuck on the last step, I don’t have anything coming up when I search description?
@WebSensePro
@WebSensePro 2 жыл бұрын
Would love to help email us at websensepro@gmail.com
@WebSensePro
@WebSensePro 2 жыл бұрын
Would love to help email us at websensepro@gmail.com
@ashleylaura832
@ashleylaura832 2 жыл бұрын
Hi there, Thank you so much! However, none of my metafield text is showing! I can only see the arrows, and no text, even after I've labelled them. Help please?
@WebSensePro
@WebSensePro 2 жыл бұрын
Hi Ashley, Will have to check from backend, please email websensepro@gmail.com for premium support. Thanks!
@GrioneheartsJustin
@GrioneheartsJustin 23 күн бұрын
@@WebSensePro This happened to me as well! Did you find a solution @ashleylaura832?
@jessicaalba7335
@jessicaalba7335 10 ай бұрын
Thank you Sir. Helped me out
@WebSensePro
@WebSensePro 10 ай бұрын
Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.
@XPayne-bf7do
@XPayne-bf7do 2 жыл бұрын
Hello Sir, I need to add button above product picture on shopify how would i do that? Pls help me out!
@WebSensePro
@WebSensePro 2 жыл бұрын
Subscribe to our channel and stay tuned, we will create a tutorial on your request. Thanks
@dickysuryanata4404
@dickysuryanata4404 2 жыл бұрын
Hi, i have added but the text content didn't appear. Hope you can help. Thanks
@WebSensePro
@WebSensePro 2 жыл бұрын
Match custom field names properly in the code, make sure there is no spelling mistake
@DropshotGaming._
@DropshotGaming._ Жыл бұрын
hi i tried doing this on dawn 9 but have't found theme.css, theme.js and product-template.liquid files, can you guide me how to add those files?
@WebSensePro
@WebSensePro Жыл бұрын
Dawn already have accordions by the name of "Collapsible Row"
@vikasgothecha6321
@vikasgothecha6321 2 жыл бұрын
Error: Cannot overwrite generated asset 'assets/theme.css' in second step (theme.css). Please Help!
@WebSensePro
@WebSensePro 2 жыл бұрын
Please share video time stamp where you got this error
@dttbyl.greenlifestylebrand5514
@dttbyl.greenlifestylebrand5514 Жыл бұрын
Can you add collapsible accordions to specific collections or specific products? Or can it only be added to all products as you have shown?
@WebSensePro
@WebSensePro 11 ай бұрын
Yes it can be displayed on Specific products and collections but will need to use additional code for that.
@speedmatters6561
@speedmatters6561 2 ай бұрын
@@WebSenseProwill you please share code here, if possible?
@Phonetasyitx
@Phonetasyitx Жыл бұрын
@WebSensePro "description": {{ product.description | strip_html | json }} This is the code and when I'm replacing it, it is not working.
@WebSensePro
@WebSensePro Жыл бұрын
Which theme you are using?
@sajidfareed-
@sajidfareed- 10 ай бұрын
what should i do if we need ::after icon on right side?
@WebSensePro
@WebSensePro 10 ай бұрын
Add css in code :)
@jainaay
@jainaay 2 жыл бұрын
Hey, thanks for the detailed video. However, I'm unable to find theme.css file (or any .css file). I'm using the Debut theme Version 16.7.1.
@WebSensePro
@WebSensePro 2 жыл бұрын
You can add CSS code in any CSS files
@peace.love.creation
@peace.love.creation 3 ай бұрын
In the dawn theme 14.0.0 there is no theme.css. Any updated tutorial?
@WebSensePro
@WebSensePro 3 ай бұрын
Will create one
@YiLuo-pq8ro
@YiLuo-pq8ro Ай бұрын
I can't find theme.css in the craft theme, where can I add the second step? thank you
@WebSensePro
@WebSensePro Ай бұрын
theme.liquid
@gustavogianetti5543
@gustavogianetti5543 2 жыл бұрын
Hi! My collapsable items aren´t working, any help with that? Thanks
@WebSensePro
@WebSensePro 2 жыл бұрын
Hi Gustavo, Sure email info@websensepro.com for premium support
@ofri9202
@ofri9202 Жыл бұрын
i dont know why but i cant find the css file it is not possible any more?
@WebSensePro
@WebSensePro Жыл бұрын
Are you in Dawn theme? You should have base.css file
@focusrelentlessly8829
@focusrelentlessly8829 2 жыл бұрын
brother I am using debutify theme 4.2.0 version and I do not see the " {{product.description}}, what do i use instead please, everything else works perfectly . I just need to finish this step. Please help and thanks for the video
@WebSensePro
@WebSensePro 2 жыл бұрын
You dont find anything when you search for 'description'?
@focusrelentlessly8829
@focusrelentlessly8829 2 жыл бұрын
@@WebSensePro i see many options with description but i don't see specifically "{{product.description}} like on the video
@focusrelentlessly8829
@focusrelentlessly8829 2 жыл бұрын
@@WebSensePro do I replace just any "description"?
@WebSensePro
@WebSensePro 2 жыл бұрын
@@focusrelentlessly8829 try doing that make sure to have a duplicate theme before doing so
@focusrelentlessly8829
@focusrelentlessly8829 2 жыл бұрын
@@WebSensePro alright, i will. Thank you
@nicolettezoric2200
@nicolettezoric2200 2 жыл бұрын
How do I make the accordion static on all product pages? I want the functionality of the accordian, but instead of product descriptions - to say "30 days returns" Warranty" etc etc
@WebSensePro
@WebSensePro 2 жыл бұрын
You can directly add Text in main-product.liquid file. Just skip the Meta fields part
@nicolettezoric2200
@nicolettezoric2200 2 жыл бұрын
@@WebSensePro Amazing! Thank you so much
@nicolettezoric2200
@nicolettezoric2200 2 жыл бұрын
@@WebSensePro Sorry but the accordion content isnt showing, the drop down doesn't work.
@WebSensePro
@WebSensePro 2 жыл бұрын
@@nicolettezoric2200 Will have to check backend if there is a code mistake. You can order our premium services from fiverr.com/websensepro
@irradia-skincare
@irradia-skincare 2 жыл бұрын
I dont have Theme.css file, on Down 5.0 version how can i do That?
@WebSensePro
@WebSensePro 2 жыл бұрын
Add code in any CSS file
@charlieadrian_
@charlieadrian_ Жыл бұрын
hello i get to the end and then there is no product description code in the product template liquid what should i do?
@WebSensePro
@WebSensePro Жыл бұрын
Which theme version you are applying that on?
@charlieadrian_
@charlieadrian_ Жыл бұрын
@@WebSensePro debut
@andrewlee5979
@andrewlee5979 Жыл бұрын
Thanks for the vid. Before I jump in, will this technique work for multiple products which obviously have different descriptions and sizing details? I added collapsable tabs to my site but the content in each tab replicates for each product which is silly. Thanks
@WebSensePro
@WebSensePro Жыл бұрын
You can use Meta fields with them
@georgechristousolomonides7274
@georgechristousolomonides7274 2 жыл бұрын
Very Helpful WSP thank you. Can you please advise if a table or text plus image can be added in the tab description area? For example a 2 column table and an image underneath it. Thank you in advance
@WebSensePro
@WebSensePro 2 жыл бұрын
Yes you can add just have to play with a little HTML and CSS
@acchintya_jain
@acchintya_jain Жыл бұрын
Brother. I followed the exact same method and even cross checked multiple times. But this method is not working in my Dawn Theme
@WebSensePro
@WebSensePro Жыл бұрын
This is for Debut theme but it should work fine in Dawn Theme as well
@acchintya_jain
@acchintya_jain Жыл бұрын
Product-template.liquid is not present in Dawn. So I did that in the main-product.liquid file. Not a single metafield was visible on the product page. Do you have any other tutorial for this ??? Accordion in Dawn Theme
@yomak0101
@yomak0101 Жыл бұрын
I can't see product description on my product template code, what do I do?
@WebSensePro
@WebSensePro Жыл бұрын
Try adding Test on your liquid code and find position to add custom code provided on this video
@jhngin3647
@jhngin3647 2 жыл бұрын
Thank you so much for the tutorial, i'm also struggling to find the Product-template.liquid file and specifically the 'product-description', within the code. I was wondering if you would be kind enough to help me locate it please, my options within 'Sections' are: product--featured-product.liquid product--shop-the-look.liquid template--product--recommentations.liquid template--product-description.liquid template--product.liquid
@WebSensePro
@WebSensePro 2 жыл бұрын
Thanks for contacting, please share all the details via email to websensepro@gmail.com
@theashmitaskitchen
@theashmitaskitchen Жыл бұрын
i didn't find product.description tag in debutify free theme code please help
@WebSensePro
@WebSensePro Жыл бұрын
Tutorial is for Debut theme
@upsaraandco
@upsaraandco 11 ай бұрын
i think this is gonna work
@WebSensePro
@WebSensePro 11 ай бұрын
Yes it will 😅
@barak499
@barak499 Жыл бұрын
great video but the secoud stage is not possibale becouse "theme.css" is not exsit,what can I do?
@WebSensePro
@WebSensePro Жыл бұрын
You have base.css?
@barak499
@barak499 Жыл бұрын
@@WebSensePro yup I found thank you!
@barak499
@barak499 Жыл бұрын
@@WebSensePro I have another problem I can't find the "theme js" It shows me only "theme - editor.js" Is it correct to choose this one?
@WebSensePro
@WebSensePro Жыл бұрын
Try adding on it
@barak499
@barak499 Жыл бұрын
@@WebSensePro thank you I already found a solution
@danajuricic6952
@danajuricic6952 Жыл бұрын
Hi, tutorial request: how can I add a collapsible row to a multicolumn section discription
@WebSensePro
@WebSensePro Жыл бұрын
Collapsible accordion you mean right?
@ralphcalubaquib3275
@ralphcalubaquib3275 2 жыл бұрын
Is it possible to move it below the image of the product?
@WebSensePro
@WebSensePro 2 жыл бұрын
Unfortunately it's not as it will only work with in Form Fields
@imachynna
@imachynna 2 жыл бұрын
How can we have information inside the tab include line breaks? For example I have a FAQ tab, and between each question I need a space
@WebSensePro
@WebSensePro 2 жыл бұрын
Just add
@imachynna
@imachynna 2 жыл бұрын
@@WebSensePro doesn't work inside the descriptions, even if it's multi-line metafield I don't know why
@hasher22
@hasher22 2 жыл бұрын
@@WebSensePro I am trying to add and , it doesnt work either for me
@hasher22
@hasher22 2 жыл бұрын
@@imachynna I just figured it out, add infront of each sentence you want to break. Do not use
@WebSensePro
@WebSensePro 2 жыл бұрын
@@hasher22 try adding and css class
@mohammedfayedhasan3824
@mohammedfayedhasan3824 4 ай бұрын
It does not work with debutify theme
@WebSensePro
@WebSensePro 4 ай бұрын
Its for Free Themes of Shopify
@AZIMALITHEJUNGLEKING-pu5pf
@AZIMALITHEJUNGLEKING-pu5pf 5 ай бұрын
my theme.css tab is not showing
@WebSensePro
@WebSensePro 5 ай бұрын
Add to any css file
@g.personal342
@g.personal342 4 ай бұрын
Dude this doesn't work. Your blog post where you paste the code isn't the same you provide in the video. Fix it
@WebSensePro
@WebSensePro 4 ай бұрын
Sure, will do
@circeswares
@circeswares Жыл бұрын
how do i add link on the tab description
@WebSensePro
@WebSensePro Жыл бұрын
Currently it does not support links. I am in process of finding a solution for that
@user-xw2xb2uy9u
@user-xw2xb2uy9u 5 ай бұрын
hii, i want to add thumbnails of a featured product in cart in shopify so please make a video on it
@WebSensePro
@WebSensePro 5 ай бұрын
Sure , will make one
@nickvanderzwart59
@nickvanderzwart59 Жыл бұрын
How can you do this in dawn theme?
@WebSensePro
@WebSensePro Жыл бұрын
Dawn had built feature for adding accordions
@billdiam1417
@billdiam1417 Жыл бұрын
hello great video. I just have one question. I dont have the file theme.css. Does shopify had changed the name? Thanks
@WebSensePro
@WebSensePro Жыл бұрын
Add CSS code on any .css file, your code should work. Great muscles bro :p
@EcomLad-yy1wb
@EcomLad-yy1wb Жыл бұрын
sir meta field has changed ..can give a guide on it
@WebSensePro
@WebSensePro Жыл бұрын
Yes its now under "Custom Data"
@Eagle2746
@Eagle2746 2 жыл бұрын
Can I do this with shoptimized theme?
@WebSensePro
@WebSensePro 2 жыл бұрын
Yes please email websensepro@gmail.com for paid support
@Julie.Ekstrom
@Julie.Ekstrom 4 ай бұрын
Is there a way to create this so that it shows up for some products, but not all?
@WebSensePro
@WebSensePro 3 ай бұрын
Yes you can create a new product page template
@howardmathews5572
@howardmathews5572 Жыл бұрын
Bro! The first code is different, it's missing the second line!! I mean there is no {{ 'jquery.... etc What to do please!
@WebSensePro
@WebSensePro Жыл бұрын
Are you referring Accordion liquid code?
@howardmathews5572
@howardmathews5572 Жыл бұрын
@@WebSensePro The code of the very first step. On the website is different than in the video (I mean on the website it's missing the second line). Hope you understand what I mean. Also, I couldn't find theme js. There's only Theme js liquid. Can I still apply the tutorial?
@WebSensePro
@WebSensePro Жыл бұрын
@@howardmathews5572 Which theme you are using? Tutorial is for Debut theme
@howardmathews5572
@howardmathews5572 Жыл бұрын
@@WebSensePro Debutify. I think it still should work, as they have similar structure.
@howardmathews5572
@howardmathews5572 Жыл бұрын
@@WebSensePro It's funny though that you didn't mention Debut in the article, in the video, and description. But whatever. I'll install an app and save this headache lol.
@khanpachii
@khanpachii Жыл бұрын
hi, how do I put the collapsible content under the product pictures?
@WebSensePro
@WebSensePro Жыл бұрын
Will need to change liquid code for that
@nyaradzotaguzu9060
@nyaradzotaguzu9060 2 жыл бұрын
hi is it possible to get the links to copy?
@WebSensePro
@WebSensePro 2 жыл бұрын
Use HTML ahref
@ratneshshah3499
@ratneshshah3499 2 жыл бұрын
In dawn theme there is no theme.css file so how can I edit ? Pls answer sir asap!!
@WebSensePro
@WebSensePro 2 жыл бұрын
This is not for Dawn theme, dawn theme already have this feature built in
@user-wf7jd8qr8i
@user-wf7jd8qr8i Жыл бұрын
thanks but what if you have 200 products then what i do?
@WebSensePro
@WebSensePro Жыл бұрын
Similarly you do for all the product page descriptions
@newbuys6964
@newbuys6964 2 жыл бұрын
can't find theme.css, please help
@WebSensePro
@WebSensePro 2 жыл бұрын
You should have base.css if you are using dawn. Dawn also have builtin accordions
@bekenweke5055
@bekenweke5055 2 жыл бұрын
I cannot find the theme.css file on the dawn theme
@WebSensePro
@WebSensePro 2 жыл бұрын
Add in base.css
@focusrelentlessly8829
@focusrelentlessly8829 2 жыл бұрын
@@WebSensePro brother I am using debutify theme 4.2.0 version and I do not see the " {{product.description}}, what do i use instead please, everything else works perfectly . I just need to finish this step. Please help and thanks for the video
@WebSensePro
@WebSensePro 2 жыл бұрын
@@focusrelentlessly8829 search for description, you dont find anything?
@leomarkconstantino4451
@leomarkconstantino4451 2 жыл бұрын
How can I add image and table?
@leomarkconstantino4451
@leomarkconstantino4451 2 жыл бұрын
I am using Empire 4.2.3
@WebSensePro
@WebSensePro 2 жыл бұрын
Subscribe to our channel, will create video on this topic
@yashbutla2094
@yashbutla2094 Ай бұрын
theme.css and themes.js are not showing
@WebSensePro
@WebSensePro Ай бұрын
Please contact via websensepro.com/contact-us for paid support
@allanvogt6680
@allanvogt6680 2 жыл бұрын
Is there a way I can put an image instead of text inside the meta descriptions?
@WebSensePro
@WebSensePro 2 жыл бұрын
You want to replace button with images?
@allanvogt6680
@allanvogt6680 2 жыл бұрын
@@WebSensePro no, the text that appears within the meta description. I wanted to replace it with images. But I found a way to do it with a built in feature in my theme (warehouse, last version). So I have it figured out. Thanks anyway
@nicholassvensson322
@nicholassvensson322 2 жыл бұрын
Anyone knows why I cannot see theme.css under asset in my shopify codes? Thx
@WebSensePro
@WebSensePro 2 жыл бұрын
Which theme are you using?
@focusrelentlessly8829
@focusrelentlessly8829 2 жыл бұрын
@@WebSensePro brother I am using debutify theme 4.2.0 version and I do not see the " {{product.description}}, what do i use instead please, everything else works perfectly . I just need to finish this step. Please help and thanks for the video
@nyaradzotaguzu9060
@nyaradzotaguzu9060 2 жыл бұрын
i cant find css and js files in my theme
@WebSensePro
@WebSensePro 2 жыл бұрын
Which theme you are using?
@emporia5148
@emporia5148 2 жыл бұрын
@@WebSensePro dawn
@WebSensePro
@WebSensePro 2 жыл бұрын
@@emporia5148 you should have css and js files.
@dotcomcreations
@dotcomcreations 2 жыл бұрын
hi, i have added, but it is not collapsable
@WebSensePro
@WebSensePro 2 жыл бұрын
Did you add jQuery in your theme?
@dotcomcreations
@dotcomcreations 2 жыл бұрын
any help
@khubabmustafa5292
@khubabmustafa5292 Жыл бұрын
does this work with latest dawn theme ?
@WebSensePro
@WebSensePro Жыл бұрын
It depends on how you want to use it
@snowin5797
@snowin5797 Жыл бұрын
Doesn't work for me, I have Debutify Theme
@WebSensePro
@WebSensePro Жыл бұрын
Its for debut theme
@dashy7155
@dashy7155 Жыл бұрын
Can I use the Code in the Debutify Theme?
@WebSensePro
@WebSensePro Жыл бұрын
Not tested in Debutify, try and let us know if you get any issue
@ratneshshah3499
@ratneshshah3499 2 жыл бұрын
This code is use in Dawn theme also ? ?
@WebSensePro
@WebSensePro 2 жыл бұрын
No this is for debut theme
@5omeone179
@5omeone179 2 жыл бұрын
id see any product description in my product theme
@WebSensePro
@WebSensePro 2 жыл бұрын
Not clear what you mean
@5omeone179
@5omeone179 2 жыл бұрын
@@WebSensePro how can i contact you?
@WebSensePro
@WebSensePro 2 жыл бұрын
info@websensepro.com
How To Start Your Drop Shipping Store
0:47
WebSensePro
Рет қаралды 24 М.
My Cheetos🍕PIZZA #cooking #shorts
00:43
BANKII
Рет қаралды 22 МЛН
Joker can't swim!#joker #shorts
00:46
Untitled Joker
Рет қаралды 35 МЛН
Spot The Fake Animal For $10,000
00:40
MrBeast
Рет қаралды 210 МЛН
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 937 М.
How To Add A Size Chart To Shopify Product Pages (Any Theme, No Apps!)
13:07
How To Show Discount/Sale Badge in Shopify (2024)
10:47
WebSensePro
Рет қаралды 36 М.
Shopify Coding 101 for Store Owners & Designers - HTML, CSS, Liquid & More
47:57
Ed Codes - Shopify Tutorials
Рет қаралды 22 М.
I tried every website builder. This is the BEST
19:31
Steve Builds Websites
Рет қаралды 67 М.
Shopify - Move Description Under Product Images - Dawn Theme & Liquid Basics
8:01
Ed Codes - Shopify Tutorials
Рет қаралды 20 М.
My Cheetos🍕PIZZA #cooking #shorts
00:43
BANKII
Рет қаралды 22 МЛН