Waterdrop C1S Countertop CoreRO System
Waterdrop C1S Countertop CoreRO System .wd-product-background-swiper-video-mobile { display: none; } .wd-product-background-swiper-video-pc { display: block; } video { border-radiu s: 16px; } .overview-item-wide-swiper { position: relative; z-index: 0; display: flex; flex-direction: column; } .overview-item-wide-swiper-menu { width: 100%; } .overview-item-wide-swiper-menu::-webkit-scrollbar { display: none; } .overview-item-wide-swiper-menu-items { width: auto; display: flex; column-gap: 20px; justify-content: center; padding-bottom: 24px; } .overview-item-wide-swiper-menu-item { font-family: 'Poppins-Regular'; font-weight: 400; font-size: 15px; line-height: 150%; color: #999999; position: relative; z-index: 1; cursor: pointer; padding: 15px; height: 48px; } .overview-item-wide-swiper-menu-item-active { color: #fff; background-color: #111111; border-radius: 48px; } .wd-product-swiper-button-next, .wd-product-swiper-button-prev { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .wd-product-a1-swiper-button-next, .wd-product-a1-swiper-button-prev { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .wd-product-a1-swiper-button-next { right: 28px; } .wd-product-a1-swiper-button-prev { left: 28px; } .wd-product-swiper-button-normal { top: 50% !important; transform: translateY(-50%) !important; } .wd-product-swiper-button-next { right: 28px; } .wd-product-swiper-button-prev { left: 28px; } .swiper-box { position: relative; } .wd-product-compare-add-to-cart { width: 110px; display: flex; align-items: center; justify-content: center; height: 30px; color: #FFF; font-family: Poppins; font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; background-color: #00549c; border-radius: 30px; margin-top: 12px; margin: 0 auto; cursor: pointer; } #compares .trustpilot-widget { max-width: 176px; margin: 0 auto; } @media screen and (max-width:1150px) { .overview-item-wide-swiper-menu-items { column-gap: 0; } .overview-item-wide-swiper-menu-item { padding: 12px; } } @media screen and (max-width:1024px) { .overview-item-wide-swiper { flex-direction: column-reverse; } .overview-item-wide-swiper-menu-items { flex-direction: column; row-gap: 10px; align-items: center; } .overview-item-wide-swiper-menu-item { width: calc(100% - 100px); text-align: center; } .overview-item-wide-swiper-menu { padding: 20px; } .wd-product-swiper-button-next { right: calc(5.33% + 30px); } .wd-product-swiper-button-prev { left: calc(5.33% + 30px); } .wd-product-a1-swiper-button-next { right: calc(5.33% + 30px); } .wd-product-a1-swiper-button-prev { left: calc(5.33% + 30px); } } @media screen and (max-width:768px) { .wd-product-background-swiper-video-mobile { display: block; } /* .wd-product-background-swiper-video-pc { display: none; } */ .wd-product-swiper-button-next svg, .wd-product-swiper-button-prev svg { width: 17px; display: block; height: 26px; } .wd-product-swiper-button-next { right: 16px; } .wd-product-swiper-button-prev { left: 16px; } .wd-product-a1-swiper-button-next { right: 16px; } .wd-product-a1-swiper-button-prev { left: 16px; } .overview-item-wide-swiper { flex-direction: column-reverse; } .overview-item-wide-swiper-menu { top: 0.66vw; } .overview-item-wide-swiper-menu-item { font-size: 13px; display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 60px; border: 1px solid #999; } .overview-item-wide-swiper-menu-item-active { border: 1px solid #111; } } .wd-v2-index-media-all { margin: 80px 0; } .wd-v2-index-media-content { max-width: 1440px; width: 100%; margin: 24px auto 24px; height: 128px; display: flex; align-items: center; justify-content: center; } .wd-v2-index-media-content div { display: none; padding: 0 50px; text-align: center; font-family: Poppins-regular; font-size: 24px; color: #292929; line-height: 150%; } .wd-v2-index-media-content div a { font-family: Poppins-medium; font-size: 24px; color: #00549c; line-height: 150%; text-decoration: underline; } .wd-v2-index-media-content div:first-child { display: block; } .wd-v2-index-media-title { text-align: center; font-family: Poppins-SemiBold; font-size: 32px; color: #000; line-height: 180%; } .wd-new-year-launch-content { display: block; max-width: 1440px; padding: 80px 50px; margin: 0 auto; } .wd-new-year-launch-content-info { padding: 32px 80px; display: flex; align-items: center; justify-content: center; column-gap: 190px; border-radius: 0px 0px 24px 24px; background: linear-gradient(94deg, #F2EDEA 3.49%, #EBE3E0 100.71%); position: relative; display: none; } .wd-new-year-launch-content-svg1 { position: absolute; display: block; width: 24px; top: 127px; left: 46.2%; } .wd-new-year-launch-content-svg2 { position: absolute; display: block; width: 34px; top: 19px; right: 7.2%; } .wd-new-year-launch-content-svg3 { position: absolute; display: block; width: 139px; bottom: 0; left: 41.56%; } .wd-new-year-launch-content-des-title { display: flex; align-items: center; column-gap: 12px; color: var(--111111, #111); font-family: Poppins; font-size: 20px; font-style: normal; font-weight: 600; line-height: 125%; margin-bottom: 8px; } .wd-new-year-launch-content-des-title img { display: block; width: 28px; } .wd-new-year-launch-content-des-text { color: var(--666666, #666); font-family: Poppins; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 24px; } .wd-new-year-launch-content-des-text:last-child { margin-bottom: 0; } .wd-new-year-launch-content-des { max-width: 510px; } .wd-new-year-launch-content-form { max-width: 480px; border-radius: 24px; } .wd-new-year-launch-content-form img { width: 100%; height: auto; } .wd-new-year-launch-content-des-text span { wcolor: var(--111111, #111); font-family: Poppins; font-size: 14px; font-style: italic; font-weight: 500; line-height: 150%; } .wd-new-year-launch-content-banner { background-image: url(https://cdn.shopify.com/s/files/1/0078/6156/7570/files/wd-new-year-page-2024-content-banner-pc.png?v=1703813541); background-size: cover; background-position: center; background-repeat: no-repeat; height: 360px; padding: 80px; border-radius: 24px 24px 0 0; margin-bottom: 16px; margin-bottom: 0; } .wd-new-year-launch-content-banner-title { color: var(--111111, #111); font-family: 'poppins-semiBold'; font-size: 28px; font-style: normal; font-weight: 600; line-height: 125%; margin-bottom: 12px; } .wd-new-year-launch-content-banner-info { color: var(--blue-, #036AFF); font-family: 'poppins-semiBold'; font-size: 24px; font-style: normal; font-weight: 600; line-height: 125%; margin-bottom: 12px; } .wd-new-year-launch-content-banner-des { color: var(--111111, #111); font-family: 'poppins-semiBold'; font-size: 20px; font-style: normal; font-weight: 400; line-height: 125%; margin-bottom: 32px; } .wd-new-year-launch-content-banner-btns { display: flex; column-gap: 24px; align-items: center; display: none; } .wd-new-year-launch-content-banner-btn a { display: block; padding: 10px 24px; border-radius: 20px; background: var(--blue-, #036AFF); height: 40px; color: var(--FFFFFF, #FFF); text-align: center; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; } .wd-new-year-launch-content-banner-btn a:hover { background: #2B8BFF; } .wd-new-year-launch-content-banner-btn span { color: var(--FFFFFF, #FFF); font-family: Poppins; font-size: 12px; font-style: italic; font-weight: 400; line-height: 20px; } @media screen and (max-width:1440px) { .wd-new-year-launch-content-info { column-gap: 90px; } } @media screen and (max-width:1024px) { .wd-new-year-launch-content-banner { background-image: url(https://cdn.shopify.com/s/files/1/0078/6156/7570/files/wd-new-year-page-2024-content-banner-pad.png?v=1703813541); height: 332px; padding: 64px 40px; } .wd-new-year-launch-content-info { padding: 40px; flex-direction: column; row-gap: 40px; } .wd-new-year-launch-content-des { max-width: 100%; width: 100%; } .wd-new-year-launch-content-form { max-width: 100%; width: 100%; } .wd-new-year-launch-content-des-title { font-size: 18px; } .wd-new-year-launch-content-des-text { margin-bottom: 16px; } .wd-new-year-launch-content-svg1 { top: 41px; left: 76.7%; } .wd-new-year-launch-content-svg2 { top: 206px; right: 45.4%; } .wd-new-year-launch-content-svg3 { bottom: 352px; left: 435px; } .wd-new-year-launch-content { padding: 80px 34px; } .wd-new-year-launch-content-banner-title { font-size: 22px; margin-bottom: 12px; } .wd-new-year-launch-content-banner-info { font-size: 20px; margin-bottom: 12px; } .wd-new-year-launch-content-banner-des { font-size: 16px; margin-bottom: 24px; } .wd-new-year-launch-content-banner-btns { column-gap: 16px; } } .wd-1106-video-pc { display: block; } .wd-1106-video-mobile { display: none; } @media screen and (max-width:767px) { .wd-1106-video-pc { display: none; } #productOverview .blocks-item-opposite.blocks-item-opposite-reverse { flex-direction: column-reverse; } .wd-1106-video-mobile { display: block; } .wd-new-year-launch-content-banner-title { font-size: 24px; margin-bottom: 8px; } .wd-new-year-launch-content-banner-info { font-size: 18px; margin-bottom: 8px; } .wd-new-year-launch-content-banner-des { font-size: 14px; margin-bottom: 24px; } .wd-new-year-launch-content-banner-btns { flex-direction: column; align-items: start; row-gap: 16px; } .wd-new-year-launch-content-banner-btn a { width: 179px; } .wd-new-year-launch-content-banner { background-image: url(https://cdn.shopify.com/s/files/1/0078/6156/7570/files/wd-new-year-page-2024-content-banner-mobile.png?v=1703813541); height: calc(((100vw - 32px) * 500) / 343); padding: 40px 24px; border-radius: 16px 16px 0 0; } .wd-new-year-launch-content { padding: 40px 16px; } .wd-new-year-launch-content-info { padding: 20px 16px; row-gap: 24px; border-radius: 0 0 16px 16px; } .wd-new-year-launch-content-des { width: calc(100% - 16px); margin: 0 auto; } .wd-new-year-launch-content-des-title img { width: 24px; } .wd-new-year-launch-content-des-title { column-gap: 8px; font-size: 16px; } .wd-new-year-launch-content-des-text { font-size: 12px; margin-bottom: 16px; } .wd-new-year-launch-content-form { padding: 20px 16px; border-radius: 16px; } .wd-new-year-launch-content-svg3 { bottom: 337px; left: auto; right: 4.8%; width: 98px; } .wd-new-year-launch-content-svg1 { top: 310px; left: 6.9%; } .wd-new-year-launch-content-svg2 { top: 21px; right: 27.2%; } } @media screen and (max-width:532px) { .wd-new-year-launch-content-svg3 { bottom: 355px; } } Waterdrop CoreRO Systems Launch Worry-Free Trial | Up to 20% Off Your First Countertop RO Choice Buy C1S Basic Buy C1H Instant Hot 2X Points 2X Reward Points on CoreRO system purchases. Redeem your points for a 10% coupon, replacement filters, and more. Gift with Purchase Receive a 5% OFF coupon (exclusive for C1 replacement filter) with no expiration. *The discount code will be sent via email within 3 days after the purchase of C1. Worry-Free Trial Extended 60-Day Return Period .wd-product-background-swiper4-btns { position: relative; width: 100%; margin-bottom: 50px; margin-top: 30px; } .wd-product-swiper-button-living-prev svg, .wd-product-swiper-button-living-next svg { width: 40px; height: 40px; } .wd-product-background-swiper4-gird-imgs { display: none; } @media screen and (max-width:767px) { .wd-product-background-swiper4-gird-imgs { display: block; } .wd-product-background-swiper4-img-pc { display: none; } } .wd-product-background-swiper4-btns .swiper-pagination.swiper-pagination-1106-swiper4 { bottom: -10px !important; width: 124px !important; left: 50% !important; transform: translate(-50%); border: none } .wd-product-background-swiper4-btns .swiper-pagination-bullet-active { border-color: #00549c !important; } .wd-product-background-swiper4-btns .swiper-pagination-bullet:after { display: none; } var wd_product_swiper4 = new Swiper(".wd-product-background-swiper4", { loop: true, navigation: { nextEl: ".wd-product-swiper-button-living-next", prevEl: ".wd-product-swiper-button-living-prev", }, pagination: { clickable: true, el: '.swiper-pagination-1106-swiper4', }, on: { } }); .swiper-pagination-video-1106 .swiper-pagination-bullet:after { display: none; } .swiper-pagination-video-1106 .swiper-pagination-bullet { background-color: #000; } .swiper-pagination-video-1106 .swiper-pagination-bullet-active { width: 48px; height: 8px; border-radius: 10px; background-color: #999 !important; border: none; overflow: hidden; } #progressBar { transition: width 50ms linear; width: 0; height: 100%; background-color: #111; border-radius: 10px; } #resetButton, #playPauseButton { position: absolute; left: 50%; bottom: 50%; transform: translate(-50%, 50%); z-index: 10000; width: 100px; height: 100px; } .wd-product-background-swiper3-title { color: var(--111111, #111); font-family: Poppins; font-size: 48px; font-style: normal; font-weight: 600; line-height: 125%; margin-bottom: 40px; margin-top: 110px; text-transform: capitalize; } .swiper-pagination.swiper-pagination-video-1106 { position: relative; margin-top: 40px; margin-bottom: 50px } @media screen and (max-width:767px) { .wd-product-background-swiper3-title { font-size: 24px; margin-bottom: 24px; margin-top: 80px; } .swiper-pagination.swiper-pagination-video-1106 { margin-top: 12px; } .resetButton, .playPauseButton { width: 50px; height: 50px; } .swiper-box .swiper-pagination.swiper-pagination-video-1106 { bottom: -10px !important; width: 0 !important; min-width: 90px; left: 50% !important; transform: translate(-50%); border: none } .overview-item-wide.overview-item-wide-swiper { flex-direction: column; } } Get the highlights. let pcVideoUrls = [ "https://cdn.shopify.com/videos/c/o/v/35090672f69b44e5aa36685f0cd8f4f1.mp4", "https://cdn.shopify.com/videos/c/o/v/89087550f48a4bc1b704ba7c368a63f8.mp4", "https://cdn.shopify.com/videos/c/o/v/540e9b2cbf14457390b6d00759db3047.mp4", ]; let mobileVideoUrls = [ "https://cdn.shopify.com/videos/c/o/v/e98946e81bb2423988f53fb08f106fad.mp4", "https://cdn.shopify.com/videos/c/o/v/96dd0a9f97ae4c03b7be7839d17b76f6.mp4", "https://cdn.shopify.com/videos/c/o/v/bd631f677b2f475dada1ea09cefad962.mp4", ]; function updateVideoSourceForSlides() { $('.wd-product-background-swiper3-slide').each(function (index) { let videoElement = $(this).find('.slide-video'); let selectedSrc = $(window).width() < 768 ? mobileVideoUrls[index] : pcVideoUrls[index]; videoElement.find('source').attr('src', selectedSrc); videoElement[0].load(); }); $('.wd-product-background-swiper3-slide').first().find('.slide-video').get(0).play(); } let wd_product_swiper3 = new Swiper(".wd-product-background-swiper3", { loop: false, allowTouchMove: false, on: { slideChangeTransitionEnd: function () { playCurrentSlideVideo(wd_product_swiper3); } }, pagination: { el: '.swiper-pagination-video-1106', }, }); let showPlayBtn = false if (!showPlayBtn) { $('.wd-product-background-swiper3').mouseenter(function () { if (!showPlayBtn) { $('#playPauseButton').fadeIn(500); } }); $('.wd-product-background-swiper3').mouseleave(function () { $('#playPauseButton').fadeOut(500); }); } function updateProgressBar(video, progressBar) { if (!video) return; let duration = video.duration; let currentTime = video.currentTime; let progress = (currentTime / duration) * 100; progressBar.css('width', progress + '%'); } function animateProgressBar(video, progressBar) { if (!video.paused && !video.ended) { updateProgressBar(video, progressBar); requestAnimationFrame(function () { animateProgressBar(video, progressBar); }); } } function playCurrentSlideVideo(swiper) { let currentVideo = wd_product_swiper3.slides[wd_product_swiper3.activeIndex].querySelector('video'); if (currentVideo) { currentVideo.play(); }; $('.swiper-pagination-bullet').empty(); let progressBar = $('').appendTo('.swiper-pagination-bullet-active'); animateProgressBar(currentVideo, progressBar); } $('#playPauseButton').click(function () { let currentVideo = wd_product_swiper3.slides[wd_product_swiper3.activeIndex].querySelector('video'); if (!currentVideo) return; if (currentVideo.paused) { currentVideo.play(); animateProgressBar(currentVideo, $('#progressBar')); $(this).html(` `); } else { currentVideo.pause(); $(this).html(` `); } }); $('.slide-video').on('ended', function () { if (wd_product_swiper3.isEnd) { $('#resetButton').show(); showPlayBtn = true; $('#playPauseButton').fadeOut(500); } else { wd_product_swiper3.slideNext(); } }); $('#resetButton').click(function () { $('video').each(function () { this.load(); }); showPlayBtn = false; wd_product_swiper3.slideTo(0, 500); $(this).hide(); $('#playPauseButton').fadeIn(500); playCurrentSlideVideo(wd_product_swiper3); }); // playCurrentSlideVideo(wd_product_swiper3); $(window).scroll(function () { var targetOffset = $('.wd-product-background-swiper3').offset().top - 500; var windowScrollTop = $(window).scrollTop(); var windowHeight = $(window).height(); // 当元素进入视口时执行函数 if (windowScrollTop + windowHeight > targetOffset) { updateVideoSourceForSlides(); playCurrentSlideVideo(wd_product_swiper3); $(window).off('scroll'); // 可选，执行一次后取消监听 } }); .overview-item-wide-media { position: relative; } .overview-item-wide-media .overview-item-wide-media-btn { position: absolute; bottom: 24px; right: 40px; display: flex; padding: 16px 24px; align-items: center; gap: 4px; border-radius: 50px; background: #036AFF; color: var(--FFFFFF, #FFF); text-align: center; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 400; line-height: 125%; cursor: pointer; /* 20px */ } .overview-item-wide-media .overview-item-wide-media-btn:hover { background: #2B8BFF; } 5-stage RO Filtration. View the report .wd-1106-pc-five-imgs { display: flex; width: 100%; gap: 16px; } .wd-1106-five-img-item { flex: 1; max-width: 230px; } .wd-1106-pc-five-imgs img { width: 100%; } .wd-1106-pc-five-imgs-title { color: var(--111111, #111); text-align: center; font-family: Poppins; font-size: 32px; font-style: normal; font-weight: 600; line-height: 125%; margin-bottom: 12px; /* 40px */ } .wd-1106-pc-five-imgs-detail { color: var(--666666, #666); text-align: center; font-family: Poppins; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 50px; /* 27px */ } @media screen and (max-width:767px) { .wd-1106-pc-five-imgs { flex-direction: column; } .wd-1106-five-img-item { flex: 1; max-width: 100%; } .wd-1106-pc-five-imgs-title { font-size: 20px; text-align: left; } .wd-1106-pc-five-imgs-detail { font-size: 14px; margin-bottom: 12px; } } Easy to Operate. Adjustable and Convenient Choose from 5 preset volume options or set a customized water volume to meet your pure water needs. Now you can enjoy a refined and unique drinking experience with this RO system. @media screen and (max-width:767px) { .blocks-item.blocks-item-opposite.blocks-item-opposite-video { padding: 0; flex-direction: column-reverse; } } Easy Controls with Smart Touch Screen The smart touch screen in this countertop RO water filter provides the TDS level and filter lifespan at a glance. Operating this system is seamless, and obtaining clean, refreshing water is smooth. Fits Every Countertop. .wd-page-brand-story-our_products-pc { display: block; } .wd-page-brand-story-our_products-pad { display: none; } .wd-page-brand-story-our_products-mobile { display: none; } .wd-page-brand-story-our_products { padding-top: 80px; } .wd-page-brand-story-our_products-items { display: flex; justify-content: center; position: relative; border-radius: 16px; overflow: hidden; } .wd-page-brand-story-our_products-word { position: absolute; top: 50px; left: 50%; transform: translate(-50%); text-align: center; z-index: 10000; } .wd-page-brand-story-our_products-title { color: var(--111111, #111); text-align: center; font-family: Poppins; font-size: 36px; font-style: normal; font-weight: 600; line-height: 125%; /* 45px */ margin-bottom: 8px; } .wd-page-brand-story-our_products-detail { color: var(--666666, #666); font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 400; line-height: 125%; /* 30px */ text-transform: capitalize; } .wd-page-brand-story-our_products-item { max-width: 335px; overflow: hidden; position: relative; transition: 0.8s all; } .wd-page-brand-story-our_products-item-word { position: absolute; bottom: 60px; left: 50%; transform: translate(-50%); color: var(--111111, #111); text-align: center; font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 600; line-height: 125%; /* 30px */ } .wd-page-brand-story-our_products-item-transform { max-width: 100%; } .wd-page-brand-story-our_products-item-transform-none { max-width: 335px; } .wd-page-brand-story-our_products-item-transform-siblings { max-width: 0; } .wd-page-brand-story-our_products-item img { height: 640px; transition: 0.8s all; max-width: none; width: auto; } .wd-page-brand-story-our_products-items .wd-page-brand-story-our_products-item:nth-child(3) img { transform: translateX(-530px); } .wd-page-brand-story-our_products-items .wd-page-brand-story-our_products-item:nth-child(4) img { transform: translateX(-604px); } .wd-page-brand-story-our_products-items .wd-page-brand-story-our_products-item:nth-child(5) img { transform: translateX(-701px); } .wd-page-brand-story-our_products-items .wd-page-brand-story-our_products-item:nth-child(6) img { transform: translateX(-610px); } .wd-page-brand-story-our_products-item-svg-transform { transform: rotateZ(-45deg); } @media screen and (max-width:1023px) { .wd-page-brand-story-our_products-word { display: none; } .wd-page-brand-story-our_products-pc { display: none; } .wd-page-brand-story-our_products-item-word { display: none; } .wd-page-brand-story-our_products-pad { display: block; } .wd-page-brand-story-our_products-item img { height: 400px; } .wd-page-brand-story-our_products-items { padding: 0 5.33%; } } @media screen and (max-width:767px) { .wd-page-brand-story-our_products { padding-top: 0; } .wd-page-brand-story-our_products-items { display: none; } .wd-page-brand-story-our_products-pc { display: none; } } Installation-free Design Put in anywhere you want Kitchen Living room Office RV $('.wd-page-brand-story-our_products-item').mouseenter(function () { let $item = $(this); let item_width = $item.css('max-width'); let item_index = $item.index(); $item.addClass('wd-page-brand-story-our_products-item-transform'); $item.removeClass('wd-page-brand-story-our_products-item-transform-none'); $item.siblings().addClass('wd-page-brand-story-our_products-item-transform-siblings'); $item.find('img').css({ 'transform': 'translateX(0)', "width": "100%", "height": "auto", 'transform-origin': 'center' }); $(".wd-page-brand-story-our_products-item-word ,.wd-page-brand-story-our_products-word").css("display", "none") }); $('.wd-page-brand-story-our_products-item').mouseleave(function () { let $item = $(this); let item_width = $item.css('max-width'); let item_index = $item.index(); $(".wd-page-brand-story-our_products-item-word ,.wd-page-brand-story-our_products-word").css("display", "block") $item.addClass('wd-page-brand-story-our_products-item-transform-none'); $item.removeClass('wd-page-brand-story-our_products-item-transform'); $item.siblings().removeClass('wd-page-brand-story-our_products-item-transform-siblings'); let translateX = -610; // 默认的 translateX 值 console.log(item_index, "item_indexitem_indexitem_indexitem_indexitem_indexitem_indexitem_index") if (item_index === 2) { translateX = -530; } else if (item_index === 3) { translateX = -604; } else if (item_index === 4) { translateX = -701; } $item.find('img').css({ 'transform': `translateX(${translateX}px)`, "width": "auto", "height": "640px" }); }); Protect the environment. 3:1 Low Drain Ratio Dispensing 3 cups of clean water results in just 1 cup of wastewater, maximizing water savings and delivering significant environmental benefits. Purity in Every Drop Twist and pull design. Easy for filter replacement. 12-month long service life. Just pay 0.2 dollars every day, and you can continuously enjoy a convenient water purification experience. // // $(document).ready(function () { $('.input_variant').attr("name", "id") }); $('.wd-product-replacement-total-num').blur(function () { var total_num = $(this).val(); var unit_price = $(this).parents('.replacement-filter-cart').find('.replacement-filter-price-unit') .text(); var total_price = total_num * 1 * unit_price; var total_price_num = total_price.toFixed(2); $(this).parents('.replacement-filter-cart').find('.replacement-filter-price').text(total_price_num); }) $('.plus-btn').click(function () { var total_num = $(this).siblings('.wd-product-replacement-total-num').val(); var unit_price = $(this).parents('.replacement-filter-cart').find('.replacement-filter-price-unit') .text(); var total_price = (total_num * 1 + 1 * 1) * unit_price; var total_price_num = total_price.toFixed(2); $(this).parents('.replacement-filter-cart').find('.replacement-filter-price').text(total_price_num); }) $('.minus-btn').click(function () { var total_num = $(this).siblings('.wd-product-replacement-total-num').val(); var unit_price = $(this).parents('.replacement-filter-cart').find('.replacement-filter-price-unit') .text(); var total_price_sub = total_num * unit_price - unit_price; var total_price_sub_num = total_price_sub.toFixed(2); $(this).parents('.replacement-filter-cart').find('.replacement-filter-price').text(total_price_sub_num); if (total_num
