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?
Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024