Announcement

Collapse
No announcement yet.

Featured Products Carousel doesn't like IE11

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Featured Products Carousel doesn't like IE11

    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/


    Leslie Kirk
    Miva Merchant Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

  • 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.

    Comment


    • Originally posted by Zinbar View Post
      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.
      Leslie Kirk
      Miva Merchant Certified Developer
      Miva Merchant Specialist since 1997
      Previously of Webs Your Way
      (aka Leslie Nord leslienord)

      Email me: [email protected]
      www.lesliekirk.com

      Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

      Comment


      • 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.

        Comment


        • 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 () {'

          Code:
          /**
           * 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.
          Matt Zimmermann
          Director of UI/UX Standards and Theme Development
          / Miva, Inc.

          Comment

          Working...
          X

          This website uses cookies to identify visitors, track visitors to our website, store login session information and to remember your user preferences. By continuing to use this site you agree to our use of cookies. Learn More.

          This website uses cookies. By continuing to use this site you agree to our use of cookies. Learn More.

          Accept