How can I remove '_small' from image metafield in product page?

Shopify Discussion
1

I am using a custom files metafield on my product page, to display a list of icon attributes (i.e. awards) on certain products where I’ve uploaded the corresponding image:

nicknemeth_0-1699934698721.png
nicknemeth_0-1699934698721.png1298×496 27.5 KB

I have the following liquid snippet in place to parse whether or not to display anything:

{% if product.metafields.custom.product_page_iconslist != blank %}
{{ product.metafields.custom.product_page_iconslist | img_tag }}
{% endif %}

The good news is, the image displays where appropriate, however, something is causing the image to be resized (shrunk):

nicknemeth_1-1699934817933.png
nicknemeth_1-1699934817933.png1154×530 55 KB

When I inspect the code, I see that “_small” is being appended to the filename. I’ve tried resizing the image, but that doesn’t seem to do anything, and I can’t figure out how to display the image as intended, and with the current sizing, the image is illegible. Any suggestions on how I can resolve this?

1 Like
2

can you provide link to your store?

3

Yep, it’s https://www.barkandbitter.com – the shop is password-protected right now while I do some development, but can be accessed with password ‘miwhau’

4

Did you ever get this figured out?
I am having similar issues.

1 Like
5

I know this is a little late but I had a similar issue and found a solution wherever the images are being rendered that you want to have properly sized you need to add set the attribute image_size to master. My example snippet is for removing the _small tag on the thumbnail of the video but I’d imagine this would fix your issue as well.

{{ section.settings.video_file | video_tag: autoplay: true, muted: true, loop: true, playsinline: true, image_size: "master" }}