Nomad Internet | Rural and Travel Hi-Speed Wireless Internet Plans & Pricing (2024)

`; resultHtml += html; }); if (element) { element.querySelector('.swiper-wrapper').innerHTML = resultHtml; } } init(); function init() { let results = []; fetch('https://npm-wh.nomadinternet.com/get_tiktok_videos').then(res => res.json()).then(response => { console.log('init tiktok api = ', response); if (response.msg == 'success' && response.data) { const videos = response.data.videos; if (videos.length > 5) { results = videos.slice(0,5); } else { results = videos; } } console.log('render html = ', results); renderHTML(results); }) } function renderHTML (results) { videoElements.forEach(element => { const desktopCount = element.getAttribute('data-desktop-count') ? Number(element.getAttribute('data-desktop-count')): 3.2; const mobileCount = element.getAttribute('data-mobile-count') ? Number(element.getAttribute('data-mobile-count')) : 1.2; getVideoLinks(element, results); const swiperEl = new Swiper(element, { slidesPerView: desktopCount, spaceBetween: 15, allowTouchMove: true, navigation: { nextEl: ".tiktok-swiper-button-next.swiper-button-next", prevEl: ".tiktok-swiper-button-prev.swiper-button-prev", }, breakpoints: { 320: { slidesPerView: mobileCount, spaceBetween: 15, navigation: { nextEl: ".tiktok-swiper-button-next.swiper-button-next", prevEl: ".tiktok-swiper-button-prev.swiper-button-prev", }, }, 991: { slidesPerView: desktopCount, spaceBetween: 15, navigation: { nextEl: ".tiktok-swiper-button-next.swiper-button-next", prevEl: ".tiktok-swiper-button-prev.swiper-button-prev", }, } } }); swiperElements.push(swiperEl); }); setTimeout(function() { const dailyPopup = getTimeCookie('daily-popup'); if (dailyPopup != '1') { if (window.innerWidth < 991) { $j('.wireless-internet-modem.mobile .slider-main .slick-slide .img').click(); } else { $j('.wireless-internet-modem .main-row .main-col .slick-slide').click(); } $j(".hidden-popup.tiktok-video-popup, .hidden-popup-overlay").addClass( "active" ); document.body.style.overflow = 'hidden'; setTimeCookie('daily-popup', '1'); } activeEvents(); }, 1000); } function activeEvents() { const videos = document.querySelectorAll('.tiktok-video-list #video-pop-ele'); videos.forEach((video, index) => { video.addEventListener('click', (e) => { videos.forEach((item, itemIdx) => { if (itemIdx != index) item.pause(); }); }) }); swiperElements.forEach((swiperEl) => { swiperEl.on('slideChange', function(e) { if (window.innerWidth < 991) { const vItems = document.querySelectorAll('.tiktok-video-list #video-pop-ele'); vItems.forEach((video, index) => { if (e.activeIndex == index) { video.play(); } else { video.load(); } }); } }) }); } $j(document).on( "click", ".wireless-internet-modem .main-row .main-col .slick-slide", function () { showTiktokVideo(); } ); $j(document).on( "click", ".wireless-internet-modem.mobile .slider-main .slick-slide .img", function () { showTiktokVideo(); } ); $j(document).on("click", ".mobile-plan", function () { //alert('hi'); const slideIndex = $j(this).attr("slide-id"); var plan_price = $j('.mobile-plan.active').attr('data-price'); var plan_name = $j('.mobile-plan.active').attr('data-name'); $j('.plan_price').text(plan_price); $j('.plan_name').text(plan_name); if ($j(".slider-main-plan").length > 0) { $j(".slider-main-plan").slick( "slickGoTo", slideIndex ); } }); function showTiktokVideo() { $j(".hidden-popup.tiktok-video-popup, .hidden-popup-overlay").addClass( "active" ); document.body.style.overflow = 'hidden'; const videoElements = document.querySelectorAll('.tiktok-video-list #video-pop-ele'); videoElements.forEach((video, index) => { if (index == 0) { video.play(); } else { video.load(); } }); } function setTimeCookie(name, value) { const day = 1; // one day var expires = ""; if (day) { var date = new Date(); date.setTime(date.getTime() + (day*24*60*60*1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; path=/"; } function getTimeCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; } $j(document).on( "click", ".wireless-internet-modem .tiktok-video-popup .close-btn", function () { $j(".hidden-popup.tiktok-video-popup, .hidden-popup-overlay").removeClass( "active" ); const videoElements = document.querySelectorAll('.tiktok-video-list #video-pop-ele'); videoElements.forEach((video, index) => { video.pause(); }); document.body.style.overflow = 'auto'; } ); $j(document).on( "click", ".hidden-popup .close-btn, .hidden-popup-overlay", function () { $j(".hidden-popup, .hidden-popup-overlay").removeClass("active"); const videoElements = document.querySelectorAll('.tiktok-video-list #video-pop-ele'); videoElements.forEach((video, index) => { video.pause(); }); document.body.style.overflow = 'auto'; } ); // On after slide change $j(".wireless-internet-modem .slider-main").on( "afterChange", function (event, slick, currentSlide, nextSlide) { return; $j(".steps .modem-grid .modem-main").removeClass("active"); $j( ".steps .modem-grid .modem-main[slide-id='" + currentSlide + "']" ).addClass("active"); } ); $j(".slider-main-plan").on( "afterChange", function (event, slick, currentSlide, nextSlide) { $j(".mobile-plan").removeClass("active"); $j( ".mobile-plan[slide-id='" + currentSlide + "']" ).addClass("active"); var plan_price = $j('.mobile-plan.active').attr('data-price'); var plan_name = $j('.mobile-plan.active').attr('data-name'); $j('.plan_price').text(plan_price); $j('.plan_name').text(plan_name); } ); function changeProductTexts() { var sale_price = $j('.modem-main-item.active').attr('data-sale'); var original_price = $j('.modem-main-item.active').attr('data-original'); var sale_monthly_price = $j('.modem-main-item.active').attr('data-month-sale'); var original_monthly_price = $j('.modem-main-item.active').attr('data-month-original'); var sale_own_price = $j('.modem-main-item.active').attr('data-own-sale'); var original_own_price = $j('.modem-main-item.active').attr('data-own-original'); var modem_name = $j('.modem-main-item.active').attr('data-modem'); const paymentType = $j('.rental-payment-type.active').attr('data-type'); if (status_rr_ref && modem_name == 'Nomad Rural One') { if (paymentType == 'onetime') { $j('.sale_price').text('Free'); $j('.original_price').text(original_price); } else if (paymentType == 'own') { $j('.sale_price').text('Free'); $j('.original_price').text(original_own_price); } else { $j('.sale_price').text('Free'); $j('.original_price').text(original_monthly_price); } } else { if (modem_name == "Nomad Rural One") { if (paymentType == 'onetime') { $j('.sale_price').text('Free'); $j('.original_price').text('$99.95'); } else if (paymentType == 'own') { $j('.sale_price').text(sale_own_price); $j('.original_price').text(original_own_price); } else { $j('.sale_price').text(sale_monthly_price); $j('.original_price').text(original_monthly_price); } } else { if (paymentType == 'onetime') { $j('.sale_price').text(sale_price); $j('.original_price').text(original_price); } else if (paymentType == 'own') { $j('.sale_price').text(sale_own_price); $j('.original_price').text(original_own_price); } else { $j('.sale_price').text(sale_monthly_price); $j('.original_price').text(original_monthly_price); } } } console.log(modem_name) $j('.summery_modem').text(modem_name); $j('.unselected_info').addClass('hide'); $j('.selected_info').removeClass('hide'); $j('.modem_error').hide(); } function toggleOtherSections(show=true) { if (show) { $j('body').removeClass('prevent-showing-contents') } else { $j('body').addClass('prevent-showing-contents') } } toggleOtherSections(false) $j(".top-modem").on("click", function () { if ($j(this).attr('data-modem') == 'Nomad Rural One') { if ( $j('.nomad-rural').attr('is-disabled') == "false"){ document.querySelector('.payment-step').style.display = "none"; document.getElementById("rental-pay").style.display = "none"; document.getElementById("show-flex-pay").style.display = "none"; document.getElementById("one-time-pay").style.display = "none"; document.querySelector(".payment-help-info").style.display = "none"; $j(this).removeClass("disable-border"); if (flag != true){ if (window.innerWidth > 640){ setTimeout(() => { window.scrollTo({ top: $j("#div2").offset().top - 775, behavior: 'smooth' }); //$j('.js-step-wrapper[data-step="2"]').find('[js-payment-type]:first-child'); }, 100); } else { setTimeout(() => { window.scrollTo({ top: $j("#div2").offset().top - 900, behavior: 'smooth' }); //$j('.js-step-wrapper[data-step="2"]').find('[js-payment-type]:first-child'); }, 100); } } flag = false; } else { $j(this).addClass("disable-border"); return; //document.querySelector('.payment-step').style.display = "none"; } } if ($j(this).attr('data-modem') == 'Nomad Omen') { if ( $j('.nomad-omen').attr('is-disabled') == "false"){ document.querySelector('.payment-step').style.display = "none"; document.getElementById("rental-pay").style.display = "none"; document.getElementById("show-flex-pay").style.display = "none"; document.getElementById("one-time-pay").style.display = "none"; document.querySelector(".payment-help-info").style.display = "none"; $j(this).removeClass("disable-border"); if (flag != true){ if (window.innerWidth > 640){ setTimeout(() => { window.scrollTo({ top: $j("#div2").offset().top - 775, behavior: 'smooth' }); //$j('.js-step-wrapper[data-step="2"]').find('[js-payment-type]:first-child'); }, 100); } else { setTimeout(() => { window.scrollTo({ top: $j("#div2").offset().top - 900, behavior: 'smooth' }); //$j('.js-step-wrapper[data-step="2"]').find('[js-payment-type]:first-child'); }, 100); } } flag = false; } else { $j(this).addClass("disable-border"); return; //document.querySelector('.payment-step').style.display = "none"; } } if ($j(this).attr('data-modem') == 'Nomad Air') { if ( $j('.nomad-air').attr('is-disabled') == "false"){ document.querySelector('.payment-step').style.display = "none"; document.getElementById("rental-pay").style.display = "none"; document.getElementById("show-flex-pay").style.display = "none"; document.getElementById("one-time-pay").style.display = "none"; document.querySelector(".payment-help-info").style.display = "none"; $j(this).removeClass("disable-border"); if (flag != true){ if (window.innerWidth > 640){ setTimeout(() => { window.scrollTo({ top: $j("#div2").offset().top - 775, behavior: 'smooth' }); //$j('.js-step-wrapper[data-step="2"]').find('[js-payment-type]:first-child'); }, 100); } else { setTimeout(() => { window.scrollTo({ top: $j("#div2").offset().top - 900, behavior: 'smooth' }); //$j('.js-step-wrapper[data-step="2"]').find('[js-payment-type]:first-child'); }, 100); } } flag = false; } else { $j(this).addClass("disable-border"); return; //document.querySelector('.payment-step').style.display = "none"; } } if ($j(this).attr('data-modem') == 'Nomad Raptor') { if ( $j('.nomad_raptor').attr('is-disabled') == "false"){ document.querySelector('.payment-step').style.display = "none"; document.getElementById("rental-pay").style.display = "none"; document.getElementById("show-flex-pay").style.display = "none"; document.getElementById("one-time-pay").style.display = "none"; document.querySelector(".payment-help-info").style.display = "none"; $j(this).removeClass("disable-border"); if (flag != true){ if (window.innerWidth > 640){ setTimeout(() => { window.scrollTo({ top: $j("#div2").offset().top - 775, behavior: 'smooth' }); //$j('.js-step-wrapper[data-step="2"]').find('[js-payment-type]:first-child'); }, 100); } else { setTimeout(() => { window.scrollTo({ top: $j("#div2").offset().top - 900, behavior: 'smooth' }); //$j('.js-step-wrapper[data-step="2"]').find('[js-payment-type]:first-child'); }, 100); } } flag = false; } else { $j(this).addClass("disable-border"); return; //document.querySelector('.payment-step').style.display = "none"; } } const paymentTypes = document.querySelectorAll('[js-payment-type]'); const salePrice = $j(this).data('sale'); const originalPrice = $j(this).data('original'); const saleMonthly = $j(this).data('month-sale'); const originalMonthly = $j(this).data('month-original'); const saleOwn = $j(this).data('own-sale'); const originalOwn = $j(this).data('own-original'); paymentTypes.forEach((type, index) => { type.classList.remove('disabled'); paymentTypes.forEach(rmItem => { rmItem.classList.remove('active'); }); if (type.getAttribute('data-type') == 'subscribe') { type.classList.add('active'); } console.log('type = ', status_rr_ref); const priceEl = type.querySelector('p.price'); let html = ''; if (status_rr_ref && $j(this).attr('data-modem') == 'Nomad Rural One') { if (type.getAttribute('data-type') == 'onetime') { html = ` Free ${originalPrice} `; } else if (type.getAttribute('data-type') == 'own') { html = ` Free ${originalOwn} `; } else { html = ` Free ${originalMonthly} `; } } else { if ($j(this).attr('data-modem') == 'Nomad Rural One') { if (type.getAttribute('data-type') == 'onetime') { html = ` $99.95 $199.95 `; } else if (type.getAttribute('data-type') == 'own') { html = ` ${saleOwn} ${originalOwn} `; } else { html = ` ${saleMonthly} ${originalMonthly} `; } } else { if (type.getAttribute('data-type') == 'onetime') { html = ` ${salePrice} ${originalPrice} `; } else if (type.getAttribute('data-type') == 'own') { html = ` ${saleOwn} ${originalOwn} `; } else { html = ` ${saleMonthly} ${originalMonthly} `; } } } priceEl.innerHTML = html; }); $j('.refundable_price').text($j(this).attr('data-refund')); if($j(this).attr('data-modem') == 'Nomad Rural One'){ $j('.full_price_flex span').text($j(this).attr('data-full-price')); //$j('[data-type="onetime"]').show(); $j('.refundable_price').css('text-decoration','unset'); $j('.offer_text_raptor').hide(); } if($j(this).attr('data-modem') == 'Nomad Air'){ $j('.full_price_flex span').text($j(this).attr('data-full-price')); //$j('[data-type="onetime"]').show(); $j('.refundable_price').css('text-decoration','unset'); $j('.offer_text_raptor').hide(); } if($j(this).attr('data-modem') == 'Nomad Raptor'){ $j('.full_price_flex span').text($j(this).attr('data-full-price')); //$j('[data-type="onetime"]').hide(); $j('.refundable_price').css('text-decoration','line-through'); // $j('.steps-item.payment-type .price span').css('display','block'); $j('.offer_text_raptor').show(); } if($j(this).attr('is-disabled') == "false"){ changeProductTexts(); } // showPaymentOption(); $j('.footer-checkout.desktop-hide').addClass('active'); $j('.footer-checkout.mobile-hide').addClass('active'); $j('.js-step-wrapper[data-step="2"]').addClass('active'); });$j('.js-step-wrapper[data-step="3"]').removeClass('active').hide(); $j("[js-payment-type]").on('click', function() { $j("[js-payment-type]").each(function() { $j(this).removeClass('active'); }); $j(this).addClass('active'); if ($j(this).attr('data-type') == 'subscribe') { $j('.footer_main_info-text').html('Flex Pay - Rental Plans'); $j(".hidden-popup.plan-info-popup, .hidden-popup-overlay").addClass( "active" ); } else if ($j(this).attr('data-type') == 'own') { $j('.footer_main_info-text').html('Buy Modem'); } else if ($j(this).attr('data-type') == 'flex-pay') { $j('.footer_main_info-text').html('Flex Pay - Rental Plans'); if ($j(this).attr('id') == "show-flex-pay"){ $j(".hidden-popup.plan-info-popup, .hidden-popup-overlay").addClass( "active" ); } else { $j(".hidden-popup.plan-info-popup, .hidden-popup-overlay").removeClass( "active" ); document.getElementById("rental-pay").style.display = "none"; document.getElementById("show-flex-pay").style.display = "block"; document.getElementById("show-flex-pay").classList.add("active"); document.getElementById("one-time-pay").style.display = "none"; } } else if ($j(this).attr('data-type') == 'onetime') { $j('.footer_main_info-text').html('One-Payment: No Monthly Modem Rental Fees'); if ($j(this).attr('id') == "one-time-pay"){ $j(".hidden-popup.plan-info-popup, .hidden-popup-overlay").addClass( "active" ); } else { $j(".hidden-popup.plan-info-popup, .hidden-popup-overlay").removeClass( "active" ); document.getElementById("rental-pay").style.display = "none"; document.getElementById("show-flex-pay").style.display = "none"; document.getElementById("one-time-pay").classList.add("active"); document.getElementById("one-time-pay").style.display = "block"; } } // if($j(".steps .modem-grid .modem-main").attr('is-disabled') == "false"){ changeProductTexts(); //} $j('.js-step-wrapper[data-step="3"]').addClass('active') toggleOtherSections() }); var error_status = false; var error_status_plan = false; const optionItems = document.querySelectorAll('[js-payment-item]'); const optionButton = document.querySelector('[js-select-option]'); eventPopup(); function eventPopup() { const bgBtn = document.querySelector('.nomad-air-payment__bg'); const closePopupBtn = document.querySelector('.nomad-air-payment__closebtn'); if (bgBtn) { bgBtn.addEventListener('click', (e) => { e.preventDefault(); hidePaymentOption(); }) } if (closePopupBtn) { closePopupBtn.addEventListener('click', (e) => { e.preventDefault(); hidePaymentOption(); }); } optionItems.forEach(item => { item.addEventListener('click', (e) => { e.preventDefault(); optionItems.forEach(rmItem => { rmItem.classList.remove('active'); }); item.classList.add('active'); if (optionButton) { optionButton.classList.remove('disabled'); } }) }); if (optionButton) { optionButton.addEventListener('click', (e) => { e.preventDefault(); optionItems.forEach(item => { if (item.classList.contains('active')) { sessionStorage.setItem('payment_type', item.getAttribute('data-modem')) } }); hidePaymentOption(); }); } } function showPaymentOption() { if ($j('.nomad-air-payment').length > 0) { $j('.nomad-air-payment').show(); setTimeout(() => { $j('.nomad-air-payment').addClass('active'); }, 50); } } function hidePaymentOption() { if ($j('.nomad-air-payment').length > 0) { $j('.nomad-air-payment').removeClass('active'); setTimeout(() => { $j('.nomad-air-payment').hide(); }, 50); optionItems.forEach(item => { item.classList.remove('active'); }); optionButton.classList.add('disabled'); } } function check_selection(){ if(!$j('.modem-main-item.active').hasClass('active')){ $j('.product-info').addClass('hide_info'); error_status = true; } else{ $j('.product-info').removeClass('hide_info'); error_status = false; } if(!$j('.plan-main.active').hasClass('active')){ error_status_plan = true; } else{ error_status_plan = false; document.querySelector('.modem_plan_error').style.display = "none"; } if (!error_status) { let is_active = false; $j('.modem-grid .modem-main.top-modem').each(function() { if ($j(this).hasClass('active')) { is_active = true; } }) if (!is_active) { error_status = true; } else { error_status = false; } } } check_selection(); // $j('.mobile_checkout').click(function(){ // check_selection(); // if(error_status == true){ // $j('.modem_error').show(); // } // else{ // $j(".hidden-popup-overlay").removeClass("active"); // $j('body').removeClass('stopscroll'); // var modem_name = $j('.main_modem .modem-main.active').attr('data-modem'); // $j('.modem_error').hide(); // $j('.plan_section').hide(); // $j('#accessories_product').show(); // if(modem_name == 'Nomad Air'){ // $j('#accessories_product .for-air').show(); // $j('#accessories_product .for-omega').hide(); // } // if(modem_name == 'Nomad Omega'){ // $j('#accessories_product .for-omega').show(); // $j('#accessories_product .for-air').hide(); // } // $j('html, body').animate({ // scrollTop: $j("#accessories_product").offset().top - 50 // }, 500); // } // }); // $j('.back_btn').click(function(){ // location.reload(); // $j('.plan_section').show(); // $j('#accessories_product').hide(); // $j('.review-list').slick('reinit'); // $j('.video-list').slick('reinit'); // $j('.review-list-slider').slick('reinit'); // $j('.wireless-internet-modem .slider-main').slick('reinit'); // $j('.slider-main-plan').slick('reinit'); // }); var $j = jQuery.noConflict(); $j('.mobile_checkout').click(function(){ check_selection(); if(error_status == true){ $j('.modem_error').show(); return; } else if (error_status_plan == true){ $j('.plan-error-popup').addClass('active'); if (window.innerWidth < 641) { const overLay = document.querySelector('.hidden-popup-overlay'); if (overLay) { overLay.classList.add('active'); } } $j('.modem_plan_error').show(); return; } else { $j('.modem_error').hide(); const item_arr = { "items": [] }; var flexpay_flag = 'no'; var modem_id = $j('.modem-main-item.active').attr('data-id'); var modem_selling_id = $j('.modem-main-item.active').attr('data-selling-id'); var modem_own_id = $j('.modem-main-item.active').attr('data-own-id'); var modem_name = $j('.modem-main-item.active').attr('data-modem'); var selling_plan_id = $j('.modem-main-item.active').attr('data-selling-plan-id'); var paymentType = $j(".rental-payment-type.active").attr('data-type'); var plan_id = $j('.plan-main.active').attr('data-id'); item_arr.items.push({id: Number(plan_id), quantity: 1}); if (paymentType == 'onetime') { flexpay_flag = 'no'; item_arr.items.push({id: Number(modem_selling_id), quantity: 1}); } else if (paymentType == 'own') { flexpay_flag = 'no'; item_arr.items.push({id: Number(modem_own_id), quantity: 1}); } else if (paymentType == 'flex-pay'){ flexpay_flag = 'yes'; item_arr.items.push({id: Number(modem_id), quantity: 1}); } addToCartAndRedirect(item_arr, flexpay_flag); } }); function getFlexpayUrl(modem_name){ var flexpayUrls = { "Nomad Rural One": "https://flexpay.nomadinternet.com/flex-checkout/1446", "Nomad Air": "https://flexpay.nomadinternet.com/flex-checkout/47", "Nomad Raptor": "https://flexpay.nomadinternet.com/flex-checkout/52" }; return flexpayUrls[modem_name]; } function addToCartAndRedirect(item_arr, flexpay_flag){ var service_id = $j('.modem-main-item.active').attr('data-service') || 'default_service_id'; item_arr.items.push({ id: service_id, quantity: 1 }); $j('.rr_loader').show(); fetch('/cart/clear.js') .then(res => res.json()) .then(response => { setTimeout(function(){ $j.ajax({ url: "/cart/add.js", type: "POST", dataType: "json", data: JSON.stringify(item_arr), contentType: "application/json; charset=utf-8", beforeSend: function() { $j('.rr_loader').show(); }, success: function (results) { updateCartAndRedirect(flexpay_flag); }, error: function (errs) { handleError(errs); } }); }, 1); }); } function updateCartAndRedirect(flexpay_flag){ var updateData = { "attributes": { "payg": flexpay_flag === 'yes' ? 'payg' : '' } }; setTimeout(function(){ fetch('/cart/update.js', { method: "POST", headers: { 'X-Requested-With': 'XMLHttpRequest', 'Content-Type': 'application/json;' }, body: JSON.stringify(updateData) }) .then(() => { setTimeout(function(){ $j.ajax({ url: "/cart.js", type: "GET", dataType: "json", contentType: "application/json; charset=utf-8", success: function (data) { var discount_code = ''; // Get the discount code if needed var checkoutUrl = (discount_code === '') ? "/checkout" : "/checkout?discount=" + discount_code; document.location = checkoutUrl; }, error: function (er) { handleError(er); } }); }, 1); //before is 1000 }) .catch(err => { handleError(err); }); }, 1); //before is 1000 } function handleError(err){ $j('.rr_loader').hide(); console.error('Error:', err); if (err.responseJSON && err.responseJSON.description) { alert(err.responseJSON.description); } } $j(".product-box-popup-open").click(function() { $j('.product-content').hide(); $j(".product-box-popup").addClass("active"); $j(".hidden-popup-overlay").addClass("active"); var pro_selecter = $j(this).attr('data-product'); $j('.'+pro_selecter).show(); $j('body').addClass('stopscroll'); }); $j(".close-popup").click(function() { $j(".product-box-popup").removeClass("active"); $j(".hidden-popup-overlay").removeClass("active"); $j('body').removeClass('stopscroll'); }); $j('.product-image-slider').slick({ dots: true, infinite: true, speed: 500, fade: true, cssEase: 'linear', arrows: false, }); $j('.buy_now_product').on('click', function(){ var $this = $j(this); // Store the reference to 'this' $j.ajax({ type: 'POST', url: '/cart/add.js', data: { quantity: 1, id: $this.attr("data-id") // Use $this instead of $j(this) }, dataType: 'json', success: function (data){ $this.addClass('added_to_cart'); // Use $this instead of $j(this) $this.text('Added to Cart'); // Use $this instead of $j(this) $j('.add-to-cart-popup').addClass('active'); setTimeout(function(){ $j('.add-to-cart-popup').removeClass('active'); }, 2000); } }); }); $j('.buy-button').on('click', function(){ $j.ajax({ type: 'POST', url: '/cart/add.js', data: { quantity: 1, id: $j(this).attr("data-id") }, dataType: 'json', success: function (data) { document.location = '/checkout'; } }); }); $j('.add-to-cart-button').on('click', function(){ $j.ajax({ type: 'POST', url: '/cart/add.js', data: { quantity: 1, id: $j(this).attr("data-id") }, dataType: 'json', success: function (data) { $j('.add-to-cart-popup').addClass('active'); setTimeout(function(){ $j('.add-to-cart-popup').removeClass('active'); }, 2000); } }); }); if (window.location.href.indexOf("?omen") > -1) { $j('.coverage_popup').addClass('active'); $j('.nomad-omen').addClass('active'); } if (window.location.href.indexOf("?air") > -1) { $j('.coverage_popup').addClass('active'); $j('.nomad-air').addClass('active'); } $j('.close-button, .coverage_customize').click(function(){ $j('.coverage_popup').removeClass('active'); }); $j('.coverage_checkout').click(function(){ const item_arr = { "items": [] }; var modem_id = $j('.main_modem .modem-main-item.active').attr('data-id'); var modem_name = $j('.main_modem .modem-main-item.active').attr('data-modem'); //var wifi_id = $j('.main_modem .modem-main-item.active').attr('data-wifi'); //var service_id = $j('.main_modem .modem-main-item.active').attr('data-service'); //var plan_id = $j('.plan-main.active').attr('data-id'); item_arr.items.push({id: modem_id, quantity: 1}); //item_arr.items.push({id: service_id, quantity: 1}); // const modem_name = $j('.main_modem .modem-main-item.active').attr('data-modem'); if (modem_name == 'Nomad Rural One') { var service_id = $j('.main_modem .modem-main-item.active').attr('data-service'); item_arr.items.push({ id: service_id, quantity: 1 }); } $j.ajax({ url: "/cart/add.js", type: "POST", dataType: "json", data: JSON.stringify(item_arr), contentType: "application/json; charset=utf-8", beforeSend: function() { $j('.rr_loader').show(); }, success: function (results) { setTimeout(function(){ $j.ajax({ url: "/cart.js", type: "GET", dataType: "json", contentType: "application/json; charset=utf-8", success: function (data) { var cart_token = data.token; if(discount_code == ''){ var url = "/checkout"; } else{ var url = "/checkout?discount=" + discount_code; } document.location = url; $j('.rr_loader').hide(); }, error: function (er) { console.log(er) } }); }, 1000); }, error: function (errs) { console.log(errs) } }); }); document.addEventListener("DOMContentLoaded", function() { var lazyBackgrounds = [].slice.call(document.querySelectorAll(".lazy-background")); if ("IntersectionObserver" in window) { let lazyBackgroundObserver = new IntersectionObserver(function(entries, observer) { entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add("visible"); lazyBackgroundObserver.unobserve(entry.target); } }); }); lazyBackgrounds.forEach(function(lazyBackground) { lazyBackgroundObserver.observe(lazyBackground); }); } // fetch('https://www.tiktok.com/@nomadinternet?') // .then(response => response.text()) // .then(data => { // console.log('data = ', data); // // Parse the HTML response // let parser = new DOMParser(); // let htmlDoc = parser.parseFromString(data, 'text/html'); // // Extract the video data // let scripts = Array.from(htmlDoc.getElementsByTagName('script')); // let videoDataScript = scripts.find(script => script.textContent.includes('videoData')); // let videoData = JSON.parse(videoDataScript.textContent.match(/videoData":(\[.*?\])/)[1]); // console.log(videoData); // Prints array of the user's recent videos // }) }); //hide TitTok Popup if under 24hours ///walex $j('.text-toggle').click(function(){ $j('#toggleCheckbox').trigger('click'); }); $j('#toggleCheckbox').change(function() { if ($j(this).is(':checked')) { $j('.master').show(); } else { $j('.master').hide(); } }); function initAutocomplete() { let autocomplete = new google.maps.places.Autocomplete( document.getElementById('autocomplete'), { types: ['address'], fields: ['place_id', 'geometry', 'name', 'address_components'] }); let autocomplete_address = new google.maps.places.Autocomplete( document.getElementById('LEADCF1'), { types: ['address'], fields: ['place_id', 'geometry', 'name', 'address_components'] }); } $j("#Phone").keypress(function(e) { if (e.keyCode > 47 && e.keyCode < 58) { setTimeout(() => { var inputStr = e.target.value.replace(/\D/g,''); var size = inputStr.length; if(size == 0){ inputStr = inputStr; }else if(size < 4){ inputStr = '('+inputStr; }else if(size < 7){ inputStr = '('+inputStr.substring(0,3)+') '+inputStr.substring(3,6); }else{ inputStr = '('+inputStr.substring(0,3)+') '+inputStr.substring(3,6)+'-'+inputStr.substring(6,10); } $(this).val(inputStr); }, 100); } else { e.preventDefault(); } }); document.addEventListener('DOMContentLoaded', function () { const urlParams = new URLSearchParams(window.location.search); const coveragePlan = urlParams.get('plan'); if (coveragePlan == "At Home"){ flag = true; $j('.unlimited-ultra-plan').removeClass('active'); $j('.rural-plan').removeClass('active'); //$j('.nomad-omen').addClass('active'); $j('.nomad-omen').click(); $j('.nomad-air').removeClass('active'); $j('.nomad-raptor').removeClass('active'); $j(".wireless-internet-modem .slider-main").slick( "slickGoTo", 0 ); $j('.unlimited-plan-new').addClass('active'); } else if (coveragePlan == "On The Go" || coveragePlan == "On the Go"){ flag = true; $j('.unlimited-plan-new').removeClass('active'); $j('.unlimited-ultra-plan').addClass('active'); $j('.rural-plan').removeClass('active'); $j('.nomad-omen').removeClass('active'); //$j('.nomad-air').addClass('active'); $j('.nomad-air').click(); $j('.nomad-raptor').removeClass('active'); $j(".wireless-internet-modem .slider-main").slick( "slickGoTo", 1 ); } else if (coveragePlan == "At Work"){ flag = true; $j('.unlimited-plan-new').removeClass('active'); $j('.unlimited-ultra-plan').addClass('active'); $j('.rural-plan').removeClass('active'); $j('.nomad-omen').removeClass('active'); $j('.nomad-air').removeClass('active'); $j('.nomad-raptor').click(); //$j('.nomad-raptor').addClass('active'); $j(".wireless-internet-modem .slider-main").slick( "slickGoTo", 1 ); } let popupOverlay = document.querySelector('.hidden-popup-overlay'); const verifyTrigger = document.querySelector('[js-verify-addr-trigger]'); if (verifyTrigger) { verifyTrigger.addEventListener('click', function() { const verifyPopup = document.querySelector('[js-verify-popup]'); if (verifyPopup) { verifyPopup.classList.add('active'); popupOverlay.classList.add('active'); } }); } let addrInputField = document.querySelector('#LEADCF1'); if (addrInputField) { addrInputField.addEventListener('keydown', function() { let errorMessage = document.querySelector('[js-coverage-error]'); if (errorMessage) errorMessage.style.display = 'none'; }); } const verifyBtn = document.querySelector('[js-verify-address]'); verifyBtn.addEventListener('click', function() { const verifyPopup = document.querySelector('[js-verify-popup]'); const addrInputField = verifyPopup.querySelector('.addr-input'); const verifyError = verifyPopup.querySelector('.error-msg'); if (addrInputField.value == '') { verifyError.style.display = 'block'; } else { verifyError.style.display = 'none'; if (verifyPopup) { verifyPopup.classList.remove('active'); } const coveragePopup = document.querySelector('[js-coverage-popup]'); if (coveragePopup) { let coverageAddr = coveragePopup.querySelector('#LEADCF1'); if (coverageAddr) coverageAddr.value = addrInputField.value; coveragePopup.classList.add('active'); popupOverlay.classList.add('active'); } } }); const coverageItems = document.querySelectorAll('[js-coverage-item]'); if (coverageItems) { coverageItems.forEach(item => { item.addEventListener('click', function() { coverageItems.forEach(rmItem => { rmItem.classList.remove('active'); }); item.classList.add('active'); const coveragePopup = document.querySelector('[js-coverage-popup]'); let whereField = coveragePopup.querySelector('#LEADCF4'); if (whereField) whereField.value = item.getAttribute('data-coverage'); }); }); } let coveragePopup = document.querySelector('[js-coverage-popup]'); const coverageBtn = document.querySelector('[js-coverage-address]'); let verifyCloseBtn = document.querySelector('[js-verify-close]'); if (verifyCloseBtn) { verifyCloseBtn.addEventListener('click', function() { var coverageData = $j('.coverage-item.active').attr('data-coverage') if (coverageData == "At Home"){ flag = true; $j('.nomad-omen').click(); $j('.unlimited-plan-new').addClass('active'); $j('.unlimited-ultra-plan').removeClass('active'); $j('.rural-plan').removeClass('active'); //$j('.nomad-omen').addClass('active'); $j('.nomad-air').removeClass('active'); $j('.nomad-raptor').removeClass('active'); $j(".wireless-internet-modem .slider-main").slick( "slickGoTo", 0 ); } else if (coverageData == "On The Go"){ flag = true; $j('.unlimited-plan-new').removeClass('active'); $j('.unlimited-ultra-plan').addClass('active'); $j('.rural-plan').removeClass('active'); $j('.nomad-omen').removeClass('active'); //$j('.nomad-air').addClass('active'); $j('.nomad-air').click(); $j('.nomad-raptor').removeClass('active'); $j(".wireless-internet-modem .slider-main").slick( "slickGoTo", 1 ); } else { flag = true; $j('.unlimited-plan-new').removeClass('active'); $j('.unlimited-ultra-plan').addClass('active'); $j('.rural-plan').removeClass('active'); $j('.nomad-omen').removeClass('active'); $j('.nomad-air').removeClass('active'); //$j('.nomad-raptor').addClass('active'); $j('.nomad-raptor').click(); $j(".wireless-internet-modem .slider-main").slick( "slickGoTo", 2 ); } let successPopup = document.querySelector('[js-verify-success]'); if (successPopup) { successPopup.classList.remove('active'); popupOverlay.classList.remove('active'); } }); } if (coverageBtn) { coverageBtn.addEventListener('click', function() { let addressField = coveragePopup.querySelector('#LEADCF1'); let service = new google.maps.places.PlacesService(document.createElement('div')); var a = document.querySelector('#Phone').value; if (a != '') { var filter = /^((\+[1-9]{1,4}[ \-]*)|(\([0-9]{2,3}\)[ \-]*)|([0-9]{2,4})[ \-]*)*?[0-9]{3,4}?[ \-]*[0-9]{3,4}?$/; let phoneValidate = document.querySelector('[js-phone-validate]'); if (!filter.test(a)) { phoneValidate.style.display = 'block'; return; } else { phoneValidate.style.display = 'none'; } } let request = { query: addressField.value, fields: ['formatted_address', 'geometry'] }; $j('.rr_loader h2').text('Checking availability'); $j('.rr_loader').show(); service.findPlaceFromQuery(request, function(results, status) { if (status === google.maps.places.PlacesServiceStatus.OK) { for (let i = 0; i < results.length; i++) { let place = results[i]; if (place.formatted_address.includes('USA')) { $j('.rr_loader').hide(); let error = coveragePopup.querySelector('[js-coverage-error]'); if (error) error.style.display = 'none'; coveragePopup.classList.remove('active'); const coverageForm = document.querySelector('#webform5828321000010591009'); const formSubmit = coverageForm.querySelector('#formsubmit_zoho'); if (formSubmit) { formSubmit.click(); } let successPopup = document.querySelector('[js-verify-success]'); if (successPopup) { popupOverlay.classList.add('active'); successPopup.classList.add('active'); } } else { $j('.rr_loader').hide(); // console.log('This is not a US address'); let error = coveragePopup.querySelector('[js-coverage-error]'); error.style.display = 'inherit'; } } } else { $j('.rr_loader').hide(); let error = coveragePopup.querySelector('[js-coverage-error]'); error.style.display = 'inherit'; } }); }); } });