Ajax Mini-Basket and jsPROD Function Errors

[Leanne]

I am working on a site where the Ajax add-to-cart function was commented out so that the add to cart action would take the shopper directly to the BASK page. They want to now change back to using the Ajax function, but it's not working. I have compared the source code against the demo site, and everything looks fine, but on the site I'm working on, I'm getting a console error: "ReferenceError: productID is not defined", I believe from this function. The site is using Magic Zoom, but the #js-main-image-zoom span exists as does the #js-thumbnails div. Any ideas?

        // ---- Open Product Image Gallery ---- //
        cornerstoneUX.sharedFunctions.productGallery($('#js-main-image-zoom'));

        var mainImageZoom = $('#js-main-image-zoom'),
            thumbnails = $('#js-thumbnails');

        console.log(window['image_data' + productID][0]['image_data'][2]);
        thumbnails.on('click', 'div', function () {
            var thumbnailIndex = $(this).attr('data-index');
            mainImageZoom.attr('data-index', thumbnailIndex);
        });

    $.ajax({
            cache: true,
            crossDomain: true,
            dataType: 'script',
            url: '../js/jquery.slick.min.js'
        }).done(function () {
            $('#js-thumbnails').slick({
                draggable: false,
                slide: 'img',
                slidesToScroll: 4,
                slidesToShow: 4,
                responsive: [
                    {
                        breakpoint: 1040,
                        settings: {
                            slidesToScroll: 3,
                            slidesToShow: 3
                        }
                    },
                    {
                        breakpoint: 608,
                        settings: {
                            slidesToScroll: 2,
                            slidesToShow: 2
                        }
                    }
                ]
            });
        });

[Matt Zimmermann]

Hi Leanne,

When is that error generated? The code you posted is for the thumbnails not add to cart so I am confused.

[Leanne]

It is generated when the product page loads. I know it's not related to the add to cart, but I'm reaching, because I can't see what else would be causing the problem.

[Bruce - PhosphorMedia]

Quick try, since that variable is just in a console display, try removing it.

[Leanne]

But why take a sensible approach when I can bang my head against the wall instead? :)

I commented out that function in scripts.js and the mini-basket is now working as intended. Thanks!

[lesliekirk]

I was going to ask if the PROD page had the body id="js-PROD" but have it working.