00:00 Intro 01:30 Adding image in Collapsible row block 05:00 Creating Meta Field 06:20 Adding liquid code in Collapsible row block 07:30 Updating size Chart to Meta Field Blog/Code: websensepro.com/blog/how-to-add-size-charts-to-shopify-product-pages
I got a problem with the code when pasting to row content, it says that image url is invalid that I have to remove it, I don't know what to do next. if someone can help. thanks in advance
Hi, Ansarul This side, i want to know how we Add size chart based on collection. its tough to Add size chart on each product if have more than 500 products.
Quick question. I also emailed you. This worked great for me, thank you. I also want to do the same thing for fabric and care instructions in an image format rather than text. Are the instructions the same for additional fields? I'm confused on editing the code and what I would do for additional fields. Thank you so much!!
It seems like shopify may have already changed their rules with the tab content. Putting an image tag in the content results in: Setting 'content' is invalid. All top level nodes must be '', '', '' or ''-'' tags and Tag '' is not permitted
I got the same functionality using a slightly different method. Edit the collapsible tab, then go to tab content from page. Click connect dynamic source and add a metafield with type page. Then you need to go to the product page -> metafields and add a new page for your newly created metafield. Then just upload your image when creating the page.
How to add space between words or how to make table in text boxes and connect it with meta field, basically I want to make a collapsible price break up chart. But unable to make spaces between words. Example Weight. Xxxkg Making charges. Xxxxx GST. Xxx Total xxxxxx
@@WebSensePro yes it's working a little bit, but metafielda made by me are not displayed here by default. Only category default metaffields are showing here.
![How To Add Mega Menu with Images [Shopify - Without APP]](http://i.ytimg.com/vi/tTvgl8s8PYk/mqdefault.jpg)
![How To Add Mega Menu with Images [Shopify - Without APP]](/img/tr.png)
![How To Add Breadcrumbs In Shopify - Free - Without APP - [2024]](http://i.ytimg.com/vi/xue6ePgO02Y/mqdefault.jpg)
Bilal, you are quickly becoming my favorite person on the internet.
Thank you 😊
You are awesome!!!! I have been scouring the internet for this video all week. Can't wait to boost my site with this. Thanks!!!!
Welcome
Thanks a lot, i have one problem the picture is too small, idk how to make it bigger
Glad I could help, contact us for support for your image issue
This is SUCH A GOOD TUTORIAL! Thank you
You're so welcome!
00:00 Intro
01:30 Adding image in Collapsible row block
05:00 Creating Meta Field
06:20 Adding liquid code in Collapsible row block
07:30 Updating size Chart to Meta Field
Blog/Code: websensepro.com/blog/how-to-add-size-charts-to-shopify-product-pages
hi, how can I add both stylish texts and images inside the collapsible row?
Did you try meta fields?
this way only can show the size chart which i edited every singel product?can i edit by tag/ collections, i seems more efficiency
You can create a template and select that template on multiple products
can it work on any theme or just dawn?
On all free themes
so helpful! tysm, keep up the good work!
You're welcome!
Hi,
How to hide the collapsible row, if there is nothing attached?
Thanks
Creating a different template maybe?
I got a problem with the code when pasting to row content, it says that image url is invalid that I have to remove it, I don't know
what to do next. if someone can help. thanks in advance
Need more context of the issue
am also struggling to add an image as per the way you indicated on you RUclips and i have followed your steps, please assist.am struggling
Which part you are struggling with?
thanks man really helpfull
Your welcome
Hi, Ansarul This side, i want to know how we Add size chart based on collection. its tough to Add size chart on each product if have more than 500 products.
Please contact via websensepro.com/contact-us for paid support
is there an updated version for dawn 13.0
Not yet, will add if requested
Quick question. I also emailed you. This worked great for me, thank you. I also want to do the same thing for fabric and care instructions in an image format rather than text. Are the instructions the same for additional fields? I'm confused on editing the code and what I would do for additional fields. Thank you so much!!
Please contact via websensepro.com/contact-us for paid support
It seems like shopify may have already changed their rules with the tab content. Putting an image tag in the content results in: Setting 'content' is invalid. All top level nodes must be '', '', '' or ''-'' tags and Tag '' is not permitted
I got the same functionality using a slightly different method. Edit the collapsible tab, then go to tab content from page. Click connect dynamic source and add a metafield with type page. Then you need to go to the product page -> metafields and add a new page for your newly created metafield. Then just upload your image when creating the page.
How many pages you will need to create if you have 100+ products?
SIR PLEASE HELP ME MUJHE APNE FRONT END PE PRODUCT WEIGHT SHOW KARNA HAI PLEASE GUIDE ME SIR
Please contact via websensepro.com/contact-us for paid support
How to add space between words or how to make table in text boxes and connect it with meta field, basically I want to make a collapsible price break up chart. But unable to make spaces between words.
Example
Weight. Xxxkg
Making charges. Xxxxx
GST. Xxx
Total xxxxxx
Try adding in html
@@WebSensePro yes it's working a little bit, but metafielda made by me are not displayed here by default. Only category default metaffields are showing here.
It didn't work on Dawn 14.0.0
Please contact via websensepro.com/contact-us for paid support