Shopify themes, liquid, logos, and UX
Hello All!
I am getting an error message when it comes to implementing this community thread. I have done steps 1-3 successfully, but when it comes to connecting the size chart to the collapsible row via this content: product.metafields.my_fields.size_guide | img_url }}" alt="Top Notes" width="530">
It just appears as the text.
I have also tried other codes from other threads and instead they give me an error message like this:
Hope someone can help! @LitCommerce
Thanks so much guys!!
Solved! Go to the solution
This is an accepted solution.
figured out the problemm...
1. the code stated "my_fields" while my metafield was actually product.metafields.custom.size_guide"
2. once changed, it stated that there was no image. found out I had to add "<img src="{{" to the beginning of the code. This was the final code used:
<img src="{{ product.metafields.custom.size_guide | img_url: 'master' }}" alt="Top Notes"width="530">
PROBLEM SOLVED FINALLY!!!
Hello @Melinda5 ,
Using this widget liquid code will not wok and output same always.
Try to use custom liquid widget.
Thanks
Hi @Melinda5 ,
This is David at SalesHunterThemes.
you can use block custom liquid in section product information to make it:
This code liquid:
<img src="{{ product.metafields.custom.size_chart | img_url: 'master' }}" alt="Top Notes" width="530">
Note for you. i am using
product.metafields.custom.size_chart
you can change it with your key, exam:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
David | SalesHunterThemes team
We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.
Try our Electro theme Free! (Now at Black Friday price)
Hi @David_SHT and @Guleria I was actually hoping to not always display the size chart which is why I wanted it to be collapsible so my customers can click to see only if they need it. The solutions you provided make the size chart always show. Do you know of any way to make this happen? I seen other threads showing it is possible. Thanks so much for the insight and help with this!
This is an accepted solution.
figured out the problemm...
1. the code stated "my_fields" while my metafield was actually product.metafields.custom.size_guide"
2. once changed, it stated that there was no image. found out I had to add "<img src="{{" to the beginning of the code. This was the final code used:
<img src="{{ product.metafields.custom.size_guide | img_url: 'master' }}" alt="Top Notes"width="530">
PROBLEM SOLVED FINALLY!!!
Hey! This worked for me before but now Dawn had an update and it wont accept the code anymore. Any ideas that are up to date in 2024?
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025