Add/Edit some Javascript to our WP Theme to Make Animated Gifs Play in WooCommerce

Hey guys, We had a guy do some work for us last week to make animated gifs work on our WooCommerce product pages. Animated gifs work on WP, but only at their full size, and woo downscales product images to save space and bandwidth. I need a java guy who can write a piece of code that excludes the animated gifs from being downscaled and displays them at their full size (so that they animate). I have the code the guy used to achieve this with that you can use for reference if you wish. The product page is here. The bottom left hand photo is an animated gif, but has been downscaled so doesn't work. [login to view URL] Here is an example of the code he used to target a specific filesize and type to exclude from the downscalling. So your job is to make our gifs animate, whilst still ensuring our WooCommerce settings remain unchanged so that the other images that are not gifs can be downscaled. html = ''; $(response.main_images).each(function(){ var img = $(this).find('img'); [login to view URL]('class', 'attachment-shop_single wp-post-image'); html += '<div class=""><a data-fresco-group="product-gallery" data-fresco-options="fit: \'width\'" class="fresco zoom" href="' + $(this).attr('href') +'">' + [login to view URL](0).[login to view URL]('[login to view URL]', '.gif') + '<span class="product_image_zoom_button show-for-medium-up"><i class="fa fa-plus"></i></span></a></div>'; }); $('.featured_img_temp').hide(); $('.product_images').html('<div id="product-images-carousel" class="owl-carousel">' + html + '</div>'); ptr_init_swiper_and_carousel(); });