Featured Products Carousel doesn't like IE11

[lesliekirk]

It would seem the Featured Products carousel doesn't work in IE11. I'm not sure if this is related to changing from Cash to JQuery or not. By the way, do I just reverse the steps to go back to Cash?

https://www.electrodyne.cc/

[Zinbar]

Hi Leslie, something else you are going to discover in IE11 is that if you attempt to click the + or - quantity buttons on the product page it will just add 1 to cart and go to the basket page. If you find a fix for that please let me know.

[lesliekirk]

Hi Leslie, something else you are going to discover in IE11 is that if you attempt to click the + or - quantity buttons on the product page it will just add 1 to cart and go to the basket page. If you find a fix for that please let me know.

Is this specific to Elements/Shadows? If so, then it "might" be a bug.

[Zinbar]

Yes, it is specific to Elements / Shadows and it did not exist in version 1.0 of Shadows. It was introduced in version 1.01

I may have mentioned this to Matt already, can't remember for sure.

[Matt Zimmermann]

Hi Leslie,

It looks like the issue was probably not with the carousel but with the fact that IE11 does not support NodeList.forEach() in JavaScript. To correct for this, add the following function to the core/js/scripts.js file within the 'site: function () {'

/**
 * Although NodeList is not an Array, it is possible to iterate on it using forEach().
 * It can also be converted to an Array using Array.from().
 * However some older browsers have not yet implemented NodeList.forEach() nor Array.from().
 * But those limitations can be circumvented by using Array.prototype.forEach().
 * This polyfill adds compatibility to browsers which do not support NodeList.forEach(). [IE11]
 */
if (window.NodeList && !NodeList.prototype.forEach) {
    NodeList.prototype.forEach = function (callback, thisArg) {
        thisArg = thisArg || window;
        for (var i = 0; i < this.length; i++) {
            callback.call(thisArg, this[i], i, this);
        }
    };
}

This may have also been affecting the increment/decrement button on the product page as they appear to be working without error on the demonstration site.

This update will be included in the next maintenance release of Elements and Shadows.