All things Shopify and commerce
I've followed all the steps on this this thread, however now my collapsible row is showing ''no image'
Intention: display jpg. image as a size chart in Collapsible Row using metafields
1. Created a Metafield with the file as a content type
2. On the product page added a jpg file with the size chart:
3. Edited the main-product.liquid and replaced "richtext" with "liquid":
4. in the theme editor added a Collapsible Row with content as:
<img src="{{ product.metafields.my_fields.size_chart | img_url: 'master' }}" alt="Top Notes" width="530">
PROBLEM: it now shows ''no image'' instead of showing the image, unlike in the solved thread. What am I missing? I've tried using .png and .jpg images.
@LitCommerce help
Solved! Go to the solution
This is an accepted solution.
Hi @Julia777,
At step 4, change the code as follows:
<img src="{{ product.metafields.my_fields.size_chart | img_url: 'master' }}" alt="Top Notes" width="530">
=>
<img src="{{ product.metafields.custom.size_chart | img_url: 'master' }}" alt="Top Notes" width="530">
Hope it helps!
I've also just tried making the image smaller max 530, still no image showing. No idea
This is an accepted solution.
Hi @Julia777,
At step 4, change the code as follows:
<img src="{{ product.metafields.my_fields.size_chart | img_url: 'master' }}" alt="Top Notes" width="530">
=>
<img src="{{ product.metafields.custom.size_chart | img_url: 'master' }}" alt="Top Notes" width="530">
Hope it helps!
Thank you! Perfect
Hello, I am having a similar issue
I have added my image meta field to a liquid block in my collapsable row with the following
<img class="custom-option" src="{{product.metafields.custom.leather }}">
BUT my images are not displaying... only a placeholder icon is showing
Site: https://ebony-design.myshopify.com/
Password: dawlaw
Any help would be much appreciated!
Hi @Bird_on_a_Wire,
You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.
Hi!
thank for your detailed explanation! I managed to get it done as well, finally! Would you be able to guide me with the same thing (metafield image in collapsible row), but on a page instead of a product page?
would be super helpful! Let me know!
2m 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, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025