Platform Truck | CST993 | 1 year Warranty (2024)

", nextArrow: "

", responsive: [ { breakpoint: 1500, settings: { slidesToShow: 4, slidesToScroll: 1, } }, { breakpoint: 1200, settings: { slidesToShow: 3, slidesToScroll: 1 } }, { breakpoint: 1000, settings: { slidesToShow: 2, slidesToScroll: 1 } }, { breakpoint: 750, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }); $('#headerVideoLinkDesktop, #headerVideoLinkMobile').magnificPopup({ type: 'inline', midClick: true // Allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source in href. }); $('.product-image-thumbnail').click(function () { setImageFromThumbnail(this); }); $('.product-video-thumbnail').click(function () { setImageFromThumbnail(this); openVideoLink(); }); const mediaIndexToImageMapping = [{ type:'image', indexWithinType:0},{ type:'image', indexWithinType:1},{ type:'image', indexWithinType:2},{ type:'image', indexWithinType:3},]; function setMediaFromIndex(mediaIndex) { // Wrap around if (mediaIndex > mediaIndexToImageMapping.length - 1) mediaIndex = 0; else if (mediaIndex < 0) mediaIndex = mediaIndexToImageMapping.length - 1; var previousMediaIndex = currentMediaIndex; currentMediaIndex = mediaIndex; if (previousMediaIndex == mediaIndex) return; var mappingEntry = mediaIndexToImageMapping[currentMediaIndex]; $(`[dots-index='${previousMediaIndex}']`).removeClass("progress-dot-selected"); $(`[dots-index='${currentMediaIndex}']`).addClass("progress-dot-selected"); if (mappingEntry.type === 'image') { $('#video-mode-overlay').hide(); var jqueryThumbnail = $(`img[media-index='${mediaIndex}']`); var ele = jqueryThumbnail[0]; if (ele) { let smallImage = jqueryThumbnail.attr('src'); if (!smallImage) { smallImage = jqueryThumbnail.attr('data-src'); jqueryThumbnail.attr('src', smallImage); } const largeImage = jqueryThumbnail.attr('data-zoom-image'); const ez = productImage.data('elevateZoom'); if (ez) ez.swaptheimage(smallImage, largeImage); productImage.data('zoom-image', largeImage); productImage.attr('src', smallImage); const existingProductImageMobile = $('#product-image-mobile'); var cloned = existingProductImageMobile.clone(false); cloned.attr('src', smallImage); cloned.addClass("fadeIn"); existingProductImageMobile.before(cloned); existingProductImageMobile.remove(); } } else { //video $('#video-mode-overlay').show(); } } function openVideoLink() { if ($(document).width() < 768) { var videoLink = $('#headerPopupDesktop > iframe').attr('src'); window.open(videoLink, '_blank').focus(); } else { $('#headerVideoLinkDesktop').click(); setVideoHeightFromWidth(); } } function nextMedia(){ setMediaFromIndex(currentMediaIndex + 1); } function previousMedia() { setMediaFromIndex(currentMediaIndex - 1); } function setImageFromThumbnail(thumbnail) { var mediaIndex = parseInt( $(thumbnail).attr('media-index')); setMediaFromIndex(mediaIndex); } $('#image-up').click(function () { if (currentMediaIndex > 0) { previousMedia(); currentOffset = imageOffsetUpDown - imageOffsetUpDown * currentMediaIndex; $('.product-thumbnails-container').css('top', currentOffset + 'px'); } }); $('#image-down').click(function () { if (currentMediaIndex < mediaIndexToImageMapping.length - 1) { nextMedia(); currentOffset = imageOffsetUpDown - imageOffsetUpDown * currentMediaIndex; $('.product-thumbnails-container').css('top', currentOffset + 'px'); } }); $('#image-left').click(function () { if (currentMediaIndex > 0) { previousMedia(); currentOffset = imageOffsetLeftRight - imageOffsetLeftRight * currentMediaIndex; $('.product-thumbnails-container').css('left', currentOffset + 'px'); } }); $('#image-right').click(function () { if (currentMediaIndex < mediaIndexToImageMapping.length - 1) { nextMedia(); currentOffset = imageOffsetLeftRight - imageOffsetLeftRight * currentMediaIndex; $('.product-thumbnails-container').css('left', currentOffset + 'px'); } }); $('.progress-dot').click(function () { var dotsIndex = parseInt($(this).attr('dots-index')); setMediaFromIndex(dotsIndex); }) mobileSwipeOverlay.on('touchstart', function (e) { touchStartX = e.originalEvent.changedTouches[0].screenX; }); mobileSwipeOverlay.on('touchend', function (e) { touchEndX = e.originalEvent.changedTouches[0].screenX; handleGesture(); }); function handleGesture() { /* If the drag is more than 50 pix then it's a swipe*/ if (Math.abs(touchEndX - touchStartX) > 50) { var direction = touchEndX > touchStartX ? -1 : 1; setMediaFromIndex(currentMediaIndex + direction); } } // If its mobile mode then load all the images ahead of time, so the animations run smooth var documentWidth = $(document).width(); if (documentWidth < 768) { $('.product-image-thumbnail').each(function(index) { $(this).attr('src', $(this).attr('data-src')); }); } productImage.on('load', function() { enableZoom(); }); $(window).resize(function() { enableZoom(); }); $('#video-mode-overlay').hide(); $('#video-mode-overlay').click(function () { openVideoLink(); }); window.setTimeout(enableZoom, 2000); function enableZoom() { productImage.elevateZoom({ cursor: "crosshair", scrollZoom: true, zoomWindowWidth: productImage.width(), zoomWindowHeight: productImage.height(), zoomWindowPosition: "zoom-container" }); } $('[data-fancybox]').fancybox({ toolbar : false, smallBtn : true, baseClass: "where-to-buy-popup", slideClass: "where-to-buy-popup", iframe : { preload : false } }); $('#stockists-popup').fancybox({ toolbar: false, smallBtn: true, touch: false, baseClass: "stockists-popup", slideClass: "stockists-popup", iframe: { preload: false } }); });