1

I have a problem, I have created a custom module in my Magento site, so in that module I'm calling custom attributes to display some content and images, but when I'm adding media image in this attribute image never shows on the frontend. In inspect element I can saw image in this format. Any suggestion?

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=" data-amsrc="{{media url=" wysiwyg="" img-pages="" 2017device-benefits2.jpg"}}"="" style="margin-bottom:10px;" width="80" height="45" alt="Benefits">

Thank You

4
  • what you are trying to archive? – Dhiren Vasoya Aug 7 '20 at 5:19
  • I have a custom product attribute as content and I am inserting media image here. Than I am using that attribute in my custom module to display on frontend. – Develop_Milen Aug 7 '20 at 12:23
  • Have you created image attribute for this one? – Dhiren Vasoya Aug 8 '20 at 9:31
  • because you image data is wrong. you can revert base64 to png will see – xanka Oct 15 '20 at 8:37
1

I had the same issue and it is fixed. I saw the image has data-amsrc attribute. it is added by amasty "Google Page Speed Optimizer" module. There is config in admin to ignore images contain certain classes.

in my case, this module also added style display:block to all images in my site. I change config Lazy Load Script => Native JavaScript Lazy Script fixed both issues

hope this helps you

thanks

1
  • That was a problem in my case also, I disable Amasty Lazy Loading and everything works well. Thank you. – Develop_Milen Apr 22 at 19:38

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.