Horizon T101 Treadmill (2024)

' + dataItem.price + '

'); } } } if(dropdownAdditionalPrice){ addOnCosts += dropdownAdditionalPrice; addOnMSRP += dropdownAdditionalPrice; } if (checkboxAddtionalPrice) { addOnCosts += checkboxAddtionalPrice; addOnMSRP += checkboxAddtionalPrice; } var base = parseFloat(baseCost); var msrp = parseFloat(msrpCost); var add = parseFloat(addOnCosts); var addMSRP = parseFloat(addOnMSRP); var total = base + add; var msrpTotal = msrp + addMSRP; var formattedPrice = "$" + total.formatMoney(2, ',', '.'); console.log("Setting price: " + total); $('#mainPriceSpan').html(formattedPrice); $('.mainPriceSpan').html(formattedPrice); $('#currentPrice').val(total); $('#metaItemPropPrice').attr('content', total); if($('#lfc_total_cost').length){ $('#lfc_total_cost').html(formattedPrice); } if($('#financingAmount').length && $('#financingMonths').length){ var months = parseInt($('#financingMonths').val()); var costPerMonth = total / months; $('#financingAmount').html("$" + costPerMonth.formatMoney(2, ',', '.')); } var formattedMSRP = "$" + msrpTotal.formatMoney(2, ',', '.'); if($('#msrpPriceHidden').length){ $('#msrpPriceSpan').html(formattedMSRP); $('.msrpPriceSpan').html(formattedMSRP); } // also update 'you save' if($('#savePriceSpan').length){ var diff = msrpTotal - total; if(diff <= 0){ diff = 0; } var formattedDiff = "$" + diff.formatMoney(2, ',', '.'); $('#savePriceSpan').html(formattedDiff); $('.savePriceSpan').html(formattedDiff); } // check on any side boxes... var sideBuyBoxPriceSpans = getelementsByPrefix('sideByPrice_', document.documentElement); if (sideBuyBoxPriceSpans.length) { for (var i = 0; i < sideBuyBoxPriceSpans.length; i++) { $("#" + sideBuyBoxPriceSpans[i].id).html(formattedPrice); } } } var splits = []; var anims = []; function showCorrectProductTexts() { if (!(typeof kitProductOptionsInOrder === 'undefined')) { var newImageToShow = 'T101-07'; for (var i = 0; i < kitProductOptionsInOrder.length; i++) { var listView = $("#" + kitProductOptionsInOrder[i]).data("kendoListView"); var dbConnObj = $("#lstdbconn").data("kendoListView"); var index = listView.select().index(), dataItem = listView.dataSource.view()[index]; newImageToShow += "_" + dataItem.sku; } if (kitProductOptionsInOrder.length == 1 && !(typeof gsap === 'undefined')) { GSAP_IN_LF_CREATE = true; var listView = $("#" + kitProductOptionsInOrder[0]).data("kendoListView"); var dbConnObj = $("#lstdbconn").data("kendoListView"); var index = listView.select().index(), dataItem = listView.dataSource.view()[index]; var originalSKU = $('#hiddenSku').val(); console.log("In product texts: %o", dataItem); $('#sku').html(originalSKU + "_" + dataItem.sku); for (var i = 0; i < splits.length; i++) { splits[i].revert(); } splits = []; for (var i = 0; i < anims.length; i++) { anims[i].kill(); } anims = []; if (dataItem.compare == "False") { startGSAP(); return; } const params = new Proxy(new URLSearchParams(window.location.search), { get: (searchParams, prop) => searchParams.get(prop), }); var title = 'Horizon T101 Treadmill with ' + dataItem.name;var titleSpecial = 'Horizon T101 Treadmill
' + dataItem.name + ''; var baseUrl = window.location.href.split(/[?#]/)[0]; if (!params.lfc || (params.lfc && params.lfc != dataItem.sku)){ // only update the URL if the LFC has changed window.history.replaceState("", title, baseUrl + "?lfc=" + dataItem.sku); } $(document).prop('title', title); $('#productNameH1').html(titleSpecial); if ($('#kitProductIntro_' + dataItem.pid).length > 0) { $('.kit-description').html($('#kitProductIntro_' + dataItem.pid).html()); } if ($('#kitProductDescription_' + dataItem.pid).length > 0) { $('#kittedProductDescription').removeClass('must-hide'); $('#kittedProductDescription').html($('#kitProductDescription_' + dataItem.pid).html()); } // prevent flicker var height = $('#main_gallery > .owl-loaded').height(); if (height) { $('#main_gallery').css("height", height + "px"); } // re-render the image carousel $.ajax({ url: "/Home/RenderProductImageCarousel", data: { sku: newImageToShow }, success: function (result) { gsap.to("#main_gallery .image-gallery.owl-loaded img", { autoAlpha: 0, duration: 0.6 }); $('#main_gallery').html(result); if ($("#renderedCarousel").children().length > 1) { $("#renderedCarousel").owlCarousel({ nav: true, navText: ['keyboard_arrow_left', 'keyboard_arrow_right'], margin: 32, lazyLoad: true, slideSpeed: 300, paginationSpeed: 400, items: 1,thumbs: true,thumbImage:true,thumbContainerClass: "owl-thumbs",thumbItemClass:"owl-thumb-item", autoplay: false, loop: ($('#renderedCarousel').children().length) == 1 ? false : true, responsive: { 0: { items: 1, margin: 16 }, 769: { items: 1, margin: 32 }, 1200: { items: 1, margin: 32 } } });$(".zoom-btn").click(function () {if ($('.gallery-wrap').hasClass('full-screen')){$("body").removeClass("overflow-hidden"); gsap.to(".image-gallery.owl-loaded .gallery-item img", { autoAlpha: 0, duration: 0.2 });setTimeout(function() { $("html, body").animate({scrollTop: $('#main_gallery').offset().top - 64 }, 300); $("#main_gallery, .gallery-wrap").removeClass("full-screen");$("body").removeClass("overflow-hidden");$(".autonewsletter-btn, .LPMcontainer.LPMoverlay").fadeIn();$(".zoom-btn").toggleClass('dn'); // $("#main_gallery").prependTo("#product_header");}, 600);setTimeout(function() { window.dispatchEvent(new Event('resize'));gsap.to(".image-gallery.owl-loaded .gallery-item img", { autoAlpha: 1, delay:0.3, duration: 0.2 });}, 800);} else {$("body").addClass("overflow-hidden"); gsap.to(".image-gallery.owl-loaded .gallery-item img", { autoAlpha: 0, duration: 0.2 });setTimeout(function() { $("html, body").animate({scrollTop: $('#main_gallery').offset().top - 18 }, 300); $("#main_gallery, .gallery-wrap").addClass("full-screen");$(".autonewsletter-btn, .LPMcontainer.LPMoverlay").fadeOut();$(".zoom-btn").toggleClass('dn'); // $("#main_gallery.full-screen").appendTo("body");// owl.data('owl.carousel')._invalidated.width = true;// owl.trigger('refresh.owl.carousel');}, 600);setTimeout(function() { window.dispatchEvent(new Event('resize'));gsap.to(".image-gallery.owl-loaded .gallery-item img", { autoAlpha: 1, delay:0.3, duration: 0.2 });}, 800); } }); } else { $(".image-gallery").addClass('owl-loaded');$(".zoom-btn").click(function () {if ($('.gallery-wrap').hasClass('full-screen')){$("body").removeClass("overflow-hidden"); $(".zoom-btn").toggleClass('dn'); $("html, body").animate({scrollTop: $('#main_gallery').offset().top - 64 }, 300); $("#main_gallery, .gallery-wrap").removeClass("full-screen");$(".autonewsletter-btn, .LPMcontainer.LPMoverlay").fadeIn();} else {$("body").addClass("overflow-hidden"); $(".zoom-btn").toggleClass('dn'); $("html, body").animate({scrollTop: $('#main_gallery').offset().top - 18 }, 300); $("#main_gallery, .gallery-wrap").addClass("full-screen");$(".autonewsletter-btn, .LPMcontainer.LPMoverlay").fadeOut(); } }); } gsap.to(".image-gallery.owl-loaded .gallery-item img", { autoAlpha: 1, duration: 0.6, stagger: 0.3 });gsap.to(".image-gallery.owl-loaded .owl-thumbs img", { autoAlpha: 1, duration: 0.6, stagger: 0.3 });gsap.to(".zoom-btn", { delay:0.6, autoAlpha: 1, duration: 0.6 }); } });$('#productNameH1 span.f2').delay('300').fadeIn(); $('.video-btn').click(function () { var videoID = $(this).attr('data-id'); $('#demo1').attr('src', '//www.youtube.com/embed/' + videoID + '?enablejsapi=1&rel=0&showinfo=0&controls=2&autoplay=1'); $('#video-wrap').fadeIn(); }); startGSAP(); } } } function startGSAP() { /* Start SplitText */ const headlineAmin = document.querySelectorAll(".split-text"); headlineAmin.forEach(quote => {gsap.to(headlineAmin, {autoAlpha: 1}); quote.split = new SplitText(quote, { type: "lines,words,chars", linesClass: "split-line" }); splits.push(quote.split); // Set up the anim quote.anim = gsap.from(quote.split.chars, { scrollTrigger: { trigger: quote, // toggleActions: "restart pause resume reverse", // start: "top 50%", }, duration: 0.6, ease: "circ.out", y: 80, stagger: 0.02, }); anims.push(quote.anim); }); /* End SplitText */ /* Start Parallax */ if (!(typeof gsap === 'undefined')) { gsap.set('.parallax', { y: 60 }) const parallaxText = gsap.utils.toArray('.parallax'); parallaxText.forEach(parallaxText => { gsap.to(parallaxText, { y: 0, ease: "circ.out", scrollTrigger: { trigger: parallaxText, scrub: true } }) });/* gsap.set('.main-home-page .object-cover, .pd-2022 .object-cover, .hero-bg.object-cover', { autoAlpha:1, scale:1.24 })const lifestyleImgVid = gsap.utils.toArray('.main-home-page .object-cover, .pd-2022 .object-cover, .hero-bg.object-cover');lifestyleImgVid.forEach(lifestyleAnim => {gsap.to(lifestyleAnim, {scale:1.0, ease: "circ.out",scrollTrigger: {trigger: lifestyleAnim,scrub: true}})}); gsap.utils.toArray(".pd-2022 img.object-cover.object-top").forEach((section, i) => { const heightDiff = section.offsetHeight - section.parentElement.offsetHeight; gsap.fromTo(section, { y: -160 }, { scrollTrigger: { trigger: section.parentElement, scrub: true }, y: 0, ease: "none" }); });*/ /* End Parallax */ gsap.set('.fadein-text', { autoAlpha: 0, y: 25 }) const fadeinWrap = gsap.utils.toArray('.fadein-text'); fadeinWrap.forEach(fadein => { gsap.to(fadein, { delay: 0.4, autoAlpha: 1, y: 0, ease: "circ.out", scrollTrigger: { trigger: fadein } }) }); } /*$(document).ready( function(){ let currentScroll = 0; let isScrollingDown = true; let tween = gsap.to(".promo-options ul.kit li", {xPercent: -100, repeat: -1, duration: 10, ease: "linear"}).totalProgress(0.5); gsap.set(".promo-options ul.kit li", {xPercent: -50}); window.addEventListener("scroll", function(){ if ( window.pageYOffset > currentScroll ) { isScrollingDown = true; } else { isScrollingDown = false; } gsap.to(tween, { timeScale: isScrollingDown ? 1 : -1 }); currentScroll = window.pageYOffset }); });*/ /* Start play video in view port */ let videos = document.querySelectorAll('video:not(.no-pause)');if (videos.length > 0) {videos.forEach((video) => {ScrollTrigger.create({trigger: video,start: 'top 85%',end: 'bottom 15%',onEnter: () => video.play(),onLeave: () => video.pause(),onEnterBack: () => video.play(),onLeaveBack: () => video.pause()});});} else {$("video").each(function(){$(this).get(0).play();});} /* End play video in view port */ if (!(typeof gsap === 'undefined')) { gsap.set(".card-slideup", { autoAlpha: 0, y: 50 }); gsap.set(".card-slideup .promo-text, .card-slideup .mega-outlined", { autoAlpha: 0, y: 25 }); gsap.set(".card-slideup img.object-cover", { scale: 1.3 }); ScrollTrigger.batch(".card-slideup", { start: "50px 80%", onEnter: (batch) => { batch.forEach((section) => { gsap.to(batch, { y: 0, duration: 0.9, ease: "circ.out", stagger: 0.3, delay: 0, autoAlpha: 1 }) /*gsap.to(section.querySelectorAll("img.object-cover"), { delay: 0, scale: 1.05, duration: 0.9, stagger: 0.3 });*/ gsap.to(section.querySelectorAll(".mega-outlined"), { y: 0, duration: 0.9, ease: "circ.out", stagger: 0.3, delay: 0.6, autoAlpha: 0.6 }) gsap.to(section.querySelectorAll(".promo-text"), { y: 0, duration: 0.9, ease: "circ.out", stagger: 0.3, delay: 0.6, autoAlpha: 1 }) }); } }); } } function showSelectedKitMainImage() { rehashPrice(); if (!(typeof kitProductOptionsInOrder === 'undefined')) { var newImageToShow = 'T101-07'; for (var i = 0; i < kitProductOptionsInOrder.length; i++) { var listView = $("#" + kitProductOptionsInOrder[i]).data("kendoListView"); var dbConnObj = $("#lstdbconn").data("kendoListView"); var index = listView.select().index(), dataItem = listView.dataSource.view()[index]; newImageToShow += "_" + dataItem.sku; } newImageToShow += ".png"; console.log("New Image: " + newImageToShow); // now see if the image exists on the server $.ajax({ url: '/Home/ImageExistsOnServer?imageName=' + newImageToShow, type: 'GET', cache: false, error: function () { showDefaultImage(); }, success: function (data) { if (data.exists) { console.log("Image found!: " + newImageToShow); document.getElementById('customizedImage').value = newImageToShow; $('#primaryImagePagenation').attr('src', 'https://www.johnsonfitness.com/Content/product_images/' + newImageToShow); $('#primaryImageMainLocation').attr('src', 'https://www.johnsonfitness.com/Content/product_images/' + newImageToShow); $('#primaryImageMainLocation_LB').attr('src', 'https://www.johnsonfitness.com/Content/product_images/' + newImageToShow); if (document.getElementById('primaryImage_ImagesVideos')) { $('#primaryImage_ImagesVideos').attr('src', 'https://www.johnsonfitness.com/Content/product_images/' + newImageToShow); } if (document.getElementById('primaryImage_ImagesVideos_small')) { $('#primaryImage_ImagesVideos_small').attr('src', 'https://www.johnsonfitness.com/Content/product_images/' + newImageToShow); } $('.primaryImage_ImagesVideos').attr('src', 'https://www.johnsonfitness.com/Content/product_images/' + newImageToShow); if ($('#primaryImageMainLocationHref')) { $('#primaryImageMainLocationHref').attr('href', 'https://www.johnsonfitness.com/Content/product_images/' + newImageToShow); } if (typeof reRunPhotoSwipe == 'function') { reRunPhotoSwipe(); } var sideBuyBoxImages = getelementsByPrefix('sideBuyImage_', document.documentElement); if (sideBuyBoxImages.length) { for (var i = 0; i < sideBuyBoxImages.length; i++) { $("#" + sideBuyBoxImages[i].id).attr('src', 'https://www.johnsonfitness.com/Content/product_images/' + newImageToShow); } } } else { console.log("Image is not on the server: " + newImageToShow); document.getElementById('customizedImage').value = ""; showDefaultImage(); } } }); } } function showDefaultImage() { $('#primaryImagePagenation').attr('src', 'https://www.johnsonfitness.com/Content/product_images/' + 'T101-07.png'); $('#primaryImageMainLocation').attr('src', 'https://www.johnsonfitness.com/Content/product_images/' + 'T101-07.png'); $('#primaryImageMainLocation_LB').attr('src', 'https://www.johnsonfitness.com/Content/product_images/' + 'T101-07.png'); if ($('#primaryImageMainLocationHref')) { $('#primaryImageMainLocationHref').attr('href', 'https://www.johnsonfitness.com/Content/product_images/' + 'T101-07.png'); } if (typeof reRunPhotoSwipe == 'function') { reRunPhotoSwipe(); } var sideBuyBoxImages = getelementsByPrefix('sideBuyImage_', document.documentElement); if (sideBuyBoxImages.length) { for (var i = 0; i < sideBuyBoxImages.length; i++) { $("#" + sideBuyBoxImages[i].id).attr('src', 'https://www.johnsonfitness.com/Content/product_images/' + 'T101-07.png'); } } } dropdownAdditionalPrice = null; function productDropDownChanged(id){ var price = $('#' + id + " option:selected").attr('data-price'); if(price){ dropdownAdditionalPrice = price; } else{ dropdownAdditionalPrice = null; } rehashPrice(); } checkboxAddtionalPrice = null; function productCheckboxChanged() { var isAnyChecked = false; checkboxAddtionalPrice = 0; $('[data-CbType="option"]').each(function (index) { if ($(this).is(":checked")) { var price = parseFloat($(this).attr('data-price')); isAnyChecked = true; checkboxAddtionalPrice += price; } }); if (!isAnyChecked) { checkboxAddtionalPrice = null; } rehashPrice(); } $(document).ready(function () { $('#CustomizeContainer').appendTo("body"); $('.customize_btn').click(function () { $('#CustomizeContainer').fadeIn(); }); $('.close_customize').click(function () { if ( typeof cancelCustomize == 'function' ) { cancelCustomize(); } else{ $('#CustomizeContainer').fadeOut(); } }); $('.continue').click(function () { if( typeof customizeComplete == 'function'){ customizeComplete("Horizon T101 Treadmill", 699.00); } else{ $('#CustomizeContainer').fadeOut(); } });$('div.thumb_options').hide(); $('div.thumb_options:first').show(); $('.selectOptions h2:first').addClass('active'); $(".selectOptions h2").click(function () { $('.selectOptions h2').removeClass('active'); $('div.thumb_options').fadeOut(500); $(this).next('div.thumb_options').delay(700).fadeIn(); $(this).addClass('active'); }); $("#toggleCustomizeBg").click(function () { $("#CustomizeContainer").toggleClass("darkbg"); $("#CustomizeContainer").toggleClass("lightbg"); });$('#customize-kit-btn').prependTo(".kit-container");loaded = true;$('.dropDownKits').each(function(){ productDropDownChanged(this.id); }); showCorrectProductTexts(); showSelectedKitMainImage(); });