Waterdrop C1H Instant Hot Water Reverse Osmosis System

.wd-product-background-swiper-video-mobile { display: none; } .wd-product-background-swiper-video-pc { display: block; } video { border-radius: 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; } .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; } } .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-SemiBold; 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: 130px; 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/459793e80bce4674b97d845eb868da64.mp4", "https://cdn.shopify.com/videos/c/o/v/47298097cc164fd8a3fbf940eab25e65.mp4", "https://cdn.shopify.com/videos/c/o/v/0e1f4e49a1744a62ae4560229f90b8bb.mp4", "https://cdn.shopify.com/videos/c/o/v/6fc2f722473444a98bf270c16a167ad3.mp4" ]; let mobileVideoUrls = [ "https://cdn.shopify.com/videos/c/o/v/297adf88976f4c7f8158b5d78e951314.mp4", "https://cdn.shopify.com/videos/c/o/v/debbfd96d6524138a3b3d7304a567aa7.mp4", "https://cdn.shopify.com/videos/c/o/v/aa45d37b8e994aee87426fe6fec24514.mp4", "https://cdn.shopify.com/videos/c/o/v/4099761b6afc4a8d947f8efbae4d66bb.mp4" ]; function updateVideoSourceForSlides() { $('.wd-product-background-swiper3-slide').each(function (index) { let videoElement = $(this).find('.slide-video'); let selectedSrc = $(window).width() ').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; } @media screen and (max-width:767px) { .overview-item-wide-media .overview-item-wide-media-btn { right: 16px; bottom: 16px; } } 6-stage RO Filtration. View the report 3s Instant Hot. Instant Heating to Meet Every Needs It takes just 3 seconds to get instant hot water for your soothing teas, refereshing coffees, and everything else. With the adjustable temperature& volume settings, this countertop instant heating RO system is perfect for every occassion. @media screen and (max-width:767px) { #productOverview .blocks-item-opposite.blocks-item-opposite-reverse { flex-direction: column-reverse; } } Remember Your Exclusive Hobbies You get 5 temperature and volume options, alongside a Favorite Mode where you can set your preferred temperature and volume. With the versatility of this countertop RO system, you can now enjoy a perfect cup of water whenever and wherever. Easy to Operate. .wd-product-page-animation-technology-content-4mode { padding: 100px 0; display: flex; align-items: center; position: relative; } .overview-item-wide-swiper-mode { display: none; } .wd-product-page-animation-technology-content-4mode-mobile { display: none; } .wd-product-page-animation-technology-content-4mode-img img { width: 100%; } .wd-product-page-animation-technology-content-4mode-img { width: 600px; height: 600px; transition: 0.5s all; background-size: cover; background-image: url("https://cdn.shopify.com/s/files/1/0078/6156/7570/files/wd-product-page-c1h1106-4mode-img-min1.jpg?v=1704337145"); } .wd-product-page-animation-technology-content-4mode-text { padding: 50px; width: 600px; position: absolute; top: 0; right: 0; z-index: 999; height: 100%; display: flex; flex-direction: column; justify-content: center; } .wd-product-page-animation-technology-content-4mode-img-swiper { height: 600px; background: var(--F6F8FC, #F6F8FC); width: 100%; } .wd-product-page-animation-technology-content-4mode-img-swiper .swiper-wrapper { align-items: start; } .wd-product-page-animation-technology-content-4mode-img-swiper .swiper-slide { width: 600px; height: 600px; } .wd-product-page-animation-technology-content-4mode-title { font-family: 'Poppins-SemiBold'; font-weight: 600; font-size: 32px; line-height: 125%; color: #111111; margin-bottom: 12px; } .wd-product-page-animation-technology-content-4mode-subtitle { font-family: 'Poppins-Regular'; font-weight: 400; font-size: 18px; line-height: 125%; color: #666666; margin-bottom: 60px; } .wd-product-page-animation-technology-content-4mode-choose-item { border-left: 2px solid #666666; padding-left: 40px; margin-bottom: 40px; height: 30px; overflow: hidden; cursor: pointer; } .wd-product-page-animation-technology-content-4mode-choose-item-title { font-family: 'Poppins-SemiBold'; font-weight: 600; font-size: 24px; line-height: 125%; color: #666666; } .wd-product-page-animation-technology-content-4mode-choose-item-des { font-family: 'Poppins-Regular'; font-weight: 400; font-size: 16px; line-height: 125%; color: #666666; margin-top: 8px; } .wd-product-page-animation-technology-content-4mode-choose-item-active { border-left: 2px solid #00549c; } .wd-product-page-animation-technology-content-4mode-choose-item.wd-product-page-animation-technology-content-4mode-choose-item-active { height: auto; } .wd-product-page-animation-technology-content-4mode-choose-item-active .wd-product-page-animation-technology-content-4mode-choose-item-title { color: #00549C; } .wd-product-page-animation-technology-content-4mode-choose-item-active .wd-product-page-animation-technology-content-4mode-choose-item-des { color: #00549C; } @media screen and (max-width:1280px) { .wd-product-page-animation-technology-content-4mode-text { width: calc(100% - 600px); padding: 0 20px 0 0; } .wd-product-page-animation-technology-content-4mode-title { font-size: 28px; } .wd-product-page-animation-technology-content-4mode-subtitle { font-size: 16px; } .wd-product-page-animation-technology-content-4mode-choose-item { padding-left: 30px; } .wd-product-page-animation-technology-content-4mode-choose-item-title { font-size: 22px; } } @media screen and (max-width:1024px) { .wd-product-page-animation-technology-content-4mode { display: none; } .wd-product-page-animation-technology-content-4mode-mobile { height: 100vh; display: flex; justify-content: center; flex-direction: column; } .wd-product-page-animation-technology-content-4mode-mobile-swiper { width: 100%; } .wd-product-page-animation-technology-content-4mode-mobile-swiper .swiper-slide { width: 500px; } .wd-product-page-animation-technology-content-4mode-mobile-swiper img { width: 100%; } .wd-product-page-animation-technology-content-4mode-title { font-size: 32px; width: 500px; margin: 0 auto; text-align: center; margin-bottom: 12px; } .wd-product-page-animation-technology-content-4mode-subtitle { font-size: 18px; width: 500px; margin: 0 auto; text-align: center; margin-bottom: 40px; } .wd-product-page-animation-technology-content-4mode-mobile-swiper .swiper-wrapper { padding-bottom: 80px; } .wd-product-page-animation-technology-content-4mode-mobile-swiper-button-next::after { display: none; } .wd-product-page-animation-technology-content-4mode-mobile-swiper-button-prev::after { display: none; } .wd-product-page-animation-technology-content-4mode-mobile-swiper svg { width: 40px; height: 40px; display: block; } .wd-product-page-animation-technology-content-4mode-mobile-swiper-button-prev { top: auto; bottom: 0; width: 40px; height: 40px; left: calc((100% - 208px) / 2); z-index: 99; } .wd-product-page-animation-technology-content-4mode-mobile-swiper-button-next { top: auto; bottom: 0; width: 40px; height: 40px; right: calc((100% - 208px) / 2); z-index: 99; } .wd-product-page-animation-technology-content-4mode-mobile-swiper-pagination { height: 24px; } .wd-product-page-animation-technology-content-4mode-mobile-swiper-pagination .swiper-pagination-bullet-active { background-color: #00549c; } } @media screen and (max-width:767px) { .wd-product-page-animation-technology-content-4mode-mobile { height: auto; padding: 80px 0; min-height: 100vh; } .overview-item-wide-swiper-mode { display: block; } .wd-product-page-animation-technology-content-4mode-title { font-size: 24px; width: 100%; padding: 0 20px; } .wd-product-page-animation-technology-content-4mode-subtitle { font-size: 14px; width: 100%; padding: 0 20px; } .wd-product-page-animation-technology-content-4mode-mobile-swiper .swiper-slide { width: calc(100% - 80px); } .wd-product-background-swiper4-btns-mode { width: 70%; margin: 30px auto 70px; } .wd-product-background-swiper4-btns svg { width: 40px; height: 40px; } } 5 Temperature Options Room temp Fresh water 113℉ Oatmea 140℉ Baby formula 185℉ Coffee 203℉ Tea // V-heating Technology click popup var swiperindex; var mode_4_swiper = new Swiper( ".wd-product-page-animation-technology-content-4mode-img-swiper", { direction: "vertical", mousewheel: { releaseOnEdges: true, sensitivity: 0.9, }, on: { slideChangeTransitionEnd: function () { if (this.activeIndex == 0) { $( ".wd-product-page-animation-technology-content-4mode-choose-item" ).removeClass( "wd-product-page-animation-technology-content-4mode-choose-item-active" ); $(".wd-product-page-animation-technology-content-4mode-choose-item") .eq(0) .addClass( "wd-product-page-animation-technology-content-4mode-choose-item-active" ); $(".wd-product-page-animation-technology-content-4mode-choose-item") .eq(0) .siblings() .animate( { height: "30px", }, 300 ); $(".wd-product-page-animation-technology-content-4mode-choose-item") .eq(0) .animate( { height: "58px", }, 300 ); } else if (this.activeIndex == 1) { $( ".wd-product-page-animation-technology-content-4mode-choose-item" ).removeClass( "wd-product-page-animation-technology-content-4mode-choose-item-active" ); $(".wd-product-page-animation-technology-content-4mode-choose-item") .eq(1) .addClass( "wd-product-page-animation-technology-content-4mode-choose-item-active" ); $(".wd-product-page-animation-technology-content-4mode-choose-item") .eq(1) .siblings() .animate( { height: "30px", }, 300 ); $(".wd-product-page-animation-technology-content-4mode-choose-item") .eq(1) .animate( { height: "58px", }, 300 ); } else if (this.activeIndex == 2) { $( ".wd-product-page-animation-technology-content-4mode-choose-item" ).removeClass( "wd-product-page-animation-technology-content-4mode-choose-item-active" ); $(".wd-product-page-animation-technology-content-4mode-choose-item") .eq(2) .addClass( "wd-product-page-animation-technology-content-4mode-choose-item-active" ); $(".wd-product-page-animation-technology-content-4mode-choose-item") .eq(2) .siblings() .animate( { height: "30px", }, 300 ); $(".wd-product-page-animation-technology-content-4mode-choose-item") .eq(2) .animate( { height: "58px", }, 300 ); } else if (this.activeIndex == 3) { $( ".wd-product-page-animation-technology-content-4mode-choose-item" ).removeClass( "wd-product-page-animation-technology-content-4mode-choose-item-active" ); $(".wd-product-page-animation-technology-content-4mode-choose-item") .eq(3) .addClass( "wd-product-page-animation-technology-content-4mode-choose-item-active" ); $(".wd-product-page-animation-technology-content-4mode-choose-item") .eq(3) .siblings() .animate( { height: "30px", }, 300 ); $(".wd-product-page-animation-technology-content-4mode-choose-item") .eq(3) .animate( { height: "58px", }, 300 ); } else if (this.activeIndex == 4) { $( ".wd-product-page-animation-technology-content-4mode-choose-item" ).removeClass( "wd-product-page-animation-technology-content-4mode-choose-item-active" ); $(".wd-product-page-animation-technology-content-4mode-choose-item") .eq(4) .addClass( "wd-product-page-animation-technology-content-4mode-choose-item-active" ); $(".wd-product-page-animation-technology-content-4mode-choose-item") .eq(4) .siblings() .animate( { height: "30px", }, 300 ); $(".wd-product-page-animation-technology-content-4mode-choose-item") .eq(4) .animate( { height: "58px", }, 300 ); } swiperindex = this.activeIndex; }, }, } ); $(".wd-product-page-animation-technology-content-4mode-choose-item").click( function () { mode_4_swiper.slideTo($(this).index(), 500, false); $(".wd-product-page-animation-technology-content-4mode-choose-item") .eq($(this).index()) .siblings() .removeClass( "wd-product-page-animation-technology-content-4mode-choose-item-active" ); $(".wd-product-page-animation-technology-content-4mode-choose-item") .eq($(this).index()) .addClass( "wd-product-page-animation-technology-content-4mode-choose-item-active" ); $(this) .siblings( ".wd-product-page-animation-technology-content-4mode-choose-item" ) .animate( { height: "30px", }, 300 ); $(this).animate( { height: "58px", }, 300 ); } ); var wd_product_swiper4 = new Swiper(".wd-product-background-swiper4-mode", { loop: true, navigation: { nextEl: ".wd-product-swiper-button-living-next-mode", prevEl: ".wd-product-swiper-button-living-prev-mode", }, pagination: { clickable: true, el: '.swiper-pagination-1106-swiper-mode', }, on: { } }); .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; } } 5 Water Volume Options 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. .wd-1106-compares-hot { background: #FAFAFA; } .wd-1106-compares-hot .wd-v2-index-media-title { padding: 40px 0; } .wd-1106-compares-hot-list { display: flex; justify-content: center; align-items: center; gap: 220px; padding-bottom: 40px; } .wd-1106-compares-hot-item { max-width: 240px; display: flex; flex-direction: column; gap: 24px; font-family: Poppins; font-style: normal; font-weight: 400; line-height: 125%; color: #292929; } .wd-1106-compares-hot-item-top { display: flex; flex-direction: column; gap: 4px; } .wd-1106-compares-hot-item-new { color: #00549C; font-size: 14px; } .wd-1106-compares-hot-item-name { font-size: 20px; font-weight: 600; } .wd-1106-compares-hot-item-price, .wd-1106-compares-hot-item-config { font-size: 16px; } .wd-1106-compares-hot-item-btn { display: flex; width: 107px; padding: 10px 24px; flex-direction: column; justify-content: center; align-items: center; border-radius: 20px; background: #00549C; color: #FFF; text-align: center; font-family: Poppins; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ } .wd-1106-compares-hot-item img { width: 240px; height: 240px; } @media screen and (max-width:767px) { .wd-1106-compares-hot-list { gap: 11.45vw; padding: 0 16px 40px; } .wd-1106-compares-hot .wd-v2-index-media-title { font-size: 24px; } .wd-1106-compares-hot-item img { width: 145px; height: 145px; } } Choose Your Perfect Countertop RO System New WD-C1H USD 299 75 GPD Instant Hot Water 6-stage Deep Filtration 5-mode Customizable Water Capacity 5-mode Temperature Options 41-203 °F/5-95°C Smart Display 3: 1 Pure to Drain Ration Buy now New WD-C1S USD 249 75 GPD - 6-stage Deep Filtration 5-mode Customizable Water Capacity - 41-100 °F/5-38°C Smart Display 3: 1 Pure to Drain Ration Buy now WD-C1H-N Add to Cart WD-C1S Add to Cart WD-A1 Add to Cart WD-K19-H Add to Cart WD-K19-S Add to Cart WD-N1-W Add to Cart Customer rating Trustpilot Trustpilot Trustpilot Trustpilot Trustpilot Trustpilot Price Daily Production Rate 75 GPD 75 GPD 100 GPD 75 GPD 75 GPD 75 GPD Pure to Drain Rate Drain ratio stands for the ratio of wastewater and purified water dispensed by a RO system. For example, the 3:1 drain ratio means it uses up a gallon of wastewater for every 3 gallons of pure water you get. Display Filter lifespan & Water volume & Water temperature Filter lifespan & TDS & Water volume Filter lifespan & TDS & Water volume & Water temperature Filter lifespan & TDS & Water volume & Water temperature Filter lifespan & TDS & Water volume Filter lifespan & TDS & Water volume Water Capacity Options 5 5 5 5 4 4 Water Tank Capacity 110 OZ 110 OZ 204 Oz 170 Oz 170 Oz 135 oz Self-clean √ √ √ √ √ √ Electricity Required √ √ √ √ √ √ Need Installation × × × × × × Filter Cartridges WD-C1RF WD-C1RF --> WD-A1-CF --> WD-A1-RO WD-K19RF WD-K19RF WD-N1-CF WD-N1-MRO Filter Lifespan 12 Mths 12 Mths WD-A1-CF: 6 MonthsWD-A1-RO: 12 Months 12 Mths 12 Mths CF-6 MthsMRO-18 Mths Dimensions (inch) 11.7" * 8.3" * 13.7" 11.7" * 8.3" * 13.7" 18.3” *7.8” *17.1” 15.51" * 9.2" * 17.56" 15.51" * 9.2" * 17.56" 17.1×7.0×15.5 Model WD-C1H-US Size (L*W*H) 15.6" *10.9" *17.0" Feed Water Temperature 41-100 °F/5-38°C Daily Production Rate 75 GPD Feed Water Requirement Municipal Tap Water Power 1700 W System Voltage 110-120V Rated Frequency 50-60 Hz Feed Water Tank Capacity 3.2L/0.85G Pure water tank Capacity 1L/0.26 G What is the filtration performance of the RO water system? This countertop RO water filter uses a multi-stage filtration process to reduce impurities, including sediments, chlorine, fluoride, and others. It effectively reduces over 99% of dissolved solids from your tap water, delivering crisp, clean drinking water. How long does the filtration system last before needing a replacement? The lifespan of the filter depends on usage and local water quality, but typically it should be replaced every 12 months. How can I use its inner pure water tank? The tank can be removed from the system and you can put it in the refrigerator for a variety of drinking needs. At the same time, its 40oz capacity can meet your daily water consumption, so that you can enjoy pure water more conveniently. Can I use Settings to get the volume of water I want? Yes！This Countertop RO has a smart touch screen for TDS real-time displaying and filter life monitoring. Enjoy the convenience of 5 adjustable water volumes and temperatures to remember your favorite patterns through custom settings. What is the temp range for the hot water produced by the RO system? The hot water temperature can be adjusted between room temp to 203°F, providing you with pure water ideal for tea or coffee. It heats up rapidly, ensuring you have access to hot water in seconds. WD-C1RF Replacement for CoreRO Countertop System Provides you with 12 months or 1,000 gallons of clean filtered water. Replace the water filter in 3 seconds with a single twist. No tools are required. Reduce most contaminants and improves the taste of water. 59.00 Total price: $59.00 Total price: $59.00 Add to cart // // $(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 $(document).on('click', '.btn-addtocart', function () { var ID = $(this).parents('.wd-productreplacement-filter-form').find(".input_variant").val(); var Num = $(this).parents('.wd-productreplacement-filter-form').find(".wd-product-replacement-total-num").val(); $.ajax({ type: 'POST', url: '/cart/add.js', data: { quantity: Num, id: ID }, dataType: 'json', success: function (data) { Shopify.onItemAdded(data); } }); }) // compare start $('.wd-product-compare-add-to-cart').click(function () { var ID = $(this).attr('data-value'); $.ajax({ type: 'POST', url: '/cart/add.js', data: { quantity: 1, id: ID }, dataType: 'json', success: function (data) { Shopify.onItemAdded(data); } }); }) $(document).ready(function () { var tr_length = $('.wd-product-compare-price').siblings('td').length; for (var i = 0; i