Stumped: Mobile menu works on some collections, but not others

11 0 5

I have been digging through code for days and I'm totally stumped. I really hope someone can help!

On our site, using either an emulator or your phone

  • if you navigate to the collection "Blends > Signature Blends", the upper right mobile menu is unresponsive.
  • if you navigate (once you've clicked back to the home page to start over) to the collection "Single Origins", the upper right mobile menu works as expected

There are jquery issues on both that I'm not sure how to address. It appears to be the same error on both collections so I don't *think* this is the issue. I'm not real savvy with console errors.

Disabling the "mega menu" app which allows for sub dropdowns does not fix the issue

The collection template is the same for both

I honestly cannot explain this, but if I remove the product "heartwood" from our signature blends collection, it does seem to fix the issue

However, if I remove the same product from the "Best Selling Products" collection, it does not fix the issue

I'm a bit desperate here! If anyone has a moment I would greatly appreciate it.

There are three collections that I am sure have this issue: 
5 Pound Bags: 
Best Sellers:
Signature Blends:

None of the other collections have this issue.



11 0 5

I've uncovered this error in the console, but I'm not quite sure how to unravel it. I think it has to do with variants somehow... and I think that this must be why removing heartwood on one of the collections "fixes" the issue...

blends-and-decaf:5009 Uncaught TypeError: Cannot read property 'discount_variant_id' of undefined
at updateDiscountVariantSelect (blends-and-decaf:5009)
at HTMLDocument.<anonymous> (blends-and-decaf:5103)
at c (jquery.min.js:4)
at Object.fireWith [as resolveWith] (jquery.min.js:4)
at Function.ready (jquery.min.js:4)
at HTMLDocument.q (jquery.min.js:4)

The collections that "work" do not have this error (at quick first glance)