0

A client has reported a strange error in a Cart Throb site where the items that are added to the basket aren't being saved. This is only happening in IE11.

Is there anything about cookies in IE11 that is different to previous versions of IE?

I tried logging into the site and this worked fine, retaining the cookies, but it still didn't hold items in the cart as I moved from page to page.

Anyone any thoughts?

EE2.7.2. Cart Throb 2.4

  • Can you add the {exp:cartthrob:debug_info} tag to your templates and take get a bit of insight as to what's happening? You should see an array of items in the cart. – foamcow May 2 '14 at 7:56
  • Are you adding items to the cart via Ajax or some other javascript? Maybe this is failing in IE11 (which seems more likely to me) – foamcow May 2 '14 at 7:57
  • Ah yes - forgot about that tag. I've added it to the cart page and another page to compare. The product is missing from the other page, but all the session data is identical. We're not using Ajax or anything fancy here, its just as you pass from 1 page to the next it loses the product data. – Andrew Armitage May 2 '14 at 11:21
  • And cookies aren't blocked? – foamcow May 2 '14 at 14:29
  • Nope (I'm using Browserstack but the client has reported it too), and I can log in to the site and My Account areas. – Andrew Armitage May 2 '14 at 15:57
1

After much frustration and searching around, I've finally tracked down the issue here. In between times I scheduled a support call with Cart Throb who were super helpful, so thank you to them for offering their input - it was their advice that set me off on the right track.

In the end however, it was an IE specific issue related to Magic Zoom, a Javascript image zoom feature we'd added to the site. Although this states full compatibility with IE6+, and we've successfully used this before without any issues, it was, believe it or not, the stylesheet provided with it that was causing the problem.

Within the stylesheet were 3 references to cursor linking to a .cur file (also provided).

.MagicZoomPlus, .MagicZoomPlus:hover {
  display: inline-block;
  cursor: url(graphics/zoomin.cur), pointer;
  outline: 0 !important;
  font-size: 0 !important;
  line-height: 100% !important;
  direction: ltr;
  max-width: 100%;
}

I eventually noticed the cursor wasn't appearing in IE compared to sensible browsers, and removed the .cur references and voila! Items added to the cart and all working as expected. I can't say exactly why this was causing the problem, but I'm happy enough to see it working again and just set the cursor value to move.

Thanks for everyone's suggestions in the comments :-)

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.