Is there a way in Magento 2 to allow for animated gifs as product images?

I can upload them to the backend without any issues, but when I view a product on the front-end it just shows them as separate images.

  • Where do you use the GIF? In a CMS page? That should work. Why don't you consider jQuery instead of a GIF? – Els den Iep Aug 17 '17 at 18:05
  • No not in the CMS page. In the product detail pages as product images. – Ryan Skelton Aug 17 '17 at 18:17

While allowing it may be possible in one or another way, it only creates new edgecases which need to get handled. One example are thumbnails, the other resize.

Also you (for size reasons) probably only want the gif to be shown on the product page, not the category pages.

My suggestion is to create a complete new attribute and do the rest on the frontend template.

Another possible way would be to see if there is already some feature, which allows for video uploads to products. There a gif support would make sense because auf the similar use and requirements videos have(size, only start loading on click)

  • Thanks we decided to do the video as a work around. We could convert the gifs to mp4s and then upload them to youtube. Not the most elegant solution, but it works. I wish Magento allowed for animated gifs as you could create 360 views on the image without having to have another plugin to do it. – Ryan Skelton Aug 19 '17 at 18:17

We released an extension for this recently. This adds support for GIF images in Magento 2 platform.

The extension can be found at URL: https://redchamps.com/product-animated-gif-images-magento-2-extension.html

Please note that this is a paid extension and it is developed by RedChamps and I am the founder of that.

  • Is this trustable module? Or any other options? – Jack Oct 16 at 4:25
  • Yes, it works well. Unfortunately, not aware of any other option. – Ravinder Oct 17 at 9:51

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.