Dawn Theme - Collapsible row with Image (Size Chart)

[Maro33]

Hello, I have made some steps to display jpg. image as a size chart in Collapsible Row using metafields (each jpg for each product).

This is what I did:

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: product.metafields.my_fields.size_guide | img_url }}" alt=“Top Notes” width=“530”>

IT SEEMS TO WORK BUT AS YOU CAN SEE THE IMAGE IS VERY BLURRY (SHRUNK TO LOW RESOLUTION).

DO YOU KNOW WHAT TO CHANGE TO DISPLAY THE IMAGE WITH THE ORIGINAL RESOLUTION?

[Zworthkey]

@Maro33
Try out Width:100%

[Maro33]

@Zworthkey When I’m changing to Width:100% this is the result:

The original uploaded file is 630 x 530 so it doesn’t work

[KetanKumar]

@Maro33

can you please send store url please

[Maro33]

@KetanKumar you can see the example here: https://alwayshe.com/products/alwayshe-shaping-bodysuit

[Melinda5]

Hey guys, does anyone know why mine might be displaying like this , instead of the actual photo?