<!DOCTYPE html><html><head> <title>The Rise of Contemporary Fireplace Design – Blending Form and Function in Modern Homes | Vipon</title> <meta name="keywords" content="coupons, Amazon, deals, discounts, freebies, frugal, promo codes" /> <meta name="description" content="Save more than 50% with Amazon coupons and promo codes. Get the hottest Amazon products at the lowest price possible." /> <meta property="og:title" content="The Rise of Contemporary Fireplace Design – Blending Form and Function in Modern Homes"> <meta property="og:description" content="What a useful article, check it out on Vipon now. Here you can save 50% or more with our awesome Amazon deals！"> <meta property="og:image" content="https://vipon.s3.amazonaws.com/img/8640589fcab758083bb69824c83ae66ffbf3d8770aeda3.jpg" /> <meta http-equiv="pragma" content="no-cache"/><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /><meta name="google-site-verification" content="L2fMXpTvVfn8lLbdplkfuyUbzUQkJi0JmQg-Jb2tEtI" /> <!--SEO--><meta property="fb:app_id" content="281351757175256" /><meta property="og:site_name" content="Vipon" /><meta property="og:locale" content="en_US" /><meta property="og:url" content="http://www.myvipon.com/post/1593951/Undress-Navigating-Social-Dimensions-amazon-coupons" /> <meta property="og:type" content="article"><!--<meta property="og:type" content="article"> 分享到Facebook的--><link rel="canonical" href="https://www.myvipon.com/post/1593951/Undress-Navigating-Social-Dimensions-amazon-coupons" /><!-- 分享到Facebook的图片URL<meta property="og:image" content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />--><!--SEO--><link href='https://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css' /><link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css" media="all" /><script type="text/javascript" src="/js/jquery-1.11.1.min.js"></script><script type="text/javascript" src="/js/bootstrap.min.js"></script><link rel="stylesheet" type="text/css" href="/css/head_foot.css?v=20250530" /> <!-- Facebook Pixel Code --><script> !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '484493295249936'); fbq('track', 'PageView');</script><noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=484493295249936&ev=PageView&noscript=1" alt="Amazon Coupons"/></noscript><!-- DO NOT MODIFY --><!-- End Facebook Pixel Code --> <!-- Onesignal --><script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script><script> var OneSignal = window.OneSignal || []; OneSignal.push(function() { OneSignal.init({ //appId: "5f6a6d4f-e4fe-41dc-ae8e-14841a69f0f8", appId: "c604b41d-8b5f-4b64-8ba9-1b7fc8b0470c", }); });</script><!-- Onesignal end --> <!-- Google Tag Manager --><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KMV692H');</script><!-- End Google Tag Manager --> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><script> (adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: "ca-pub-2612751635182671", enable_page_level_ads: true });</script> <link rel="stylesheet" type="text/css" href="/css/vipon-sign.css?v=20250530"> <!-- 遮罩层--> <link rel="stylesheet" type="text/css" href="/fonts/iconfont.css"/> <link rel="stylesheet" type="text/css" href="/css/article_detail.css?v=20250530"/> <script type="text/javascript" charset="utf8" src="/js/art_list.js"></script> <!--Featured Deals--> <style type="text/css"> /*遮罩层样式，需要*/ body { padding: 0; margin: 0; position: relative; width: 100%; } .back_drop { width: 100%; position: fixed; z-index: 10000; top: 0; left: 0; display: none; background-color: rgba(0, 160, 223, .7); } .text_complain { width: 60%; margin-left: 20px; color: white; font-size: 32px; font-family: sans-serif; margin-top: 40%; } .get_method { height: 50px; width: 150px; margin-top: 80px; margin-left: 20px; } /*遮罩层下的网页样式，不需要*/ .get_method > img { height: 100%; width: 100%; /*background-color: white;*/ /*padding: 0 20px;*/ border-radius: 5px; } .product { height: 450px; width: 250px; float: left; margin: 20px 50px; border-radius: 6px; background-color: white; } .product > p { line-height: 10px; padding: 0 10px; } .product > img { display: block; height: 200px; width: 230px; padding: 15px 10px; border-bottom: 1px solid #ccc; } .instant_price { font-size: 24px; font-weight: 600; text-align: center; } .instant_title { font-size: 13px; font-weight: 600; height: 25px; } .instant_classify { font-size: 10px; color: #ccc; } .instant_deal { height: 30px; width: 230px; color: white; background-color: rgb(69, 197, 203); line-height: 30px; font-weight: 600; text-align: center; margin: 0 auto; border-radius: 6px; } .fulfilled { font-size: 12px; text-align: center; color: #aaa; } .price-flow { font-size: 14px; text-align: center; } .icon-clear { position: absolute; right: 10px; top: 10px; font-size: 20px; color: #666; } /*遮罩层 END*/ .async-hide { opacity: 0 !important } .vmc-container { position: relative; height: 355px; } .vmc-viewport { overflow: hidden; height: 355px; } #elevator_item { width: 60px; height: 100px; position: fixed; right: 15px; bottom: 15px; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; opacity: 1; z-index: 10; display: none; } #elevator_item.off { opacity: 0; visibility: hidden } #elevator { display: block; width: 60px; height: 50px; background: url(/images/icon_top.png) center center no-repeat; background-color: #444; background-color: rgba(0, 0, 0, .6); border-radius: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); cursor: pointer; margin-bottom: 10px } #elevator:hover { background-color: rgba(0, 0, 0, .7) } #elevator:active { background-color: rgba(0, 0, 0, .75) } #elevator_item .qr { display: block; width: 60px; height: 40px; border-radius: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); cursor: pointer; background: url(/images/love2.png) center center no-repeat; background-color: #444; background-color: rgba(0, 0, 0, .6) } #elevator_item .qr:active { background-color: rgba(0, 0, 0, .75) } .p-container p{margin-bottom: 15px;} .post-item .video-play button{ opacity: 0; transition: opacity .3s; } .post-item:hover .video-play button{ opacity: 1; } .other-post .post-item .post-item-img img{ position: absolute; } .p-container img{ max-width: 100%; } .video-error{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; justify-content: center; align-items: center; flex-direction: column; } .video-error img{ width: 60px; } .video-error div{ color: #fff; margin-top: 20px; } .red_border { border-color: rgb(244, 76, 68) !important; } </style> <script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=5e5a2493e0a1dd00128c7fd1&product=inline-share-buttons&cms=website' async='async'></script> <script> /* * * Get size settings for pictures left margin-left * * */ function getImgSize(arrayElement,scale=1) { let width = parseInt($(arrayElement).css('width')); let height = parseInt($(arrayElement).css('height')); if(width>0&&height>0){ if(width/height>=scale){ $(arrayElement).css({ 'height':'100%', 'width':'auto' }); let timer = setTimeout(function () { clearTimeout(timer); width = parseInt($(arrayElement).css('width')); $(arrayElement).css({ 'left':'-'+(width-parseInt($(arrayElement).parent().width()))/2+'px', top:0 }) },500) }else{ $(arrayElement).css({ 'width':'100%', 'height':'auto', }) let timer = setTimeout(function () { clearTimeout(timer); height = parseInt($(arrayElement).css('height')); $(arrayElement).css({ 'top': '-' + (height - parseInt($(arrayElement).parent().height())) / 2 + 'px', left: 0 }) },500) } } } function getVideoImgSize(arrayElement) { let width = parseInt($(arrayElement).css('width')); let height = parseInt($(arrayElement).css('height')); let width1 = parseInt($(arrayElement).parent().css('width')); let height1 = parseInt($(arrayElement).parent().css('height')); if(width>0&&height>0){ if(width/height>=1){ $(arrayElement).css({ 'height':'100%', 'width':'auto' }); let timer = setTimeout(()=>{ clearTimeout(timer); let width = parseInt($(arrayElement).css('width')); if(width1>width){ $(arrayElement).css({ 'width':'100%', 'height':'auto', }) } },500) }else{ $(arrayElement).css({ 'width':'100%', 'height':'auto', }) let timer = setTimeout(()=>{ clearTimeout(timer); let height = parseInt($(arrayElement).css('height')); if(height1>height){ $(arrayElement).css({ 'height':'100%', 'width':'auto' }); } },500) } } } function videoEnd(e) { $(e.target.value).parent().find('button').css('display','inline-block') } </script></head><body><!-- Google Tag Manager (noscript) --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KMV692H" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) --><script src="/js/vue.min.js"></script> <script src="/js/iview.min.js?v=2"></script><script src="https://www.google.com/recaptcha/enterprise.js?render=6Le0fJknAAAAAJqA20Vf1yAl4yD4yj2_esN0aSj1"></script><!-- 引入样式 --><link rel="stylesheet" href="/css/theme-chalk/index.css"><!-- 引入组件库 --><script src="/js/lib/index.js"></script><script src="https://accounts.google.com/gsi/client" async></script><link rel="stylesheet" href="/css/menu.css?v=20250530"> <div id="menuvue"> <div id="header"> <div > <div class="logo"> <a href="/"> <img src="https://vipon.s3.amazonaws.com/img/268511307d0d511cd3a1f4a168e28b9463e41218ea9a66.svg" alt="Amazon Coupons"> <img src="https://vipon.s3.amazonaws.com/img/559899da9aeaa49b417ca0d3a1e8c1c15b2ce424d83bba.svg" alt="Amazon Coupons"> </a> </div> <div class="header-home"> <span class="categories-more-icon"></span> <span class="text">CATEGORIES </span> <ul class="list-unstyled"> <li><a href="/promotion/coupons?group=art_crafts_sewing&ref=menu_category" class="category">Arts, Crafts & Sewing</a></li> <li><a href="/promotion/coupons?group=automotive_industrial&ref=menu_category" class="category">Automotive & Industrial</a></li>--> <li><a href="/promotion/coupons?group=baby&ref=menu_category" class="category">Baby</a></li> <li><a href="/promotion/coupons?group=beauty&ref=menu_category" class="category">Beauty</a></li> <li><a href="/promotion/coupons?group=cell_phone-accessories&ref=menu_category" class="category">Cell Phones & Accessories</a></li> <li><a href="/promotion/coupons?group=electronics&ref=menu_category" class="category">Electronics</a></li> <li><a href="/promotion/coupons?group=health_personal_care&ref=menu_category" class="category">Health & Personal Care</a></li>--> <li><a href="/promotion/coupons?group=home_kitchen&ref=menu_category" class="category">Home & Kitchen</a></li> <li><a href="/promotion/coupons?group=home_improvement&ref=menu_category" class="category">Home Improvement</a></li> <li><a href="/promotion/coupons?group=jewelry&ref=menu_category" class="category">Jewelry</a></li> <li><a href="/promotion/coupons?group=man_clothe&ref=menu_category" class="category">Men’s Clothing</a></li> <li><a href="/promotion/coupons?group=man_shoes&ref=menu_category" class="category">Men’s Shoes</a></li> <li><a href="/promotion/coupons?group=office_products&ref=menu_category" class="category">Office Products</a></li> <li><a href="/promotion/coupons?group=pet_supplies&ref=menu_category" class="category">Pet Supplies</a></li> <li><a href="/promotion/coupons?group=patio_lawn_garden&ref=menu_category" class="category">Patio, Lawn & Garden</a></li> <li><a href="/promotion/coupons?group=sports_outdoors&ref=menu_category" class="category">Sports & Outdoors</a></li> <li><a href="/promotion/coupons?group=toys_games&ref=menu_category" class="category">Toys & Games</a></li> <li><a href="/promotion/coupons?group=woman_clothe&ref=menu_category" class="category">Women’s Clothing</a></li> <li><a href="/promotion/coupons?group=woman_shoes&ref=menu_category" class="category">Women’s Shoes</a></li> <li><a href="/promotion/coupons?group=watches&ref=menu_category" class="category">Watches</a></li> <li><a href="/promotion/coupons?group=adult_products&ref=menu_category" class="category">Adult Products</a></li> <li><a href="/promotion/coupons?group=others&ref=menu_category" class="category">Others</a></li> </ul> </div> <div class="head-search"> <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown"> <span> <span class="text-category">CATEGORIES</span> <span class="caret"></span> </span> </button> <div class="search-input"> <input type="text" placeholder="Search Coupons & Deals" value="" /> <ul class="list-unstyled" style="z-index:999"> </ul> <div class="recommend-lists" style="position: absolute;top:50px;width:100%;height:20px;"> <div id="hot_list" style="width:100%;color: rgb(153, 153, 153);text-decoration: none;display: flex;"></div> </div> </div> <button type="button" class="btn btn-search"><span class="search-icon"></span></button> <!--搜索框的分类--> <ul class="dropdown-menu" role="menu" > <li role="presentation"> <a role="menuitem" tabindex="-1" href="javascript:;" data-group="" class="active" data-value="">All</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="javascript:;"data-group=14 data-value=14>Arts, Crafts & Sewing</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="javascript:;"data-group=19 data-value=19>Automotive & Industrial</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="javascript:;"data-group=16 data-value=16>Baby</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="javascript:;"data-group=5 data-value=5>Beauty & Personal Care</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="javascript:;"data-group=11 data-value=11>Cell Phones & Accessories</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="javascript:;"data-group=8 data-value=8>Electronics</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="javascript:;"data-group=9 data-value=9>Health & Household</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="javascript:;"data-group=1 data-value=1>Home & Kitchen</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="javascript:;"data-group=4 data-value=4>Jewelry</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="javascript:;"data-group=15 data-value=15>Men Clothing, Shoes & Accessories</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="javascript:;"data-group=18 data-value=18>Office Products</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="javascript:;"data-group=13 data-value=13>Patio, Lawn & Garden</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="javascript:;"data-group=17 data-value=17>Pet Supplies</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="javascript:;"data-group=12 data-value=12>Sports & Outdoors</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="javascript:;"data-group=7 data-value=7>Tools & Home Improvement</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="javascript:;"data-group=6 data-value=6>Toys & Games</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="javascript:;"data-group=3 data-value=3>Watches</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="javascript:;"data-group=2 data-value=2>Women Clothing, Shoes & Accessories</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="javascript:;"data-group=20 data-value=20>Others</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="javascript:;"data-group=10 data-value=10>Adult Products</a> </li> </ul> </div> <div class="header-right"> <div class='subscribe-to'> <img src="/images/letter.webp" alt=""> <span id='entry_copy'></span> <div class='windowBox'> <div class='newclose'> <img src="/images/close.webp" alt=""> </div> <p class='p1'>Exclusive</p> <p class='p2' id='guide_copy'> To get our best deals and discounts Subscribe Below! </p> <form action="https://vipon.us10.list-manage.com/subscribe/post?u=6b9aae568164012e59e677c6a&id=238794d600" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <input type="email" id="emailInput" name="EMAIL" placeholder="Enter your email"> <span id="emailError" style="color:red; display:none;">Please enter the correct email address.</span> <button type="submit" class="btn-subscribe">Subscribe</button> </form> </div> </div> <div class="video"> <!-- <button type="button" class="btn" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true" title="Create a post" id="btn-post-add"> + Post </button> --> <ul class="dropdown-menu" role="menu" aria-labelledby="btn-post-add"> <li role="presentation"> <a role="menuitem" tabindex="-1" @click="to_login(103)">Deal</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" @click="to_login(104)">Video</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" @click="to_login(105)">Article</a> </li> </ul> <div class="guide"> <img src="https://vipon.s3.amazonaws.com/img/347332bd14cd6baa1e551c530a0879577446d9f4486189.png" alt=""> <p>New Feature. You can post a deal now, try to post your first deal to help others save money. </p> <a href="#">OK</a> </div> <div class="guide-modal"></div> </div> <div class="dropdown message"> <a @click="to_login"> <span class="icon-msg"></span> </a> </div> <div class="flag"> <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true" id="dropdownMenu2"> <img class="active_flag" id="active_flag" src="/images/flags/1/om.svg" alt="Amazon Coupons"> <span class="caret"></span> </a> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2"> <li data-domain="www.amazon.com"> <a href="javascript:;"> <img src="/images/flags/1/om.svg" alt="Amazon Coupons"> </a> </li> <li data-domain="www.amazon.ca"> <a href="javascript:;"> <img src="/images/flags/1/ca.svg" alt="Amazon Coupons"> </a> </li> <li data-domain="www.amazon.co.uk"> <a href="javascript:;"> <img src="/images/flags/1/uk.svg" alt="Amazon Coupons"> </a> </li> <li data-domain="www.amazon.de"> <a href="javascript:;"> <img src="/images/flags/1/de.svg" alt="Amazon Coupons"> </a> </li> <li data-domain="www.amazon.fr"> <a href="javascript:;"> <img src="/images/flags/1/fr.svg" alt="Amazon Coupons"> </a> </li> <li data-domain="www.amazon.es"> <a href="javascript:;"> <img src="/images/flags/1/es.svg" alt="Amazon Coupons"> </a> </li> <li data-domain="www.amazon.it"> <a href="javascript:;"> <img src="/images/flags/1/it.svg" alt="Amazon Coupons"> </a> </li> <li data-domain="www.amazon.co.jp"> <a href="javascript:;"> <img src="/images/flags/1/jp.svg" alt="Amazon Coupons"> </a> </li> <li data-domain="www.amazon.in"> <a href="javascript:;"> <img src="/images/flags/1/in.svg" alt="Amazon Coupons"> </a> </li> </ul> </div> <div class="user" style="cursor: pointer;"> <a @click="box_switch(6, true)">Log in </a> <a class="sign-up" @click="box_switch(8)" >Sign Up</a> </div> <div class="seller"> <a href="https://seller.myvipon.com" target="_blank" class="btn" rel="nofollow">Seller Center</a> </div> </div> <div class="new_source_page_box"> <div class="new_source_page"> <div class="new_source_page_header"> <div class="close_new_source_page">Close</div> <div class="new_source_page_header_title1">How did you find Vipon?</div> <div class="new_source_page_header_title2">Thanks for being a part of Vipon! To help us improve, please let us know how you found out about Vipon?</div> </div> <div class="new_source_page_header_bottom"></div> <div class="new_source_page_body_box"> <div class="new_source_page_body_title">Where did you learn about Vipon?</div> <div class="new_source_page_body"> </div> </div> <input placeholder="How did you hear about us? (Type Here)" class="new_source_page_body_input" type="text" > <div id="new_source_submit" class="new_source_page_body_nosubmit">Submit</div> <div class="new_source_submit_toast">Thank you for completing the form. We appreciate your feedback! </div> </div> </div> <!--app下载弹窗--> <div class="download-app-entrances-box"> <div class="download-app-page"> <div class="download-app-page-header"> <img src="/images/close_grey.png" alt="" style="width:12px;cursor: pointer;margin: 20px 20px 0px 628px;" @click="close_download_app_page()"> </div> <div class="desc"> <div class="logo" style="margin-bottom: 18px;"> <img src="/images/new_vipon/group31.png" alt=""> </div> <div class="text"> <span>Want the best deals? Download the Vipon APP</span> </div> </div> <div class="select" style="display: flex;margin-left: 40px;margin-top: 22px;"> <div class="box" id="app-box1" @click="select_app_box(1)"> <div class="app-download-icon-head"> <div class="icon"> <img src="/images/group29.png" alt=""> </div> </div> <div id="download-body"> <div class="download-button" id="app-button1" @click="app_download_button_click(1)" onclick="app_click(14,1)">App Store </div> <div class="app-introduce">Vipon IOS app</div> </div> </div> <div class="box" id="app-box2" @click="select_app_box(2)"> <div> <div class="icon"> <img src="/images/group32.png" alt=""> </div> </div> <div id="download-body"> <div class="download-button" id="app-button2" @click="app_download_button_click(2)" onclick="app_click(15,4)">Google Play</div> <div class="app-introduce">Vipon Android app</div> </div> </div> <div class="box" id="app-box3" @click="select_app_box(3)"> <div> <div class="icon"> <img src="/images/group32.png" alt=""> </div> </div> <div id="download-body"> <div class="download-button" id="app-button3" @click="app_download_button_click(3)" onclick="app_click(14,20)">Google Play</div> <div class="app-introduce">Vipon Lite Android app</div> </div> </div> </div> </div> </div> <div class='head-text-top'>Vipon may earn commissions on qualifying purchases. </div> </div> <div class="flex"> <div class="header-home" style="display: none"> <span class="categories-more-icon"></span> <span class="text">CATEGORIES</span> <ul class="list-unstyled"> <li><a href="/promotion/index?group=handmade&ref=menu_category" class="category">Arts, Crafts & Sewing</a></li> <li><a href="/promotion/index?group=automotive&ref=menu_category" class="category">Automotive & Industrial</a></li> <li><a href="/promotion/index?group=beauty&ref=menu_category" class="category">Beauty & Grooming</a></li> <li><a href="/promotion/index?group=phone-accessories&ref=menu_category" class="category">Cell Phones & Accessories</a></li> <li><a href="/promotion/index?group=electronics&ref=menu_category" class="category">Electronics & Office</a></li> <li><a href="/promotion/index?group=health&ref=menu_category" class="category">Health & Household</a></li> <li><a href="/promotion/index?group=home&ref=menu_category" class="category">Home & Garden</a> </li> <li><a href="/promotion/index?group=jewelry&ref=menu_category" class="category">Jewelry</a></li> <li><a href="/promotion/index?group=kitchen&ref=menu_category" class="category">Kitchen & Dining</a></li> <li><a href="/promotion/index?group=men-clothing&ref=menu_category" class="category">Men's Clothing & Shoes</a></li> <li><a href="/promotion/index?group=pet&ref=menu_category" class="category">Pet Supplies</a></li> <li><a href="/promotion/index?group=sports-outdoors&ref=menu_category" class="category">Sports & Outdoors</a></li> <li><a href="/promotion/index?group=toys-kids&ref=menu_category" class="category">Toys, Kids & Baby</a></li> <li><a href="/promotion/index?group=watches&ref=menu_category" class="category">Watches</a></li> <li><a href="/promotion/index?group=women-clothing&ref=menu_category" class="category">Women's Clothing & Shoes</a></li> <li><a href="/promotion/index?group=other&ref=menu_category" class="category">Other</a></li> <li><a href="/promotion/index?group=adult-products&ref=menu_category" class="category" onclick="clickRecord(31)">Adult Products</a></li> </ul> </div> <div class="clearfix"> <div class="pull-left pull-CATEGORIES" style=" padding-left: 40px;margin-left:0;"> <span class="categories-more-icon"></span> <a href="javascript:" class="header-text CATEGORIES">CATEGORIES</a> <ul class="list-unstyled"> <!-- 首页分类 --> <li > <a class="category" href="/promotion/coupons?category_id=14&ref=menu_category&module=21&click_module=67">Arts, Crafts & Sewing</a> </li> <li > <a class="category" href="/promotion/coupons?category_id=19&ref=menu_category&module=21&click_module=67">Automotive & Industrial</a> </li> <li > <a class="category" href="/promotion/coupons?category_id=16&ref=menu_category&module=21&click_module=67">Baby</a> </li> <li > <a class="category" href="/promotion/coupons?category_id=5&ref=menu_category&module=21&click_module=67">Beauty & Personal Care</a> </li> <li > <a class="category" href="/promotion/coupons?category_id=11&ref=menu_category&module=21&click_module=67">Cell Phones & Accessories</a> </li> <li > <a class="category" href="/promotion/coupons?category_id=8&ref=menu_category&module=21&click_module=67">Electronics</a> </li> <li > <a class="category" href="/promotion/coupons?category_id=9&ref=menu_category&module=21&click_module=67">Health & Household</a> </li> <li > <a class="category" href="/promotion/coupons?category_id=1&ref=menu_category&module=21&click_module=67">Home & Kitchen</a> </li> <li > <a class="category" href="/promotion/coupons?category_id=4&ref=menu_category&module=21&click_module=67">Jewelry</a> </li> <li > <a class="category" href="/promotion/coupons?category_id=15&ref=menu_category&module=21&click_module=67">Men Clothing, Shoes & Accessories</a> </li> <li > <a class="category" href="/promotion/coupons?category_id=18&ref=menu_category&module=21&click_module=67">Office Products</a> </li> <li > <a class="category" href="/promotion/coupons?category_id=13&ref=menu_category&module=21&click_module=67">Patio, Lawn & Garden</a> </li> <li > <a class="category" href="/promotion/coupons?category_id=17&ref=menu_category&module=21&click_module=67">Pet Supplies</a> </li> <li > <a class="category" href="/promotion/coupons?category_id=12&ref=menu_category&module=21&click_module=67">Sports & Outdoors</a> </li> <li > <a class="category" href="/promotion/coupons?category_id=7&ref=menu_category&module=21&click_module=67">Tools & Home Improvement</a> </li> <li > <a class="category" href="/promotion/coupons?category_id=6&ref=menu_category&module=21&click_module=67">Toys & Games</a> </li> <li > <a class="category" href="/promotion/coupons?category_id=3&ref=menu_category&module=21&click_module=67">Watches</a> </li> <li > <a class="category" href="/promotion/coupons?category_id=2&ref=menu_category&module=21&click_module=67">Women Clothing, Shoes & Accessories</a> </li> <li > <a class="category" href="/promotion/coupons?category_id=20&ref=menu_category&module=21&click_module=67">Others</a> </li> <li > <a class="category" href="/promotion/coupons?category_id=10&ref=menu_category&module=21&click_module=67">Adult Products</a> </li> </ul> </div> <div class="pull-left"><a href="/promotion/coupons?type=coupons&module=8&click_module=57" class="header-text " onclick="clickRecord(106)">AMAZON COUPONS</a></div> <div class="pull-left"><a href="/sale/index?module=23&click_module=58" class="header-text " onclick="clickRecord(106)">DAILY COUPONS</a></div> <div class="pull-left"> <a href="/direct/index?click_module=72" id="direct-flag" class="header-text "> AMAZON DEALS </a> </div> <div style = "display:none" class="pull-left"><a href="https://loveefeel.com/" target="_blank" class="header-text">PERSONALIZED</a></div> <div class="pull-left new_blog"> <a href="https://blog.myvipon.com/" class = 'header-text' target="_blank">BLOG</a> </div> </div> <div class="pull-right new_source_page_switch"> <div class='prize_btn' ref='prize_btn'> <div> <img src="/images/prize/card_min.webp" alt=""> </div> <span>Enter Giveaway</span> </div> <img src="/images/new_source_page_switch.png" alt=""> <span class="new_source_page_switch_title1" >SURVEY</span> <span class="new_source_page_switch_title2">How Did You Hear About Us?</span> </div> </div> </div> <!-- 注册登录验证流程弹窗 --> <div class="sign_login_bg" id="sign_login_bg_Visible" v-show="sign_login_bg_Visible" @click= "close_bg($event)"> <div class="sign_login_box"> <div class="sign_login_box_left"> <img src="/images/sign_login_box_left.png" alt="" srcset=""> </div> <!-- 注册弹窗 --> <div class="sign_login_box_right" v-show="signVisible"> <div class="close_grey" @click = "close_all()"></div> <div class="sign_login_box_right_title"> Join Vipon </div> <div class="sign_login_box_right_title2"> Find and share great deals </div> <div id="google_account1"></div> <div class="cut_off"> <span class="cut_off_line"></span> <span class="cut_off_text">Or Countinue With</span> <span class="cut_off_line"></span> </div> <el-form :model="signForm" v-loading="loading" ref="signForm" :rules="rules" class="demo-ruleForm"> <el-form-item prop="email" style='margin-bottom: 22px'> <el-input placeholder="Email" v-model="signForm.email"></el-input> </el-form-item> <el-form-item prop="pass" style='margin-bottom: 22px'> <el-input placeholder="Password" type="password" show-password v-model="signForm.pass" autocomplete="off"></el-input> </el-form-item> <el-form-item prop="checkPass" style='margin-bottom: 22px'> <el-input placeholder="Confirm Password" type="password" show-password v-model="signForm.checkPass" autocomplete="off"></el-input> </el-form-item> <el-form-item prop="type"> <el-checkbox v-model="signForm.type" name="type"> Subscribe to Vipon newsletter to receive <span style="color:#FE9F4D;">the best deals, coupons and special offers</span> </el-checkbox> </el-form-item> <div id="recaptcha_reg" style="display:flex;justify-content:center;margin-bottom:20px;"></div> <el-form-item> <el-button class="sign_button" type="primary" @click="submitForm('signForm',1)">Join Now</el-button> </el-form-item> </el-form> <div class="Terms_of_Service"> By creating an account, you agree to our <a class="href_text" href="/terms-of-service" target="_blank">Terms of Service</a> and <a class="href_text" href="/privacy-policy" target="_blank">Privacy Policy</a> </div> <div class="bottm_text"> <div class="grey_text"> Already a member? <span class="href_text" @click = "box_switch(1)">Log in</span> </div> </div> </div> <!-- 登录弹窗 --> <div class="sign_login_box_right" v-show="loginVisible" > <div class="close_grey" @click = "close_all()"></div> <div class="sign_login_box_right_title"> Welcome to Vipon </div> <div class="sign_login_box_right_title2"> Log In to start saving </div> <div id="google_account2"></div> <div class="cut_off"> <span class="cut_off_line"></span> <span class="cut_off_text">Or Countinue With</span> <span class="cut_off_line"></span> </div> <el-form :model="loginForm" v-loading="loading" ref="loginForm" :rules="rules" class="demo-ruleForm"> <el-form-item prop="email" style='margin-bottom: 22px'> <el-input placeholder="Email" v-model="loginForm.email"></el-input> </el-form-item> <el-form-item prop="pass"> <el-input placeholder="Password" type="password" show-password v-model="loginForm.pass" autocomplete="off"></el-input> </el-form-item> <div style='padding: 0 50px;display: flex;flex-direction: row-reverse;'> <a class="href_text" href="/request-password-reset">Forgot Password</a> </div> <div id="recaptcha_login" style="display:flex;justify-content:center;margin-bottom:20px;"></div> <el-form-item> <el-button class="login_button" type="primary" @click="submitForm('loginForm',2)">Log in</el-button> </el-form-item> <p style='font-size: 12px;color: #999999;cursor: pointer;' v-if='isItAnAllianceProduct' @click='getCodeCollection'>Continue As A Guest</p> </el-form> <div class="bottm_text"> <div class="grey_text"> Not a member? <span class="href_text" @click = "box_switch(2)">Create an account</span> </div> </div> </div> <!-- 验证邮箱弹窗 --> <div class="sign_login_box_right" v-show="sign_Verify_Visible"> <div class="href_text not_now" @click="box_switch(3)">Not now</div> <div class="sign_login_box_right_title" style="margin-top: 87px;"> Verify email address </div> <div class="sign_login_box_right_title2" style="margin-bottom:0 ;"> To verify your email, we've sent a verification code to {{signForm.email}} </div> <div class="grey_text"> Didn't get the email? <span class="href_text" @click="resend_email(2)">Resend</span> </div> <el-form :model="loginForm" ref="VerifyForm" class="demo-ruleForm"> <el-form-item prop="Verify"> <el-input placeholder="Enter verification code" v-model="VerifyForm.Verify"> </el-input> </el-form-item> <el-form-item> <el-button class="Verify_button" type="primary" @click="submitForm('VerifyForm',3)">Verify</el-button> </el-form-item> </el-form> <div class="tip_text"> Tips: Check your spam folder if you can't find the verification email </div> <div class="grey_text trY_30" style="color:#333"> Already verified? <span class="href_text " @click="box_switch(10)">Click here to refresh</span> </div> <div class="Verify_cut_off trY_30"></div> <div class="sign_login_box_right_title2" style="margin-bottom:22px ;"> The following methods can also be used to quickly login without verification. </div> <div id="google_account3"></div> <div class="grey_text" style="line-height:26px;margin-top: 22px;"> Contact <a class="href_text" href="/cdn-cgi/l/email-protection#8efdfbfefee1fcfacee3f7f8e7fee1e0a0ede1e3"><span class="__cf_email__" data-cfemail="91e2e4e1e1fee3e5d1fce8e7f8e1feffbff2fefc">[email protected]</span></a> for help if you still have troubles. </div> </div> </div> </div> <!-- not-now触发验证邮箱弹窗 --> <div class="sign_login_bg" id="trigger_verify_bg_Visible" v-show="trigger_verify_bg_Visible" @click= "close_bg($event)"> <div class="trigger_verify_box"> <div class="close_grey" @click = "box_switch(5)"></div> <div class="trigger_verify_title1"> Verify email address </div> <div class="trigger_verify_title2"> Uh oh! It looks like your email is not yet verified. Please take a moment to verify your email before access this feature! </div> <div> <el-input style="margin-bottom: 25px;" placeholder v-model="account_email" :disabled = "true" class="account_email_box"> </el-input> <el-button v-if="!has_send_email" class="account_email_button" @click="resend_email(1)">Send Verification Email</el-button> <el-button v-else style="background: #CCCCCC;pointer-events: none;" class="account_email_button" >Resend in {{resend_time}}s</el-button> </div> <div> <el-input placeholder="Enter Verification Code" v-model="VerifyForm.Verify" class="account_email_box"> </el-input> <el-button class="checkcode_button" @click="submitForm('VerifyForm',3)">Verify</el-button> </div> <div class="grey_text" style="font-style:oblique;line-height: 20px;text-align: start;width: 100%;height: auto"> Check your spam folder if you can't find the verification email </div> <div class="grey_text" style="line-height: 20px;text-align: start;margin-top: 20px;width: 100%;color: #333;"> Already verified? <span class="href_text" @click="box_switch(10)">Click here to refresh</span> </div> <div class="bottm_text" style="width: 522px;left: 0;border-radius: 0px 0 20px 20px;"> <div class="grey_text" style="width:100%"> Contact <a class="href_text" href="/cdn-cgi/l/email-protection#70030500001f0204301d090619001f1e5e131f1d"><span class="__cf_email__" data-cfemail="ddaea8adadb2afa99db0a4abb4adb2b3f3beb2b0">[email protected]</span></a> for help if you still have troubles. </div> </div> </div> </div> <!-- 机器验证弹窗 --> <div class="sign_login_bg" id="recaptcha_tg_Visible" v-if="recaptcha_tg_Visible" @click= "close_bg($event)"> <div class="recaptcha_tg"> <div class="recaptcha_tg_tag"> <img src="/images/recaptcha_tg.png" alt=""> </div> <div class="recaptcha_tg_title"> Suspicious Browsing Activity </div> <div class="recaptcha_tg_text"> Your current activity has been intercepted by our system due to suspicious browsing activity. We recommend restarting your device or using a different browser before attempting again. If you continue to encounter this message, please contact<span style="color: #39C3CB;"> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0f7c7a7f7f607d7b4f627679667f6061216c6062">[email protected]</a> </span>for assistance. </div> <div class="recaptcha_tg_btn" @click="recaptcha_tg_Visible=false"> OK </div> </div> </div> <!-- 谷歌v2验证弹窗 --> <div class="sign_login_bg" id="recaptcha_v2_Visible" v-if="recaptcha_v2_Visible"> <div class="recaptcha_v2_bg"> <img class="recaptcha_v2_img" src="/images/recaptcha_robot.png" /> <div class="recaptcha_v2_title">Wait a minute! Are you human?</div> <div class="recaptcha_v2_tips">Please confirm that you are not a robot</div> <div id="recaptcha_get_code"></div> </div> </div> <!-- 来源弹窗 --> <div class="sign_login_bg" id="new_source_from_Visible" v-if="new_source_from_Visible" @click= "close_bg($event)"> <div class="new_source_from_bg"> <div class="new_source_from_bg_left"></div> <div class="new_source_from_bg_right"></div> <div class="close_white" @click="new_source_from_Visible=false"> </div> <div class="new_source_from_title">Verified Successfully</div> <div class="new_source_from_title2">Thanks for joining Vipon! You can now access all the fantastic deals and discounts available on our platform.</div> <div class="new_source_from_box" > <div class="new_source_from_box_title1">Where did you learn about Vipon?<span class="new_source_from_box_title2">( Please take a few seconds to complete the survey below )</span></div> <div class="new_source_from_tag_box"> <div :class="index==new_source_check_index?'new_source_from_tag_active':'new_source_from_tag'" v-for="(value,index) in questionnaire_from_type_kv" :key="value" @click="new_source_check_index = index"> <div :class="index==new_source_check_index?'new_source_from_tag_text_active':'new_source_from_tag_text'">{{value}}</div> </div> </div> </div> <div v-if="new_source_check_index!=''" class="new_source_from_submit" @click="new_source_from_submit"></div> <div v-else class="new_source_from_submit_noselect"></div> </div> </div> <!-- 黑五弹窗 --> <div class="sign_login_bg" id="black_friday_Visible" v-show="black_friday_Visible" v-loading="loading" element-loading-background="rgba(0, 0, 0, 0.6)"> <div class="black_friday_bg"> <div class="black_friday_close" @click="showBlackFridayModal('',false)"></div> <!-- 转盘页 --> <div v-show="blackFridayModal.showLottery" style="display: flex;flex-direction: column;justify-content: center;align-items: center;"> <div class="black_friday_title">{{blackFridayModal.subject}}</div> <div class="black_friday_lottery"> <div class="turntable-img" :style="wheel_img" ref="turntable_img"></div> <div class="pointer-img" @click="ratating();lotteryTrace(2);"></div> </div> <div class="black_friday_rules">{{blackFridayModal.note}}</div> </div> <div class="black_friday_content" v-show="blackFridayModal.showLottery"> <div class="black_friday_coupon" v-for="item in blackFridayModal.activity"> {{item.desc}} <a :href="item.link" target="_blank"><div class="coupon-btn" @click="lotteryTrace(item.trace_type)">{{item.btn_desc}}</div></a> </div> </div> <!-- 结果页 --> <div class="black_friday_content" v-show="blackFridayModal.showResult"> <!-- 未中奖 --> <div v-show="blackFridayModal.resultType == 'fail'"> <div class="black_friday_content_title">{{blackFridayModal.prize.subject}}</div> <div class="black_friday_jackpot"> <img :src="this.blackFridayModal.prize.img" class="black_friday_jackpot_img" alt=""> <div class="black_friday_jackpot_title fail">{{blackFridayModal.subject}}</div> <div class="black_friday_jackpot_msg">{{blackFridayModal.note}}</div> </div> </div> <!-- 中奖领奖 --> <div v-show="blackFridayModal.resultType == 'claim'"> <div class="black_friday_content_title">{{blackFridayModal.subject}}</div> <div class="black_friday_jackpot"> <img :src="this.blackFridayModal.prize.img" class="black_friday_jackpot_img" alt=""> <div class=""> <span class="black_friday_content_prize">{{blackFridayModal.prize.subject}}</span><span class="black_friday_content_prize_note">{{blackFridayModal.prize.note}}</span> </div> <div class="black_friday_jackpot_claim" :class="{disabled:blackFridayModal.claimDisabled}" @click="blackFridayModal.claimDisabled = true;" >{{blackFridayModal.lottery_get.button}}</div> <div class="black_friday_jackpot_tips" v-if="blackFridayModal.claimDisabled">{{blackFridayModal.lottery_get.desc}}</div> <div class="black_friday_jackpot_input" v-if="blackFridayModal.claimDisabled"> <input type="text" :placeholder="blackFridayModal.lottery_get.placeholder" v-model.trim="blackFridayModal.paypalAccount" /> <div class="black_friday_jackpot_submit" :class="{disabled: blackFridayModal.paypalAccount == ''}" @click="lotteryClaim" >{{blackFridayModal.lottery_get.submit}}</div> </div> </div> </div> <!-- 完成领奖 --> <div v-show="blackFridayModal.resultType == 'success'"> <div class="black_friday_content_title">{{blackFridayModal.success_title}}</div> <div class="black_friday_jackpot"> <img :src="this.blackFridayModal.prize.img" class="black_friday_jackpot_img" alt=""> <div class=""> <span class="black_friday_content_prize">{{blackFridayModal.prize.subject}}</span><span class="black_friday_content_prize_note">{{blackFridayModal.prize.note}}</span> </div> <div class="black_friday_jackpot_title success">{{blackFridayModal.subject}}</div> <div class="black_friday_jackpot_msg">{{blackFridayModal.note}}</div> </div> </div> <div class="black_friday_line"></div> <div class="black_friday_coupon" v-for="item in blackFridayModal.activity"> {{item.desc}} <a :href="item.link" target="_blank"><div class="coupon-btn" @click="lotteryTrace(item.trace_type)">{{item.btn_desc}}</div></a> </div> </div> <!-- 中奖记录列表 --> <div class="black_friday_content" v-show="blackFridayModal.showRecord"> <div class="black_friday_content_title">The record of my prize</div> <div class="black_friday_record"> <div class="black_friday_record_item" v-for="item in blackFridayModal.myLotteryWinList"> <div class="black_friday_record_item_price">{{item.prize.subject}} <span class="black_friday_record_item_price_note">{{item.prize.note}}</span></div> <div class="black_friday_record_item_btn" @click="seeLotteryDetail(item.id)">See more</div> </div> </div> <div class="black_friday_line"></div> <div class="black_friday_coupon" v-for="item in blackFridayModal.activity"> {{item.desc}} <a :href="item.link" target="_blank"><div class="coupon-btn" @click="lotteryTrace(item.trace_type)">{{item.btn_desc}}</div></a> </div> </div> <!-- 中奖记录详情 --> <div class="black_friday_content" v-show="blackFridayModal.showDetail"> <!-- 未领奖 --> <div v-show="blackFridayModal.myLotteryWin.is_receive == 0"> <div class="black_friday_content_title">{{blackFridayModal.subject}}</div> <div class="black_friday_jackpot"> <img :src="this.blackFridayModal.prize.img" class="black_friday_jackpot_img" alt=""> <div class=""> <span class="black_friday_content_prize">{{blackFridayModal.myLotteryWin.prize.subject}}</span><span class="black_friday_content_prize_note">{{blackFridayModal.prize.note}}</span> </div> <div class="black_friday_jackpot_claim" :class="{disabled:blackFridayModal.claimDisabled}" @click="blackFridayModal.claimDisabled = true" >{{blackFridayModal.lottery_get.button}}</div> <div class="black_friday_jackpot_tips" v-if="blackFridayModal.claimDisabled">{{blackFridayModal.lottery_get.desc}}</div> <div class="black_friday_jackpot_input" v-if="blackFridayModal.claimDisabled"> <input type="text" placeholder="Paypal account" v-model.trim="blackFridayModal.paypalAccount" /> <div class="black_friday_jackpot_submit" :class="{disabled: blackFridayModal.paypalAccount == ''}" @click="lotteryClaim" >{{blackFridayModal.lottery_get.submit}}</div> </div> </div> </div> <!-- 已领奖 --> <div v-show="blackFridayModal.myLotteryWin.is_receive == 1"> <div class="black_friday_content_title">{{blackFridayModal.success_title}}</div> <div class="black_friday_jackpot"> <img :src="this.blackFridayModal.prize.img" class="black_friday_jackpot_img" alt=""> <div class=""> <span class="black_friday_content_prize">{{blackFridayModal.myLotteryWin.prize.subject}}</span><span class="black_friday_content_prize_note">{{blackFridayModal.prize.note}}</span> </div> <div class="black_friday_jackpot_title success">{{blackFridayModal.subject}}</div> <div class="black_friday_jackpot_msg">{{blackFridayModal.note}}</div> </div> </div> <div class="black_friday_coupon" v-for="item in blackFridayModal.activity"> {{item.desc}} <a :href="item.link"><div class="coupon-btn" @click="lotteryTrace(item.trace_type)">{{item.btn_desc}}</div></a> </div> </div> <div class="black_friday_see_record" v-show="[2, 3].includes(blackFridayModal.lottery_sta) && !blackFridayModal.showRecord" @click="showBlackFridayModal('record')" > The record of my prize </div> </div> </div></div> <!--消息--><div class="modal fade" id="headerMsg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Message</h4> </div> <div class="modal-body"> <p>Updata</p> <div class="msg-content-body"> <div>The points you applied for are now passed and transferred to PayPal account. The points will be reduced accordingly.</div> </div> <button class="btn" data-dismiss="modal">I Know It</button> </div> </div> </div></div> <!--Co-editing Notice--><div class="modal fade" id="headerMsgCoEditing" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Notice of V Show</h4> </div> <div class="modal-body"> <p>Hey! Thank you so much for your support and quality posts for V Show!<br> And congratulations on becoming our Vipon <span class="bold">Associated Editor</span>.</p> <p>From now on, in addition to getting 10 points for each post (up to 30 points daily), we will regularly review each of your articles, and each approved article (tagged with <span class="bold">Featured</span> label) will be paid an additional $50. <br>Note: Not all articles you posted will get $50, only those that meet our requirements will be paid, and articles or contents that do not meet the requirements will be removed.</p> <p>Please continue to produce high quality content for organic likes. Our shoppers love seeing your stories & posts!</p> <div class="flex"> <button class="btn" data-dismiss="modal">OK</button> </div> </div> </div> </div></div> <!--Paid articles Notice--><div class="modal fade" id="headerMsgPaidArticles" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Notice of V Show</h4> </div> <div class="modal-body"> <p>Congratulations! Your V SHOW post <span class="blue" style="cursor: pointer">Planting Tips</span> has become our Featured content, we will pay <span class="blue" style="cursor: pointer">$50</span> for this post. Please check on your balance. Please continue to produce high quality original content!</p> <div class="flex"> <button class="btn" data-dismiss="modal">OK</button> </div> </div> </div> </div></div><!-- 注册抽奖 --><div class="modal fade" id="loginActivity" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" data-backdrop="static" > <div class="modal-dialog modal-lg" role="document" > <div class="bg-img"> <img src="/images/activity/minclose.png" alt=""> <div class="but-out"> <div class="but"></div> </div> <a class="loginActivity_rule" target="_blank" href="https://help.myvipon.com/article/268-vipon-sweepstakes-rules">Check the Rule</a> </div> </div></div><!--卖家回复--><div class="modal fade" id="headerSellerMsg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Reply to your report</h4> </div> <div class="modal-body"> <a href="#" target="_blank" class="product-msg flex"> <div class="msg-left-img"> <img src="" alt=""> </div> <div class="product-msg-title"></div> </a> <div class="buyer-msg"> <div class="buyer-msg-time"></div> <div class="buyer-msg-text"></div> </div> <div class="seller-msg"> <div class="seller-msg-time flex"> <img src="https://vipon.s3.amazonaws.com/img/732080e658c6f1f63edee09a3834b16a40e2356cad10ea.svg" alt=""> <span></span> </div> <div class="seller-msg-text"></div> </div> <div class="msg-show-product flex"> <a href="#" target="_blank" class="btn">View Product Details</a> </div> </div> </div> </div></div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script> let goodsurl = 'https://msapi.myvipon.com/v1/trace/push-goods-exposure-data-pc' $('#sign_login_bg_Visible').css('display','block') $('#recaptcha_tg_Visible').css('display','block') $('#recaptcha_v2_Visible').css('display','block') $("#new_source_from_Visible").css('display','block') $("#trigger_verify_bg_Visible").css('display','block') $("#black_friday_Visible").css('display','block') //验证登录 function to_login(btn_code, product_id) { window.event ? window.event.cancelBubble = true : e.stopPropagation(); if (!product_id) { menuvue.box_switch(6) menuvue.isItAnAllianceProduct = false }else{ menuvue.select_product_id = product_id $.ajax({ url: "/code/get-code?id=" + product_id, type: 'post', success: function (data) { data = JSON.parse(data); if (data.code == 403) { menuvue.isItAnAllianceProduct = data.isGuestGetCode menuvue.box_switch(6) } else if(response.msg == 'Invalid Request.'){ menuvue.$message.error('Too many attempts. Try again later.') } else{ menuvue.$message({ message: data.msg, type: 'error', }); } }, error: function (xhr, status, error) { console.error('AJAX request failed:', status, error); } }); } if (btn_code) { clickRecord(btn_code) } } //注册 function to_sign(btn_code) { window.event ? window.event.cancelBubble = true : e.stopPropagation(); menuvue.box_switch(8) } //验证登陆状态和邮箱验证状态 function to_verify_email(btn_code, product_id){ window.event ? window.event.cancelBubble = true : e.stopPropagation(); console.log("to_verify_email"); if ("0">0) { console.log(menuvue.is_verify_email); if (menuvue.is_verify_email) { return true }else{ menuvue.box_switch(9) } }else{ if (btn_code) { clickRecord(btn_code) } touristCodeCollection(product_id) } } function touristCodeCollection(product_id) { if (!product_id) { menuvue.box_switch(6) menuvue.isItAnAllianceProduct = false }else{ menuvue.select_product_id = product_id $.ajax({ url: "/code/get-code?id=" + product_id, type: 'post', success: function (data) { data = JSON.parse(data); if (data.code == 403) { menuvue.isItAnAllianceProduct = data.isGuestGetCode menuvue.box_switch(6) } else if(response.msg == 'Invalid Request.'){ menuvue.$message.error('Too many attempts. Try again later.') } else { menuvue.$message({ message: data.msg, type: 'error', }); } }, error: function (xhr, status, error) { console.error('AJAX request failed:', status, error); } }); } } function getParameterByName(name, url) { name = name.replace(/[[\]]/g, '\\$&'); // 修正正则表达式 var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'), results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, ' ')); } //直降商品跳转 function direct_descent(url, search_tid='',position,click_module){ const slValue = this.getParameterByName('sl', url) || ''; // 提取 sl 参数值 $.ajax({ url: "/product/param", type: 'post', data: { f: search_tid === '' ? 'ama_web_detail' : 'serach_web_detail', event_type: search_tid === '' ? '' : 'search', search_tid: search_tid === '' ? '' : search_tid, position: search_tid === '' ? '' : position, click_module: click_module, sl: url.indexOf('?sl') > -1 ? '' : $("#sl").val() }, error: function (xhr, status, error) { console.error('AJAX request failed:', status, error); } }); const cleanUrl = url.split('?')[0]; // 清理 URL window.open(cleanUrl); } //跳转领码页面 function menu_get_code(productid,f,type,searchid,position,event_type,sl) { window.event ? window.event.cancelBubble = true : e.stopPropagation(); if ("0">0) { if (menuvue.is_verify_email) { let _href = "" let _f = "" let _searchid = "" let _position = "" let _event_type = "" let _sl = "" // 谷歌人机验证 const _recaptchaVerify = (token, version) => { return $.ajax({ url:'/api2/passport/google-recaptcha', type:'post', dataType:'json', data: { google_recaptcha_token: token, google_recaptcha_version: version, }, }) } // 人机验证通过后的执行函数 const _afterRecaptcha = () => { if (type=="code") { fbq('track', 'Get Coupon'); _href = " /code/get-code?id=" }else{ _href = " /product/toamazon?id=" } if (f) { _f = "&f=" + f } if (searchid) { _searchid = "&search_tid=" + searchid } if (position) { _position = "&position=" + position } if (event_type) { _event_type = "&event_type=" + event_type } if (sl) { _sl = "&sl=" + sl } menuvue.recaptcha_v2_Visible = false if (type == "code") { getUserCodeCollection(productid,f,searchid,position,event_type,sl) } else { window.open(_href + productid + _f + _searchid + _position + _event_type + _sl) } } const _sleep = (ms) => { return new Promise(resolve => { setTimeout(resolve, ms); }); } if ('0' == 1) { grecaptcha.enterprise.ready(async () => { // 谷歌v3验证 const v3_token = await grecaptcha.enterprise.execute('6Le0fJknAAAAAJqA20Vf1yAl4yD4yj2_esN0aSj1', {action: 'LOGIN'}); const v3_res = await _recaptchaVerify(v3_token, 'v3'); if(v3_res.code == 104){ menuvue.box_switch(11); await _sleep(500); const v2_token = await menuvue.recaptchaV2('#recaptcha_get_code', 'GETCODE'); const v2_res = await _recaptchaVerify(v2_token, 'v2'); _afterRecaptcha(); }else if(v3_res.code == 101){ window.open('/code/google-recaptcha') }else{ _afterRecaptcha(); } }); }else { return $.ajax({ url:'/api2/passport/google-recaptcha', type:'post', dataType:'json', }).then(res => { if (res.code == 101) { window.open('/code/google-recaptcha') }else{ _afterRecaptcha() } }) } }else{ to_verify_email(false,productid,f) } }else{ to_login(false,productid,f) } } // 领码 function code_collection(productid,search_tid, f,position){ $.get(`/code/get-code?id=${productid || ''}&search_tid=${search_tid || ''}&position=${productid || ''}&f=${f || ''}`, function(response) { // 处理成功的响应 response = JSON.parse(response) if (response.code == '403' && !response.isGuestGetCode) { to_login() }else if(response.isGuestGetCode){ to_login(false, productid) }else if(response.code == 200 || response.code == 700){ window.open('/product/' + productid) } else if (response.msg == 'Invalid Request.'){ menuvue.$message.error('Too many attempts. Try again later.') } else { menuvue.$message({ message: response.msg, type: 'error', }); } }).fail(function(jqXHR, textStatus, errorThrown) { // 处理错误 console.error('请求失败:', textStatus, errorThrown); }); } /* 解析 token */ const decodeJwt = (token) => { console.log(token); const base64Url = token.split('.')[1]; const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/'); const jsonPayload = decodeURIComponent( window .atob(base64) .split('') .map(function (c) { return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2); }) .join(''), ); return JSON.parse(jsonPayload); } // 显示黑五弹窗 function show_black_friday_modal(){ if(menuvue.loading) return; menuvue.getLotteryInfo(); menuvue.setLotteryModal(); } // 黑五追踪 function lottery_trace(trace_type){ menuvue.lotteryTrace(trace_type); } // 黑五主动弹窗上报 function set_lottery_modal(){ menuvue.setLotteryModal(); } var menuvue = new Vue({ el: '#menuvue', data: function() { var validatePass = (rule, value, callback) => { if (value === '') { callback(new Error('Please enter the password')); } else { if (this.signForm.checkPass !== '') { this.$refs.signForm.validateField('checkPass'); } callback(); } }; var validatePass2 = (rule, value, callback) => { if (value === '') { callback(new Error('Please re-enter the password')); } else if (value !== this.signForm.pass) { callback(new Error('Passwords must match!')); } else { callback(); } }; return { signVisible:false, loginVisible:false, sign_Verify_Visible:false, sign_login_bg_Visible:false, black_friday_Visible:false, f_lottery_source:false, trigger_verify_bg_Visible:false, account_email:'', is_verify_email:"", new_source_from_Visible:false, recaptcha_tg_Visible:false, recaptcha_v2_Visible:false, questionnaire_from_type_kv:JSON.parse('{"1":"Recommended by Family \/ Friends \/ Colleagues (word of mouth)","2":"Ads on Google \/ Search Engine","3":"Organic Search \/ Google Search","4":"Via Another Website","5":"Via A Blog Post - About Vipon","6":"App Store \/ Google Play Ads","7":"App Store \/ Google Play Search","8":"Facebook Ads","9":"Facebook Posts","10":"Youtube Videos","11":"TikTok Videos","12":"Reddit Posts","13":"Instagram Posts","14":"Other"}'), new_source_check_index:"", signForm: { email: '', pass:'', checkPass:'', type:'' }, rules: { pass: [ { validator: validatePass, trigger: 'blur' } ], checkPass: [ { validator: validatePass2, trigger: 'blur' } ], email:[{ required: true, message: 'Please enter the email address', trigger: 'blur' }, { type: 'email', message: 'Please enter a valid email address', trigger: ['blur', 'change']} ] }, loginForm: { email: '', pass:'', }, VerifyForm:{ Verify:'' }, blackFridayModal:{ showLottery:false, showResult:false, showRecord:false, showDetail:false, resultType:'', // fail claim success // 转盘 on:true, // 开启抽奖 diff: 0, // 指针初始化指向位置角度 rdm: 2160, // 最少转多少圈 // 按钮 claimDisabled:false, submitDisabled:true, prize:{ subject:'', button:'', img:'', note:'' }, lottery_get:{ button:'', submit:'', placeholder:'', desc:'', }, paypalAccount:'', // 用户输入的paypal账号 // 数据 bf_count_down_sec:-1, // 距离活动正式开始的倒计时秒数 bf_sta:-1, // 活动状态： 0活动未开始 - 1预热期 - 2活动期 - 3已结束 is_today_lottery:-1, // 当日是否抽奖：0未抽奖 1未中奖 2已中奖 lottery_sta:-1, // 用户全局抽奖状态：0未抽奖 1未中奖 2已中奖 3已领奖 subject:'', // 活动弹窗主题 note:'', // 活动弹窗描述 activity:[], // 跳转页面信息 myLotteryWinList:[], // 中奖记录列表 myLotteryWin:{ prize:{ subject:'', } }, // 中奖详情 success_title:'', // 领奖完成的标题, }, has_send_email:false, resend_time:"120", loading:false, wheel_img:'', isItAnAllianceProduct: false, select_product_id: 0, select_f: '', //选中的app下载盒子 selectAppId: 0, } }, methods: { //三方登录 third_login(tk){ $.ajax({ url:"/api2/passport/third-login", data:{ client:'google', access_token:tk, f_lottery : menuvue.f_lottery_source?"1":"0", }, dataType:"json", type:"post", success:function(data){ if (data.code==0) { window.location.reload() }else{ menuvue.$message({ message:data.message, type: 'warning' }); } } }) }, //重发邮件 resend_email(type){ $.ajax({ url:"/api2/passport/resend-verify-email", data:{ f_lottery : menuvue.f_lottery_source?"1":"0", }, dataType:"json", type:"post", success:function(data){ if (data.code==0) { if (type==1) { menuvue.has_send_email =true let resend_time = 120 let resend_timer = setInterval(() => { menuvue.resend_time = resend_time resend_time-- if (resend_time==0) { menuvue.has_send_email = false clearInterval(resend_timer) } }, 1000); }else{ menuvue.$message({ message:"A new verification email has been sent！", type: 'success' }); } }else{ menuvue.$message({ message:data.message, type: 'warning' }); } }, error:function(){ menuvue.$message({ message:"err", type: 'warning' }); } }) }, //点击阴影关闭 close_bg(e){ const target = e.target; console.log(target.className); if(target.className=="sign_login_bg"){ this.signVisible = false this.loginVisible = false this.sign_login_bg_Visible = false this.trigger_verify_bg_Visible = false this.recaptcha_tg_Visible = false this.recaptcha_v2_Visible = false this.black_friday_Visible = false } }, close_all(){ this.signVisible = false this.loginVisible = false this.sign_login_bg_Visible = false this.trigger_verify_bg_Visible = false this.recaptcha_tg_Visible = false this.recaptcha_v2_Visible = false this.black_friday_Visible = false }, //跳转 box_switch(type, flge){ if(flge) this.isItAnAllianceProduct = false switch (type) { //跳转登录 case 1: this.googleLoginH5(document.querySelector('#google_account2')) this.signVisible = false this.loginVisible = true break; //跳转注册 case 2: this.googleLoginH5(document.querySelector('#google_account1')) this.signForm = { email: '', pass:'', checkPass:'', type:'' } this.signVisible = true this.loginVisible = false break; //关闭验证页面 case 3: this.sign_login_bg_Visible = false this.sign_Verify_Visible = false window.location.reload() break; //注册成功跳转验证 case 4: this.googleLoginH5(document.querySelector('#google_account3')) this.signVisible = false this.sign_Verify_Visible = true break; //关闭弹窗验证 case 5: this.trigger_verify_bg_Visible = false break; //未登录跳转登录 case 6: this.sign_login_bg_Visible = true this.loginVisible = true this.googleLoginH5(document.querySelector('#google_account2')) break; //谷歌机器验证失败弹窗 case 7: this.sign_login_bg_Visible = false this.recaptcha_tg_Visible = true this.googleLoginH5(document.querySelector('#google_account2')) break; //未登录跳转注册 case 8: this.sign_login_bg_Visible = true this.signVisible = true this.googleLoginH5(document.querySelector('#google_account1')) break; //打开邮件验证弹窗 case 9: this.trigger_verify_bg_Visible = true break; //验证邮件是否验证 case 10: $.ajax({ url:'/api2/passport/email-status', type:'post', dataType:'json', data:{ }, success:function (data) { console.log(data); if (data.data.email_confirmed==1) { menuvue.is_verify_email = true menuvue.sign_login_bg_Visible = false menuvue.trigger_verify_bg_Visible = false menuvue.new_source_from_Visible = true }else { menuvue.is_verify_email = false menuvue.$message({ message: 'Oops, It seems that your email address has not been verified.', type: 'warning' }); } }, error:function (e) { }}) break; // 谷歌人机验证v2弹窗 case 11: this.sign_login_bg_Visible = false this.recaptcha_v2_Visible = true break; default: break; } }, //谷歌登录初始化 googleLoginH5 ($btnDom, cb) { // 初始化谷歌登录 const _googleInit = () => { google.accounts.id.initialize({ //client_id: "425416007627-suuhe1q51rh68pfmojthsn0num8fusco.apps.googleusercontent.com", // 客户端ID(创建应用第三步中获得的id) client_id: "217282056431-1ntreks8anlb0p9j2b9tfgcb48scqe63.apps.googleusercontent.com", // 客户端ID(创建应用第三步中获得的id) callback: (res) => { // 登录成功回调 menuvue.third_login(res.credential); }, itp_support: true }); }; _googleInit() // 绘制谷歌登录按钮 google.accounts.id.renderButton($btnDom, { type: 'standard', shape: 'rectangular', theme: 'filled_blue', text: 'continue_with', size: 'large', locale: 'en', logo_alignment: 'left', width: '340', }); }, //表单提交 submitForm(formName,type) { this.loading = true let loading_timer = setTimeout(()=>{ clearTimeout(loading_timer) this.loading = false },5000) console.log('1','0'); if ("1"==1 && '0' == 1) { grecaptcha.enterprise.ready(async () => { const token = await grecaptcha.enterprise.execute('6Le0fJknAAAAAJqA20Vf1yAl4yD4yj2_esN0aSj1', {action: 'LOGIN'}); console.log(token); menuvue.$refs[formName].validate((valid) => { console.log("valid",valid); if (valid) { console.log("type",type); switch (type) { case 1: menuvue.passportReg(token); break; case 2: menuvue.passportLogin(token); break; case 3: console.log(this.VerifyForm); $.ajax({ url:'/api2/passport/verify-email', type:'post', dataType:'json', data:{ verify_code:this.VerifyForm.Verify }, success:function (data) { if (data.code==0) { menuvue.sign_login_bg_Visible = false menuvue.sign_Verify_Visible = false menuvue.new_source_from_Visible = true }else{ menuvue.$message({ message:data.message, type: 'warning' }); } }, error:function (e) { } }) break; default: break; } } else { console.log('error submit!!'); return false; } }); }); }else{ menuvue.$refs[formName].validate((valid) => { console.log("valid",valid); if (valid) { console.log("type",type); switch (type) { case 1: menuvue.passportReg_new(); break; case 2: menuvue.passportLogin_new(); break; case 3: console.log(this.VerifyForm); $.ajax({ url:'/api2/passport/verify-email', type:'post', dataType:'json', data:{ verify_code:this.VerifyForm.Verify }, success:function (data) { if (data.code==0) { menuvue.sign_login_bg_Visible = false menuvue.sign_Verify_Visible = false menuvue.new_source_from_Visible = true }else{ menuvue.$message({ message:data.message, type: 'warning' }); } }, }) break; default: break; } } else { console.log('error submit!!'); return false; } }); } }, // 注册接口 async passportReg(token){ const fd = { email: menuvue.signForm.email, password: menuvue.signForm.pass, is_sub: menuvue.signForm.type?"1":"0", f_lottery: menuvue.f_lottery_source?"1":"0", google_recaptcha_token:token, google_recaptcha_version:'v3' } const _queryFn = (fd) => { return $.ajax({ url:'/api2/passport/reg', type:'post', dataType:'json', data: fd, }) } const _resHandler = (data)=>{ if (data.code==0) { menuvue.box_switch(4) }else if (data.code==101) { menuvue.box_switch(7) }else { menuvue.$message({ message: data.message, type: 'error', }); } } try { menuvue.loading = false; const res1 = await _queryFn(fd); if (res1.code==104){ // v3人机验证分数过低，开启v2验证 const v2_token = await menuvue.recaptchaV2('#recaptcha_reg', 'REGISTER'); menuvue.loading = true; const res2 = await _queryFn({ ...fd, google_recaptcha_token:v2_token, google_recaptcha_version:'v2' }); menuvue.loading = false; _resHandler(res2); } else { _resHandler(res1); } } catch (error) {} }, //跳过人机验证注册 passportReg_new(){ const fd = { email: menuvue.signForm.email, password: menuvue.signForm.pass, is_sub: menuvue.signForm.type?"1":"0", f_lottery: menuvue.f_lottery_source?"1":"0", } $.ajax({ url:'/api2/passport/reg', type:'post', dataType:'json', data: fd, }).then(res => { if (res.code == 0) { menuvue.box_switch(4) }else{ menuvue.$message({ message: res.message, type: 'error', }); } }).fail((jqXHR, textStatus, errorThrown) => { menuvue.$message({ message: jqXHR.responseJSON.message, type: 'error', }); }); }, // 登录接口 async passportLogin(token){ const fd = { email: menuvue.loginForm.email, password: menuvue.loginForm.pass, google_recaptcha_token:token, google_recaptcha_version:'v3' } const _queryFn = (fd) => { return $.ajax({ url:'/api2/passport/login', type:'post', dataType:'json', data: fd, }) } const _resHandler = (res)=>{ if (res.code==0) { window.location.reload() }else if (res.code==101) { menuvue.box_switch(7) }else { menuvue.$message({ message: res.message, type: 'error', }); } } try { menuvue.loading = false; const res1 = await _queryFn(fd); if (res1.code==104){ // v3人机验证分数过低，开启v2验证 const v2_token = await menuvue.recaptchaV2('#recaptcha_login', 'LOGIN'); menuvue.loading = true; const res2 = await _queryFn({ ...fd, google_recaptcha_token:v2_token, google_recaptcha_version:'v2' }); menuvue.loading = false; _resHandler(res2); } else { _resHandler(res1); } } catch (error) {} }, //跳过人机验证登录 passportLogin_new(){ const fd = { email: menuvue.loginForm.email, password: menuvue.loginForm.pass, } $.ajax({ url:'/api2/passport/login', type:'post', dataType:'json', data: fd, }).then(res => { if (res.code == 0) { window.location.reload() }else{ menuvue.$message({ message: res.message, type: 'error', }); } }) }, // 加载v2人机验证，返回token recaptchaV2(elName, action) { const $el = document.querySelector(elName); return new Promise ((resolve, reject) => { grecaptcha.enterprise.render($el, { 'sitekey' : '6LeS_JAnAAAAAO70yksdPjVAwYyGVwka62CQyquj', 'action': action, 'callback': function(v2_token) { resolve(v2_token) } }); }) }, new_source_from_submit(){ if (this.new_source_check_index!="") { $.ajax({ url:'/main/questionnaire-add', type:'post', dataType:'json', data:{ from:this.new_source_check_index }, success:function (data) { menuvue.new_source_from_Visible = false window.location.reload() } }) } }, // 显示/隐藏黑五弹窗 fail claim success detail showBlackFridayModal(type, show = true){ const {lottery_sta, is_today_lottery} = this.blackFridayModal; // 初始化弹窗状态 this.black_friday_Visible = show; this.blackFridayModal.showLottery = false; this.blackFridayModal.showResult = false; this.blackFridayModal.showRecord = false; this.blackFridayModal.showDetail = false; this.blackFridayModal.claimDisabled = false; switch(type){ // 抽奖转盘 case 'lottery': this.blackFridayModal.showLottery = show; break; // 显示结果 case 'result': this.blackFridayModal.showResult = show; if(is_today_lottery == 1){ // 未中奖 this.blackFridayModal.resultType = 'fail'; }else if(is_today_lottery == 2){ // 已中奖 this.blackFridayModal.resultType = 'claim'; if(lottery_sta == 3){ // 已中奖且已领奖 this.blackFridayModal.resultType = 'success'; } } break; // 显示记录列表 case 'record': this.blackFridayModal.showRecord = show; this.getLotteryRecord(); break; // 显示中奖详情 case 'detail': this.blackFridayModal.showDetail = show; break; } }, seeLotteryDetail(lottery_id){ const _this = this; _this.loading = true; $.ajax({ url:"/api2/black-friday/my-lottery-win-detail", type:'post', dataType:'json', data:{lottery_id}, success:function (res) { const {code, data, message} = res; // console.log('seeLotteryDetail => ',data); if(code != 0) return; _this.blackFridayModal.myLotteryWin = {}; Object.assign(_this.blackFridayModal,data); _this.showBlackFridayModal('detail'); }, error:function (err) {}, complete(){ _this.loading = false; } }); }, /* 黑五转盘 */ ratating() { // 未登录 if("0" <= 0) { this.box_switch(6); this.black_friday_Visible = false; return; } // 已点过抽奖 if(!this.blackFridayModal.on) return; this.blackFridayModal.on = false; const _this = this; _this.loading = true; // timer计时器 let timer = null; // 盛放奖品的里边转盘div const inBox = document.querySelector('.turntable-img'); $.ajax({ url:"/api2/black-friday/lottery-req", type:'post', dataType:'json', success:function (res) { const {code, data, message} = res; if(code == 0){ _this.blackFridayModal.activity = data.activity; // 旋转时长，这里倒计时的时长和css设置的时长对应(transition: all 3s;) _this.blackFridayModal.diff = 360 - data.prize.wheel*45; _this.blackFridayModal.rdm += _this.blackFridayModal.diff; inBox.style.transform = 'rotate(' + _this.blackFridayModal.rdm + 'deg)'; timer = setTimeout(function() { let is_today_lottery_r if (data.prize_code>0) { is_today_lottery_r = 2 }else{ is_today_lottery_r = 1 } Object.assign(_this.blackFridayModal, data, { is_today_lottery: is_today_lottery_r }); _this.showBlackFridayModal('result'); }, 3000); }else{ _this.$message({ message:message, type: 'warning' }); } }, complete(){ _this.loading = false; // 转盘转三秒，三秒后再解除限制 setTimeout(() => { _this.blackFridayModal.on = true; }, 3000); } }); }, getLotteryInfo(){ const _this = this; _this.loading = true; $.ajax({ url:"/api2/black-friday/lottery-info", type:'post', dataType:'json', success:function (res) { const {code, data, message} = res; _this.wheel_img = { 'background':'url("'+data.wheel_img+'")no-repeat center', 'background-size': 'contain' } // 盛放奖品的里边转盘div // console.log('/api2/black-friday/lottery-info => ',data); if(code == 0){ Object.assign(_this.blackFridayModal,data); if(data.is_today_lottery == 0){ _this.showBlackFridayModal('lottery'); }else{ _this.showBlackFridayModal('result'); } }else{ _this.$message({ message:message, type: 'warning' }); } }, error:function (err) {}, complete(){ _this.loading = false; } }); }, getLotteryRecord(){ const _this = this; _this.loading = true; $.ajax({ url:"/api2/black-friday/my-lottery-win-list", type:'post', dataType:'json', success:function (res) { const {code, data, message} = res; // console.log('getLotteryRecord => ',data); if(code == 0){ Object.assign(_this.blackFridayModal,data); }else{ _this.$message({ message:message, type: 'warning' }); } }, error:function (err) {}, complete(){ _this.loading = false; } }); }, lotteryClaim(){ if(this.blackFridayModal.paypalAccount == '') return; this.lotteryTrace(5); const _this = this; _this.loading = true; $.ajax({ url:"/api2/black-friday/lottery-claim", type:'post', dataType:'json', data:{ paypal_account: _this.blackFridayModal.paypalAccount }, success:function (res) { const {code, data, message} = res; // console.log('lotteryClaim => ',data); if(code == 0){ Object.assign(_this.blackFridayModal,data,{lottery_sta:3}); _this.showBlackFridayModal('result'); }else{ _this.$message({ message:message, type: 'warning' }); } }, error:function (err) {}, complete(){ _this.loading = false; } }); }, // 点击追踪 追踪类型：0未知 - 1黑五抽奖通栏点击 - 2点击抽奖 - 3抽奖弹窗get coupon按钮 - 4抽奖弹窗see deal按钮 - 5领奖按钮 lotteryTrace(trace_type){ $.ajax({ url:"/api2/black-friday/trace", type:'post', dataType:'json', data:{trace_type} }); }, // 上报用户当日大转盘主动弹窗 setLotteryModal(){ $.ajax({ url:"/api2/black-friday/lottery-modal", type:'post', dataType:'json', }); }, //获取抽奖入口是不展示信息 getgiveaway(){ let _this = this $.ajax({ url: "/prize/is-giveaway", method: 'post', cache: false, dataType:'json', success: function (data) { if(data.code == 200){ if (data.data.is_show == 1) { _this.$refs.prize_btn.style.display = 'block' } } } }); }, // 游客领码 getCodeCollection() { let _this = this $.get(`/code/get-code?id=${_this.select_product_id}&continue_get_code=1`, function(response) { // 处理成功的响应 response = JSON.parse(response) console.log(response); this.sign_login_bg_Visible = false const h = menuvue.$createElement; let href = window.location.href; if(href.indexOf('/product') != -1) { menuvue.$message({ message: h("p", { style: "display: flex" }, [ h( "span", { style: "font-size: 12px;color: #FFFFFF;margin:0 0 0 6px;font-weight: bold" }, `${response.msg.data.msg}` ), ]), iconClass: "iconfont", offset: 500, customClass: "customClasssuccess" // duration: 0 }); const match = href.match(/\/product\/(\d+)/); let productId = null; if (match && match[1]) productId = match[1]; console.log(productId,_this.select_product_id); if (productId == _this.select_product_id) { setTimeout(() => { window.location.reload(); }, 1000); }else{ if(response.code == 200 || response.code == 700){ _this.sign_login_bg_Visible = false window.open(`/product/${_this.select_product_id}`) } else if (response.msg == 'Invalid Request.'){ menuvue.$message.error('Too many attempts. Try again later.') } else{ menuvue.$message({ message: response.msg, type: 'error', }); } } }else{ _this.sign_login_bg_Visible = false window.open(`/product/${_this.select_product_id}`) } }).fail(function(jqXHR, textStatus, errorThrown) { // 处理错误 console.error('请求失败:', textStatus, errorThrown); }); }, //选中app下载盒子 select_app_box(index) { if (this.selectAppId!==0) { //去除选中态 this.select_app_box_deactive(this.selectAppId) } //选中态 this.select_app_box_active(index) }, //关闭app下载弹窗 close_download_app_page() { document.querySelector(".download-app-entrances-box").style.display = "none" //去除选中app下载盒子 this.select_app_box_deactive(this.selectAppId) this.selectAppId = 0 }, //app下载盒子选中态 select_app_box_active(index) { this.selectAppId = index document.querySelector("#app-box" + this.selectAppId).className="box-active" document.querySelector("#app-button" + this.selectAppId).className="download-button-active" }, //app下载盒子去除选中态 select_app_box_deactive(index) { document.querySelector("#app-box" + index).className="box" document.querySelector("#app-button" + index).className="download-button" }, //点击app下载按钮 跳转处理 app_download_button_click(index) { if (index === 1) { window.open("https://apps.apple.com/us/app/vipon-amazon-coupon/id1272023223") }else if (index === 2) { window.open("https://play.google.com/store/apps/details?id=com.vipon") }else if (index === 3) { window.open("https://play.google.com/store/apps/details?id=com.vipon.uniapp") } } }, mounted() { this.getgiveaway() if ("0">0) { $.ajax({ url:'/api2/passport/email-status', type:'post', dataType:'json', data:{ }, success:function (data) { console.log(data); if (data.data.email_confirmed==1) { menuvue.is_verify_email = true }else { menuvue.is_verify_email = false } console.log(menuvue.is_verify_email); }, error:function (e) { }}) }else{ this.googleLoginH5(document.querySelector('#google_account1')) google.accounts.id.prompt() } }, computed:{ } }) var timerCount; // 监听页面窗口关闭 $(window).unload(function(){ if(timerCount){ clearInterval(timerCount); } }); // 判断是否显示注册抽奖窗口 function isShowLoginActivity(){ let href = window.location.href; let self = this; if(href.indexOf('/login') < 0 && href.indexOf('/signup') < 0){ timerCount = setInterval(()=>{ console.log("计时结束") clearInterval(self.timerCount); showLoginActivity(); },15000); } } function showLoginActivity(){ let isOneDataShowThree = false;// 是否一天显示了三次 let date = new Date(); const dateData = date.getFullYear().toString() + (date.getMonth()+1).toString() +date.getDate().toString(); let saveDataValue = localStorage.getItem("OneDataShowThreeData") if(saveDataValue){ const value = JSON.parse(saveDataValue) if(value.timer == dateData){ if(parseInt(value.number) > 3){ isOneDataShowThree = true; }else{ localStorage.setItem("OneDataShowThreeData", JSON.stringify({ timer:dateData, number: parseInt(value.number) + 1 })); } }else{ localStorage.setItem("OneDataShowThreeData", JSON.stringify({ timer:dateData, number:1 })); } }else{ localStorage.setItem("OneDataShowThreeData", JSON.stringify({ timer:dateData, number:1, })); } if(!isOneDataShowThree){ menuvue.f_lottery_source = true $('#loginActivity').modal('show');// 显示注册抽奖弹窗 regLotteryTrace(1);// 数据埋点；2：跳转；1：显示 console.log('menuvue.f_lottery_source',menuvue.f_lottery_source); } } var other_reason = "" localStorage.setItem("new_source_page_item_select","") console.log(localStorage.getItem("new_source_page_item_select")); var new_source_page_list = JSON.parse('{"1":"Recommended by Family \/ Friends \/ Colleagues (word of mouth)","2":"Ads on Google \/ Search Engine","3":"Organic Search \/ Google Search","4":"Via Another Website","5":"Via A Blog Post - About Vipon","6":"App Store \/ Google Play Ads","7":"App Store \/ Google Play Search","8":"Facebook Ads","9":"Facebook Posts","10":"Youtube Videos","11":"TikTok Videos","12":"Reddit Posts","13":"Instagram Posts","14":"Other"}') console.log(new_source_page_list); for (const key in new_source_page_list) { if (Object.hasOwnProperty.call(new_source_page_list, key)) { const element = new_source_page_list[key]; $(".new_source_page_body").append('<div class="new_source_page_item_blur" index="'+key+'" ><div class="new_source_page_item_text" >'+element+'</div></div>') } } $(".new_source_page_body").click((e)=>{ document.querySelectorAll(".new_source_page_item_active").forEach((element)=>{ element.className="new_source_page_item_blur" }) e.target.className="new_source_page_item_active" if (document.querySelector(".new_source_page_body_nosubmit")) { document.querySelector(".new_source_page_body_nosubmit").className="new_source_page_body_submit" } var new_source_page_item_select = e.target.getAttribute("index") localStorage.setItem("new_source_page_item_select",new_source_page_item_select) if (new_source_page_item_select == 14) { $('.new_source_page_body_input').css('display','block') }else{ $('.new_source_page_body_input').css('display','none') $('.new_source_page_body_input').val('') other_reason = "" } }) $(".close_new_source_page").click(()=>{ document.querySelector(".new_source_page_box").style.display = "none" let url = window.location.href; if(url.indexOf('verified') >= 0){ let urlStr = url.split('?')[1]; if(urlStr.indexOf('&')>=0){ arrayUrl = urlStr.split('&'); urlStr = ''; for(let i=0;i<arrayUrl.length;i++){ if(arrayUrl[i].indexOf('verified')>=0){ urlStr = arrayUrl[i]; } } if(urlStr.split('=')[1]){ document.querySelector(".close_new_source_page").innerHTML = "Skip" $('#is_man').modal('show') } } } }) $("#new_source_submit").click(()=>{ let item = localStorage.getItem("new_source_page_item_select") $.ajax({ url:'/main/questionnaire-add', type:'post', dataType:'json', data:{ from:item, reason:$('.new_source_page_body_input').val() }, success:function (data) { document.querySelector(".new_source_submit_toast").style.display = "block" let time1 = setTimeout(()=>{ clearTimeout(time1) document.querySelector(".new_source_submit_toast").style.display = "none" document.querySelector(".new_source_page_box").style.display = "none" let url = window.location.href; if(url.indexOf('verified') >= 0){ let urlStr = url.split('?')[1]; if(urlStr.indexOf('&')>=0){ arrayUrl = urlStr.split('&'); urlStr = ''; for(let i=0;i<arrayUrl.length;i++){ if(arrayUrl[i].indexOf('verified')>=0){ urlStr = arrayUrl[i]; } } if(urlStr.split('=')[1]){ document.querySelector(".close_new_source_page").innerHTML = "Skip" $('#is_man').modal('show') } } } },3000) }, error:function (e) { } }) }) // 点击关闭注册抽奖窗口 $('#loginActivity img').click(function(){ console.log("点击关闭注册抽奖窗口") $('#loginActivity').modal('hide'); if(timerCount){ clearInterval(timerCount); } }) // 点击注册抽奖跳转按钮 $('#loginActivity .but').click(function(){ console.log("点击注册抽奖跳转按钮") $('#loginActivity').modal('hide'); regLotteryTrace(2);// 数据埋点；2：跳转；1：显示 to_verify_email() $('#sign_login_bg_Visible').css('display','block') menuvue.f_lottery_source == true }) function regLotteryTrace(trace_type) { $.ajax({ url:"/account/reg-lottery-trace", type:'post', dataType:'json', data:{ trace_type: trace_type, }, success:function (data) {}, error:function (err) {} }); } $(function () { $('[data-toggle="tooltip"]').tooltip() }); //按钮点击记录，用于运营统计 function clickRecord(btn_code) { $.ajax({ url:"/main/click-record", type:'post', dataType:'json', data:{ btn_code: btn_code, }, success:function (data) { }, error:function (err) { } }); } // 追踪产品点击 function productClickRecord(product_id, position) { $.ajax({ url: '/api2/product/click-trace', method: 'POST', data: { product_id: product_id, position: position }, dataType: "json" }); } const getTextWidht = (text)=>{ let dom = document.createElement('span'); let width = null; dom.style.display = 'inline-block' dom.textContent = text; document.body.appendChild(dom) width = dom.clientWidth; document.body.removeChild(dom) return width } const getHotWord = ()=>{ const offsetWidth = document.getElementById("hot_list").offsetWidth; let textWidth = 0; const nowDate = +new Date(); const { date, list } = localStorage.getItem("vipon_hot")?JSON.parse(localStorage.getItem("vipon_hot")):{}; if(list && date > nowDate){ let str = ""; list.forEach((val)=>{ textWidth += getTextWidht(val.keyword) + 15; if(textWidth>offsetWidth)return; str += `<span style="margin-right: 15px;display: block;"><a style="display: block;width: max-content;color:${val.color||'rgb(153, 153, 153)'}" href="/promotion/index?search=${val.keyword}&group=&module=20&click_module=60">${val.keyword}</a></span>` }) $("#hot_list").append(str) return } $.ajax({ url:"https://search.myvipon.com/api/hot/category", type:'get', data:{ domain: "www.amazon.com", }, success:function ({code, data}) { const historyDate = +new Date() + 30*60*1000; let str = ""; if(data.searchKeywordTop&&data.searchKeywordTop.length){ let list = data.searchKeywordTop.splice(0,8); list.forEach(val=>{ textWidth += getTextWidht(val.keyword) + 15; if(textWidth>offsetWidth)return; str += `<span style="margin-right: 15px;display: block;"><a style="display: block;width: max-content;color:${val.color||'rgb(153, 153, 153)'}" href="/promotion/index?search=${val.keyword}&group=&module=20&click_module=60">${val.keyword}</a></span>` }) $("#hot_list").append(str) localStorage.setItem("vipon_hot",JSON.stringify({date:historyDate, list})) } }, error:function (err) { } }); } getHotWord() //黑五统计 function blackFridayTrace(stat_type, btn_code) { $.ajax({ url:"/api/black-friday/trace", type:'post', dataType:'json', data:{ stat_type: stat_type, btn_code: btn_code, }, success:function (data) { }, error:function (err) { } }); } function christmasCountTime(timestamp){ if(timestamp<0){ window.location.reload(); return; } let timer = setTimeout(function (){ let d = Math.floor(timestamp / 86400); let h = Math.floor(((timestamp % 86400)) / 3600); let m = Math.floor((timestamp % 86400 % 3600) / 60); let s = Math.floor((timestamp % 86400 % 3600) % 60); if(d<10) d="0"+d; if(h<10) h="0"+h; if(m<10) m="0"+m; if(s<10) s="0"+s; let html = `<div class="flex"> <div class="num_col"> <span class="time-number">${d}</span> </div> <span class="time-text">Days</span> </div> <div class="flex"> <div class="num_col"> <span class="time-number">${h}</span> </div> <span class="time-text">Hours</span> </div> <div class="flex"> <div class="num_col"> <span class="time-number">${m}</span> </div> <span class="time-text">Mins</span> </div> <div class="flex"> <div class="num_col"> <span class="time-number">${s}</span> </div> <span class="time-text">Secs</span> </div>`; $('.christmas_time .countdown .countdown-time').html(html); timestamp-=1; clearTimeout(timer); christmasCountTime(timestamp); },1000) } let christmasTimestamp = 0; if(christmasTimestamp>0){ christmasCountTime(christmasTimestamp); } $('#btn-vshow').click(function () { window.open('/vshow/list'); clickRecord(108); }); // 退出登录清除每日登录发放积分成功的cookie $('.log-out').click(function () { clearCookie('login_point'); }) // 设置cookie function setCookies(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 2460 * 60 * 1000)); var expires = "expires" + d.toUTCString(); document.cookie = cname + "=" + cvalue + "; " + expires + "; path=/"; } // 获取cookie function getCookies(cname) { var name = cname + "="; 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); if (c.indexOf(name) != -1) return c.substring(name.length, c.length); } return ""; } // 清除cookie function clearCookie(name) { setCookies(name, "", -1); } $('#btn-post-add').click(function () { clickRecord(102); }); // clear message red function clearMessageRed(This){ var newThis = $(This); var data={ message_id:$(This).attr('data-message'), reviewer_id:0 } $.ajax({ url:"/shopper/message-center/show", type:'post', data:data, dataType:'json', success:function (data) { if(data.code==200){ if(data.data.group==3||data.data.group==4){ $('#headerMsg .msg-content-body div').html(data.data.content); $('#headerMsg').modal('show'); } if(newThis.find('.msg-head-title').length>0&&newThis.find('.msg-head-title').css('display')!='none'){ newThis.find('.msg-head-title').css('display','none'); var num = $('#header .dropdown .btn .number').html()-1; if(num>0){ $('#header .dropdown .btn .number').html(num); }else{ $('#header .dropdown .btn .number').html(0); } } } }, error:function (err) { } }) } $('#header .message ul a:not(.more-msg)').on('click',function(){ if ($('#headerSellerMsg .seller-msg a').length!=0) { $('#headerSellerMsg .seller-msg a').remove() } if($(this).attr('data-toggle')) { if($(this).attr('href')=='#headerMsgPaidArticles'){ let tip = $(this).attr('data-vshowTop'); let price = $(this).attr('data-vshowPrice'); let url = $(this).attr('data-vshowUrl'); $($('#headerMsgPaidArticles span')[0]).html(tip); $($('#headerMsgPaidArticles span')[1]).html('$'+price); $('#headerMsgPaidArticles span').unbind(); $($('#headerMsgPaidArticles span')[0]).on('click',function (){ window.location.href='/post/'+url; }) $($('#headerMsgPaidArticles span')[1]).on('click',function (){ window.location.href='/shopper/thumbs/index?ref=shopper_post'; }) } clearMessageRed(this); return ; } if(!$(this).hasClass("noTarget")){ window.location.href=$(this).attr('href'); }else if($(this).attr('data-id')){ var newThis = $(this); var data={ art_product_report_id:$(this).attr('data-id'), message_id:$(this).attr('data-message') } console.log("发送"); $.ajax({ url:"/shopper/my/seller-reply", type:'post', data:data, dataType:'json', success:function (data) { if(data.code==200){ $('#headerSellerMsg .product-msg').attr('href',"https://www.myvipon.com/product/"+data.data.product_id); $('#headerSellerMsg .msg-show-product .btn').attr('href',"https://www.myvipon.com/product/"+data.data.product_id); $('#headerSellerMsg .product-msg .msg-left-img img').attr('src',data.data.image_large); $('#headerSellerMsg .product-msg .product-msg-title').html(data.data.art_name); $('#headerSellerMsg .buyer-msg .buyer-msg-time').html(data.data.c_time); $('#headerSellerMsg .buyer-msg .buyer-msg-text').html(data.data.feedback_reason); $('#headerSellerMsg .seller-msg .seller-msg-time span').html(data.data.r_time); $('#headerSellerMsg .seller-msg .seller-msg-text').html(data.data.seller_reply); console.log("发送成功开始添加"); if (data.data.reply_image[0]!=''){ data.data.reply_image.forEach((x)=>{ $('#headerSellerMsg .seller-msg').append('<a target="_blank" href="'+x+'"><img class="seller-msg_img" src="'+x+'" alt=""></a>') }) } $('#headerSellerMsg').modal('show'); if(newThis.find('.msg-head-title').length>0&&newThis.find('.msg-head-title').css('display')!='none'){ newThis.find('.msg-head-title').css('display','none'); var num = $('#header .dropdown .btn .number').html()-1; if(num>0){ $('#header .dropdown .btn .number').html(num); }else{ $('#header .dropdown .btn .number').html(0); } } } }, error:function (err) { } }) }else{ clearMessageRed(this); } }); //Category select $('#header .head-search .dropdown-menu > li > a').on('click', function (e) { e.preventDefault(); $('#dropdownMenu1 .text-category').html($(this).html()); $('#header .head-search .dropdown-menu > li > a.active').removeClass('active'); $(this).addClass('active'); //成人分类点击追踪 if ($(this).attr('data-group') == 'adult-products') { clickRecord(32) } }) //flag select $('.flag .dropdown-menu>li').bind('click', function () { var domain = $(this).data('domain'); var flag_src = $(this).find('img').attr('src'); $('.flag>a img').attr("src", flag_src); setCookie("d2018", domain, 365); $.ajax({ url:"/main/change-domain", type:'post', data:{"domain":domain}, dataType:'json', success:function (data) { window.location.reload(); }, error:function (err) {} }); }); function setCookie(name, value, days) { var exp = new Date(); exp.setTime(exp.getTime() + days * 24 * 60 * 60 * 1000); document.cookie = name + "=" + value + ";expires=" + exp.toGMTString() + ';domain=.myvipon.com;path=/'; } $(function () { /*自动完成获取推荐关键词*/ var ajaxPost = false; var search_index = 0; $("#header .head-search input").bind("input propertychange", function () { if ($(this).val() != "") { if ($(this).attr('id') == 'search') { search_index = 0 } else if ($(this).attr('id') == 'm_search') { search_index = 1 } ; if (ajaxPost != false) { ajaxPost.abort(); } $(".completer-container").eq(search_index).hide(); ajaxPost = $.post("/completion/search", {"keywords": $(this).val()}, function (data) { if (data.data.length > 0) { var html = ''; $.each(data.data, function (i, item) { html += "<li role=\"presentation\">\n" + " <a role=\"menuitem\" tabindex=\"-1\" href=\"#\">" + item.keyword + "</a>\n" + "</li>" }) $("#header .search-input ul").html(html); $("#header .search-input ul").show(); /*推荐关键词绑定点击事件*/ $("#header .head-search .search-input a").on('click', function (e) { e.preventDefault(); var search = $(this).text(); $("#header .head-search input").val(search); if (search != '') { search = search.replace(/<|>/g, ""); var search = encodeURIComponent(search); window.location.href = "/promotion/index" + "?search=" + search + '&group=' + $('#header .head-search .dropdown-menu > li > a.active').attr('data-group')+'&click_module=60'; } }); } }) } else { if (ajaxPost != false) { ajaxPost.abort(); } } }) }) $(document).on('click', function () { $("#header .head-search .search-input ul").hide(); }) $(".new_source_page_switch").on('click', function () { $(".new_source_page_box").show(); other_reason = "" $(".new_source_page_body_input").val(''); }) //点击APP下载入口 弹窗显示 $(".download-app-entrances").on('click', function () { $(".download-app-entrances-box").show(); }) $('.prize_btn').on('click', function (event) { event.stopPropagation(); // 阻止事件冒泡 window.location.href = "/prize/index"; }); //菜单关键字搜索事件 $('#header .head-search .btn-search').on('click', function () { <!-- BingConversion --> <!-- BingConversion end --> var search = $('#header .head-search input').val(); search = search.replace(/<|>/g, ""); var search = encodeURIComponent(search); // console.log($('#header .head-search .dropdown-menu > li > a.active').text()) window.location.href = "/promotion/index" + "?search=" + search + '&module=20' + '&group=' + $('#header .head-search .dropdown-menu > li > a.active').attr('data-group')+'&click_module=60'; }); $('#header .head-search input').on('keydown', function (e) {//enter搜索 if (e.keyCode === 13) { var search = $('#header .head-search input').val(); search = search.replace(/<|>/g, ""); var search = encodeURIComponent(search); window.location.href = "/promotion/index" + "?search=" + search + '&group=' + $('#header .head-search .dropdown-menu > li > a.active').attr('data-group')+ '&module=20'+'&click_module=60'; } }) function adjustmentImgSize(arrayElement,scale=1) { let width = parseInt($(arrayElement).css('width')); let height = parseInt($(arrayElement).css('height')); if(width>0&&height>0){ if(width/height>=scale){ $(arrayElement).css({ 'height':'100%', 'width':'auto' }); let timer = setTimeout(function () { clearTimeout(timer); width = parseInt($(arrayElement).css('width')); $(arrayElement).css({ 'left':'-'+(width-parseInt($(arrayElement).parent().width()))/2+'px', top:0 }) },500) }else{ $(arrayElement).css({ 'width':'100%', 'height':'auto', }) let timer = setTimeout(function () { clearTimeout(timer); height = parseInt($(arrayElement).css('height')); $(arrayElement).css({ 'top': '-' + (height - parseInt($(arrayElement).parent().height())) / 2 + 'px', left: 0 }) },500) } } } $('#headerSellerMsg').on('shown.bs.modal',function () { adjustmentImgSize($('.product-msg img')[0]) }) let headerMyCarouselText = JSON.parse(`["Congratulations! \u3010Angel05\u3011 has earned $52 from Vipon.","Congratulations! \u3010Nexus7\u3011 has earned $20 from Vipon.","Congratulations! \u3010kalipsobg\u3011 has earned $30 from Vipon.","Congratulations! \u3010VIPON_111568333049\u3011 has earned $20 from Vipon.","Congratulations! \u3010VIPON_931568569102\u3011 has earned $22 from Vipon.","Congratulations! \u3010VIPON_951572900907\u3011 has earned $21 from Vipon.","Congratulations! \u3010V_e3071\u3011 has earned $20 from Vipon.","Congratulations! \u3010V_05HTN3M3\u3011 has earned $20 from Vipon.","Congratulations! \u3010V_e5335\u3011 has earned $20 from Vipon.","Congratulations! \u3010V_27EMNGTQ\u3011 has earned $20 from Vipon.","Congratulations! \u3010V_18EOOS7T\u3011 has earned $20 from Vipon.","Congratulations! \u3010V3363\u3011 has earned $20 from Vipon.","Congratulations! \u3010VIPON_251575263306\u3011 has earned $20 from Vipon.","Congratulations! \u3010V_S2IBUSG0\u3011 has earned $20 from Vipon.","Congratulations! \u3010V_V1G3DURF\u3011 has earned $20 from Vipon.","Congratulations! \u3010V_E05RR923\u3011 has earned $20 from Vipon.","Congratulations! \u3010V_4MON659P\u3011 has earned $20 from Vipon.","Congratulations! \u3010VIPON_451570262726\u3011 has earned $20 from Vipon.","Congratulations! \u3010V_CLURMIIO\u3011 has earned $20 from Vipon.","Congratulations! \u3010JBayron\u3011 has earned $20 from Vipon.","Congratulations! \u3010SP\u3011 has earned $20 from Vipon.","Congratulations! \u3010Richie Rich\u3011 has earned $20 from Vipon.","Congratulations! \u3010V_06RJJ08E\u3011 has earned $20 from Vipon.","Congratulations! \u3010V_e4051\u3011 has earned $20 from Vipon.","Congratulations! \u3010V_e5912\u3011 has earned $20 from Vipon.","Congratulations! \u3010VIPON_611575901144\u3011has received 15 points from Vipon.","Congratulations! \u3010VIPON_221575954084\u3011has received 10 points from Vipon.","Congratulations! \u3010GETALLCODE\u3011has received 15 points from Vipon.","Congratulations! \u3010VIPON_991576769526\u3011has received 20 points from Vipon.","Congratulations! \u3010V8801\u3011has received 15 points from Vipon.","Congratulations! \u3010AHCB2020\u3011has received 20 points from Vipon.","Congratulations! \u3010V_3QBALPN6\u3011has received 15 points from Vipon.","Congratulations! \u3010VIPON_471568907017\u3011has received 50 points from Vipon.","Congratulations! \u3010VIPON_281568173093\u3011has received 15 points from Vipon.","Congratulations! \u3010VIPON_371577025179\u3011has received 10 points from Vipon.","Congratulations! \u3010V_TDMAV7LQ\u3011has received 20 points from Vipon.","Congratulations! \u3010V_e1050\u3011has received 20 points from Vipon.","Congratulations! \u3010V_OPSFR7A4\u3011has received 10 points from Vipon.","Congratulations! \u3010thepsenevyfx\u3011has received 10 points from Vipon.","Congratulations! \u3010DORYAHOO\u3011has received 15 points from Vipon.","Congratulations! \u3010VIPON_411575900788\u3011has received 15 points from Vipon.","Congratulations! \u3010V_25888DC2\u3011has received 15 points from Vipon.","Congratulations! \u3010GETALLCODE\u3011has received 15 points from Vipon.","Congratulations! \u3010cacasan\u3011has received 50 points from Vipon.","Congratulations! \u3010GETALLCODE\u3011has received 20 points from Vipon.","Congratulations! \u3010V_PHQAO667\u3011has received 15 points from Vipon.","Congratulations! \u3010V_3JFUPLPT\u3011has received 15 points from Vipon.","Congratulations! \u3010V_O9LD8GR1\u3011has received 10 points from Vipon.","Congratulations! \u3010VIPON_931577940805\u3011has received 10 points from Vipon.","Congratulations! \u3010V_6J3PDJH3\u3011has received 100 points from Vipon.","Congratulations! \u3010theesishsod\u3011has received 50 points from Vipon.","Congratulations! \u3010VIPON_861570032966\u3011has received 20 points from Vipon.","Congratulations! \u3010VIPON_901577025418\u3011has received 15 points from Vipon.","Congratulations! \u3010Agustina01\u3011has received 15 points from Vipon.","Congratulations! \u3010VIPON_331568626110\u3011has received 10 points from Vipon.","Congratulations! \u3010V_IQUTQB2M\u3011has received 10 points from Vipon.","Congratulations! \u3010V_6V8IL7EN\u3011has received 10 points from Vipon.","Congratulations! \u3010V_PHQAO667\u3011has received 10 points from Vipon.","Congratulations! \u3010V_S7FMAOTK\u3011has received 10 points from Vipon.","Congratulations! \u3010V_7CKG779U\u3011has received 10 points from Vipon.","Congratulations! \u3010V_1GKPPFIO\u3011has received 1000 points from Vipon.","Congratulations! \u3010VIPON_611573168213\u3011has received 15 points from Vipon.","Congratulations! \u3010VIPON_501602401694\u3011has received 10 points from Vipon.","Congratulations! \u3010V_e3463\u3011has received 10 points from Vipon.","Congratulations! \u3010VIPON_511577477363\u3011has received 10 points from Vipon.","Congratulations! \u3010V_JB8DFRH7\u3011has received 20 points from Vipon.","Congratulations! \u3010VIPON_341568906889\u3011has received 20 points from Vipon.","Congratulations! \u3010VIPON_491577024779\u3011has received 10 points from Vipon.","Congratulations! \u3010VIPON_161568744638\u3011has received 15 points from Vipon.","Congratulations! \u3010V4280\u3011has received 10 points from Vipon.","Congratulations! \u3010V_TF8CDAFM\u3011has received 10 points from Vipon.","Congratulations! \u3010V_DFE4C6S9\u3011has received 1000 points from Vipon.","Congratulations! \u3010V_GBEBB3RE\u3011has received 15 points from Vipon.","Congratulations! \u3010V_M7LBPQP9\u3011has received 20 points from Vipon.","Congratulations! \u3010V_V05C6JVG\u3011has received 10 points from Vipon.","Congratulations! \u3010V_1CLQKACU\u3011has received 10 points from Vipon.","Congratulations! \u3010V_E05RR923\u3011has received 10 points from Vipon.","Congratulations! \u3010V_IQUTQB2M\u3011has received 15 points from Vipon.","Congratulations! \u3010V_N5N0IBM7\u3011has received 20 points from Vipon.","Congratulations! \u3010V_3JFUPLPT\u3011has received 15 points from Vipon.","Congratulations! \u3010V_OK67LGE4\u3011has received 10 points from Vipon.","Congratulations! \u3010V_O9LD8GR1\u3011has received 20 points from Vipon.","Congratulations! \u3010VIPON_791575080320\u3011has received 15 points from Vipon.","Congratulations! \u3010Amazon Customer\u3011has received 10 points from Vipon.","Congratulations! \u3010VIPON_701628445859\u3011has received 15 points from Vipon.","Congratulations! \u3010VIPON_811568906918\u3011has received 15 points from Vipon.","Congratulations! \u3010V_BE84LG4B\u3011has received 20 points from Vipon.","Congratulations! \u3010VIPON_371574823387\u3011has received 10 points from Vipon.","Congratulations! \u3010 wow.wow@usa.com \u3011has received 100 points from Vipon.","Congratulations! \u3010V_KF21DRCO\u3011has received 15 points from Vipon.","Congratulations! \u3010V_e6184\u3011has received 15 points from Vipon.","Congratulations! \u3010VIPON_791575080320\u3011has received 10 points from Vipon.","Congratulations! \u3010V_E05RR923\u3011has received 15 points from Vipon.","Congratulations! \u3010V_V9TGLLLO\u3011has received 20 points from Vipon.","Congratulations! \u3010V_TG3S9ABF\u3011has received 15 points from Vipon.","Congratulations! \u3010V_5LSBNSG9\u3011has received 10 points from Vipon.","Congratulations! \u3010V_7VKD5EKI\u3011has received 15 points from Vipon.","Congratulations! \u3010V_3JFUPLPT\u3011has received 10 points from Vipon.","Congratulations! \u3010V_O9LD8GR1\u3011has received 10 points from Vipon.","Congratulations! \u3010V_TF8CDAFM\u3011has received 10 points from Vipon.","Congratulations! \u3010V_N5B3JFHO\u3011has received 15 points from Vipon.","Congratulations! \u3010V_DM002EKV\u3011has received 10 points from Vipon.","Congratulations! \u3010V_EJ813CJV\u3011has received 10 points from Vipon.","Congratulations! \u3010VIPON_741570729781\u3011has received 10 points from Vipon.","Congratulations! \u3010V_H5HHGJP6\u3011has received 10 points from Vipon.","Congratulations! \u3010VIPON_921571158018\u3011has received 20 points from Vipon.","Congratulations! \u3010V_UJHOHFBU\u3011has received 20 points from Vipon.","Congratulations! \u3010V_D12G5VAJ\u3011has received 15 points from Vipon.","Congratulations! \u3010V_E5V2V7TT\u3011has received 10 points from Vipon.","Congratulations! \u3010V_5LSBNSG9\u3011has received 10 points from Vipon.","Congratulations! \u3010V_PHQAO667\u3011has received 20 points from Vipon.","Congratulations! \u3010V_3JFUPLPT\u3011has received 10 points from Vipon.","Congratulations! \u3010V_2T5G0OEA\u3011has received 15 points from Vipon.","Congratulations! \u3010V_V1G3DURF\u3011has received 15 points from Vipon.","Congratulations! \u3010V_O9LD8GR1\u3011has received 10 points from Vipon.","Congratulations! \u3010V_O016E5F2\u3011has received 50 points from Vipon.","Congratulations! \u3010V_9HBGE2U8\u3011has received 15 points from Vipon.","Congratulations! \u3010V_N5B3JFHO\u3011has received 15 points from Vipon.","Congratulations! \u3010V_1GKPPFIO\u3011has received 1000 points from Vipon.","Congratulations! \u3010V_DE3T5PIL\u3011has received 20 points from Vipon.","Congratulations! \u3010V_e4161\u3011has received 10 points from Vipon.","Congratulations! \u3010V_e3062\u3011has received 15 points from Vipon.","Congratulations! \u3010VIPON_381575900469\u3011has received 10 points from Vipon.","Congratulations! \u3010VIPON_571570941448\u3011has received 10 points from Vipon.","Congratulations! \u3010V_HJ3SA0I6\u3011has received 15 points from Vipon.","Congratulations! \u3010V_MOPUDBI9\u3011has received 1000 points from Vipon.","Congratulations! \u3010V_AHFSQO9T\u3011has received 15 points from Vipon.","Congratulations! \u3010V_E5V2V7TT\u3011has received 10 points from Vipon.","Congratulations! \u3010V_PHQAO667\u3011has received 10 points from Vipon.","Congratulations! \u3010V_OK67LGE4\u3011has received 10 points from Vipon.","Congratulations! \u3010V_UFJ9L5H8\u3011has received 20 points from Vipon.","Congratulations! \u3010V_7CKG779U\u3011has received 20 points from Vipon.","Congratulations! \u3010V_PEG9S2CS\u3011has received 10 points from Vipon.","Congratulations! \u3010VIPON_661578126740\u3011has received 20 points from Vipon.","Congratulations! \u3010 wow.wow@usa.com \u3011has received 20 points from Vipon.","Congratulations! \u3010VIPON_331568424020\u3011has received 10 points from Vipon.","Congratulations! \u3010VIPON_531640026417\u3011has received 10 points from Vipon.","Congratulations! \u3010VIPON_111605287668\u3011has received 10 points from Vipon.","Congratulations! \u3010VIPON_341568906889\u3011has received 10 points from Vipon.","Congratulations! \u3010V_e3062\u3011has received 10 points from Vipon.","Congratulations! \u3010GETALLCODE\u3011has received 10 points from Vipon.","Congratulations! \u3010VIPON_331568626110\u3011has received 10 points from Vipon.","Congratulations! \u3010VIPON_361578242118\u3011has received 15 points from Vipon.","Congratulations! \u3010VIPON_891575900580\u3011has received 10 points from Vipon.","Congratulations! \u3010V_8VCVKRP4\u3011has received 100 points from Vipon.","Congratulations! \u3010V_FSPM5M6R\u3011has received 10 points from Vipon.","Congratulations! \u3010VIPON_751571771065\u3011has received 10 points from Vipon.","Congratulations! \u3010V_DBVV0I3U\u3011has received 100 points from Vipon.","Congratulations! \u3010V_IQ1F5VOD\u3011has received 10 points from Vipon.","Congratulations! \u3010V_1GKPPFIO\u3011has received 10 points from Vipon.","Congratulations! \u3010V_N5B3JFHO\u3011has received 10 points from Vipon.","Congratulations! \u3010V_ETVRUKDT\u3011has received 15 points from Vipon.","Congratulations! \u3010V_UFJ9L5H8\u3011has received 10 points from Vipon.","Congratulations! \u3010VIPON_491577024779\u3011has received 15 points from Vipon.","Congratulations! \u3010V_95PTTL8R\u3011has received 20 points from Vipon.","Congratulations! \u3010V_E05RR923\u3011has received 20 points from Vipon.","Congratulations! \u3010V_E5V2V7TT\u3011has received 10 points from Vipon.","Congratulations! \u3010V_V9TGLLLO\u3011has received 10 points from Vipon.","Congratulations! \u3010V_894L4GVV\u3011has received 10 points from Vipon.","Congratulations! \u3010V_3JFUPLPT\u3011has received 10 points from Vipon.","Congratulations! \u3010V_V1G3DURF\u3011has received 10 points from Vipon.","Congratulations! \u3010V_DC3KOMRC\u3011has received 10 points from Vipon.","Congratulations! \u3010V_RGI74HDI\u3011has received 15 points from Vipon.","Congratulations! \u3010VIPON_581584811524\u3011has received 20 points from Vipon.","Congratulations! \u3010VIPON_331568626110\u3011has received 10 points from Vipon.","Congratulations! \u3010V_e1082\u3011has received 10 points from Vipon.","Congratulations! \u3010V_e9608\u3011has received 10 points from Vipon.","Congratulations! \u3010VIPON_741629583729\u3011has received 1000 points from Vipon.","Congratulations! \u3010V3301\u3011has received 100 points from Vipon.","Congratulations! \u3010V2329\u3011has received 15 points from Vipon.","Congratulations! \u3010VIPON_341568906889\u3011has received 10 points from Vipon.","Congratulations! \u3010VIPON_771573740474\u3011has received 10 points from Vipon.","Congratulations! \u3010VIPON_861570032966\u3011has received 10 points from Vipon.","Congratulations! \u3010VIPON_571568394753\u3011has received 15 points from Vipon.","Congratulations! \u3010Knut21\u3011has received 10 points from Vipon.","Congratulations! \u3010GETALLCODE\u3011has received 10 points from Vipon.","Congratulations! \u3010VIPON_111569659334\u3011has received 15 points from Vipon.","Congratulations! \u3010JMKPriest\u3011has received 10 points from Vipon.","Congratulations! \u3010V_HJ3SA0I6\u3011has received 10 points from Vipon.","Congratulations! \u3010V_M7LBPQP9\u3011has received 20 points from Vipon.","Congratulations! \u3010V_MOPUDBI9\u3011has received 10 points from Vipon.","Congratulations! \u3010V_3R2G8P5Q\u3011has received 20 points from Vipon.","Congratulations! \u3010V_4MON659P\u3011has received 10 points from Vipon.","Congratulations! \u3010V_UKL839I2\u3011has received 10 points from Vipon.","Congratulations! \u3010V_LAI0GTBH\u3011has received 10 points from Vipon.","Congratulations! \u3010V_MEGADFM5\u3011has received 15 points from Vipon.","Congratulations! \u3010V_O9LD8GR1\u3011has received 20 points from Vipon.","Congratulations! \u3010VIPON_581569816267\u3011has received 20 points from Vipon.","Congratulations! \u3010V_A7C71BBF\u3011has received 10 points from Vipon.","Congratulations! \u3010S. Taylor\u3011has received 10 points from Vipon.","Congratulations! \u3010V1412\u3011has received 15 points from Vipon.","Congratulations! \u3010Volantis\u3011has received 15 points from Vipon.","Congratulations! \u3010VIPON_811568906918\u3011has received 15 points from Vipon.","Congratulations! \u3010V3301\u3011has received 10 points from Vipon.","Congratulations! \u3010VIPON_721629625797\u3011has received 15 points from Vipon.","Congratulations! \u3010VIPON_991575899643\u3011has received 100 points from Vipon.","Congratulations! \u3010VIPON_181575901532\u3011has received 15 points from Vipon.","Congratulations! \u3010VIPON_561568705747\u3011has received 10 points from Vipon.","Congratulations! \u3010V_03PDBMAC\u3011has received 10 points from Vipon.","Congratulations! \u3010V_e1050\u3011has received 10 points from Vipon."]`); if (headerMyCarouselText.length > 0) { let html = ''; headerMyCarouselText.map(function (val) { html += `<li>${val}</li>` }) $('.carousel-text .carousel-text-main1 ul').html(html); $('.carousel-text .carousel-text-main1').width(headerMyCarouselText.length*500+'%') } else { $('#header .carousel-text').hide(); $('#header > div:last-child').addClass('carousel-text-not'); } function carouselText() { let speed = 30; //数字越du大速度越慢 let tab = document.querySelector('#header .carousel-text-border'); let tab1 = document.querySelector("#header .carousel-text-main2"); let tab2 = document.querySelector("#header .carousel-text-main3"); function Marquee() { if (tab2.offsetWidth - tab.scrollLeft <= 0) { tab.scrollLeft -= tab1.offsetWidth; } else { tab.scrollLeft++; } } this.myCarouselText = setInterval(Marquee, speed); } $('.recommend-lists').children().css({"color":"#999999","text-decoration": "none"}); $('.orange').css({"color":"#FF6121"}); // 获取cookie函数 function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i].trim(); if (c.indexOf(name) == 0) { return unescape(c.substring(name.length, c.length)) } } return ''; } $("#bf_entrance").click(function(){ if($(".second-level").css('display')=='block'){ $(".second-level").hide(); }else{ $(".second-level").show(); } }) //统计点击blog $(".new_blog").click(function () { $.ajax({ url:"/main/blog-click", type:'post', dataType:'json', success:function (data) {}, error:function (err) {} }); }) function isHomePage() { // 获取当前页面的路径 const currentPath = window.location.pathname; // 判断路径是否为根路径或特定的首页文件 return currentPath === '/' || currentPath === '/main/index'; } if (isHomePage()) { $('.get_azm_promo').show() $('#header > div:first-child').css('padding','125px 40px 40px') } function isSalePage() { // 获取当前页面的路径 const currentPath = window.location.pathname; // 判断路径是否为根路径或特定的首页文件 return currentPath === '/sale'; } if (isSalePage()) { $('.flex').css('display','none') } function getUserCodeCollection(prductId, f, searchid, position, eventType, sl) { let href = " /code/get-code?id=" + prductId if (f) href += "&f=" + f if (searchid) href += "&search_tid=" + searchid if (position) href += "&position=" + position if (eventType) href += "&event_type=" + eventType if (sl) href += "&sl=" + sl $.get(href, function (response) { response = JSON.parse(response) if(response.code == 200 || response.code == 700){ window.open('/product/' + prductId) } else if (response.msg == 'Invalid Request.'){ menuvue.$message.error('Too many attempts. Try again later.') } else { menuvue.$message({ message: response.msg, type: 'error', }); } }).fail(function (jqXHR, textStatus, errorThrown) { // 处理错误 console.error('请求失败:', textStatus, errorThrown); }); } $('.subscribe-to').each(function() { const $subscribeEl = $(this); const $windowBox = $subscribeEl.find('.windowBox'); const newclose = $windowBox.find('.newclose'); $subscribeEl.on('click', function(e) { e.stopPropagation(); $windowBox.toggleClass('show'); }); $windowBox.on('click', function(e) { e.stopPropagation(); }); newclose.on('click', function() { $windowBox.removeClass('show'); $('#emailInput').val(''); $('#emailError').hide(); }); }); $(document).ready(function() { function validateEmail(email) { var emailRegex = /^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$/; return emailRegex.test(email); } var $emailInput = $('#emailInput'); var $emailError = $('#emailError'); var $windowBox = $('.subscribe-to').find('.windowBox'); // 获取弹窗元素 // 表单提交时校验 $('#mc-embedded-subscribe-form').on('submit', function(e) { var email = $emailInput.val().trim(); if(email === '' || !validateEmail(email)) { e.preventDefault(); // 阻止提交 $emailError.show(); $emailInput.focus(); } else { $emailError.hide(); // 邮箱格式正确，关闭弹窗并清空输入框 $windowBox.removeClass('show'); setTimeout(() => { $emailInput.val(''); }, 2000); } }); // 输入时隐藏错误提示 $emailInput.on('input', function() { $emailError.hide(); }); // 失焦时校验邮箱格式 $emailInput.on('blur', function() { var email = $(this).val().trim(); if(email !== '' && !validateEmail(email)) { $emailError.show(); } else { $emailError.hide(); } }); }); let homePageConfig = '{"entry_copy":"Subscribe To Our Newsletter","guide_copy":"To get our best deals and discounts - subscribe below!"}'; homePageConfig = JSON.parse(homePageConfig); if(homePageConfig.entry_copy) $('#entry_copy').text(homePageConfig.entry_copy) if(homePageConfig.guide_copy) $('#guide_copy').text(homePageConfig.guide_copy) </script><script>(function (a, s, y, n, c, h, i, d, e) { s.className += ' ' + y; h.start = 1 * new Date; h.end = i = function () { s.className = s.className.replace(RegExp(' ?' + y), '') }; (a[n] = a[n] || []).hide = h; setTimeout(function () { i(); h.end = null }, c); h.timeout = c; })(window, document.documentElement, 'async-hide', 'dataLayer', 4000, {'GTM-KMLCDG7': true});</script> <section id="articals-detail"> <div class="section-center article-container"> <div class="section-detail row"> <div class="vipon-post"> <a href="/index.php"> Vipon</a> <span> ></span> <a href="/vshow/list">V Show</a> <span> ></span> <span class="wid88"> The Rise of Contemporary Fireplace Design – Blending Form and Function in Modern Homes</span> <a class="create-up" href="/login"> <img style="width: 16px;margin-left: 20px" src="https://vipon.s3.amazonaws.com/img/660453d737ab0698b98cad1c8668199e1fe8854878c5de.svg" alt=""> <span>Share great deals & products and save together.</span> </a> </div> <div class="articles-left review-detail col-lg-9 col-md-8 col-sm-12 col-xs-12"> <div class="review-detail-app"> <h3 style="margin-top: 10px;word-wrap: break-word;">The Rise of Contemporary Fireplace Design – Blending Form and Function in Modern Homes</h3> <div class="articles-detail-number"> <span class="update-time">2025-04-17 06:19:46</span> <div class="articles-detail-number-right"> <div class="thumbs-down-group"> <button onclick="articleThumb(this)" style="display: flex;line-height: 21px;text-decoration: none;align-items: center;padding:0;border: 0;outline: none;background-color: transparent"> <span class="reply-deals-icon" style="text-decoration: none;background: url('https://vipon.s3.amazonaws.com/img/545940092352446298f64c029d0494db6dc9b697733f10.svg') no-repeat;height: 18px;"></span> <span class="text">0</span> </button> </div> <div class="thumbs-down-group"> <a href="javascript:;" class="comment-icon-top1" style="display: flex;line-height: 21px;text-decoration: none;align-items: center;"> <span class="reply-deals-icon" style="text-decoration: none;margin:0;background: url('https://vipon.s3.amazonaws.com/img/9877959e17a5f0a10d33f93c78b6100a5ad596b9136ead.svg') no-repeat;height: 17px" aria-hidden="true"></span> <span class="text comment-number">0</span> </a> </div> <div style="cursor: pointer" title="Report" data-toggle="modal" data-target="#report"> <img src="https://vipon.s3.amazonaws.com/img/405667e80f6a5ad5c023c5acd7f4d31f6510359d7d0ecc.svg" alt=""> <span class="text" style="color: #4A576A">Report</span> </div> <div class="sharethis-inline-share-buttons" style="width:100px;margin-left:23px;"></div> </div> </div> <div class="p-container" style="word-wrap: break-word;padding-top: 10px;overflow: hidden"> <p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">In recent years, the world of interior design has witnessed a significant transformation, with </span><a href="https://modusfireplaces.com" style="text-decoration:none;"><span style="font-size:10pt;font-family:Arial,sans-serif;color:#0000ff;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">contemporary fireplaces</span></a><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> becoming central features in stylish, modern homes. Once considered primarily a source of warmth, fireplaces today have evolved into striking design statements—combining aesthetics, innovation, and functionality.</span></p><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"><br></span></p><p dir="ltr" style="text-align: center; line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><img src="https://vipon.s3.amazonaws.com/img/358225079f261ba3f52ed7faeb37252d729ff443862287.jpg" style="width: 50%;"><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"><br></span></p><h3 dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:12pt;font-family:Tahoma,sans-serif;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">A New Era in Fireplace Design</span></h3><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Contemporary fireplaces are defined by their clean lines, minimalistic form, and versatile materials. Unlike traditional hearths, these modern installations are designed to seamlessly integrate into living spaces, often acting as focal points without overpowering the room. The rise in open-plan living and pared-down interior schemes has fueled demand for fireplaces that are sleek, understated, and elegant.</span></p><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">One of the most notable trends is the increase in </span><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">hole in the wall fireplaces</span><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">. These are built into the wall for a flush, integrated look, ideal for urban apartments and modern homes where space is at a premium. Their unobtrusive design complements both minimalist and luxurious interiors, offering a chic alternative to traditional models.</span></p><h3 dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:12pt;font-family:Tahoma,sans-serif;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Suspended Fireplaces: Style Meets Innovation</span></h3><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Another standout trend is the growing popularity of </span><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">hanging or suspended fireplaces</span><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">. These designs—often seen in high-end architectural projects—give the illusion of a floating fire, creating a dramatic centrepiece that enhances spatial flow. In addition to their aesthetic appeal, suspended fireplaces allow for 360-degree heat distribution, making them both stylish and practical.</span></p><h3 dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:12pt;font-family:Tahoma,sans-serif;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Eco-Conscious Choices</span></h3><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Sustainability also plays a significant role in the popularity of contemporary fireplace designs. Homeowners and designers alike are increasingly opting for </span><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">gas and electric fireplaces</span><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> that offer cleaner, more efficient burning compared to wood-burning models. Many modern systems are programmable, app-controlled, and built with energy-saving features, appealing to environmentally aware consumers.</span></p><h3 dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:12pt;font-family:Tahoma,sans-serif;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Design Flexibility and Personalisation</span></h3><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Contemporary fireplaces offer tremendous flexibility in terms of materials and finishes. From glass and brushed steel to concrete and natural stone, today's fireplaces can be customised to match virtually any design aesthetic. This adaptability is one reason why contemporary designs are not only popular in homes but also in hotels, offices, and restaurants.</span></p><h3 dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:12pt;font-family:Tahoma,sans-serif;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Enhancing Property Value and Lifestyle</span></h3><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Installing a contemporary fireplace can also add significant value to a property. Beyond their visual appeal, these fireplaces offer comfort, warmth, and a sense of ambience that is hard to replicate with other forms of heating. Many homeowners consider them an essential part of a modern lifestyle, especially as winter evenings call for cosy, inviting interiors.</span></p><p dir="ltr" style="line-height:1.2;border-bottom:solid #000000 0.5pt;margin-top:6pt;margin-bottom:6pt;"><br></p><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Conclusion:</span></p><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span id="docs-internal-guid-7d97ce53-7fff-a68d-2555-7a0cc2ad02ec"><span style="font-size: 10pt; font-family: Arial, sans-serif; color: rgb(0, 0, 0); background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">Contemporary fireplaces are redefining what it means to heat a home in style. From </span><span style="font-size: 10pt; font-family: Arial, sans-serif; color: rgb(0, 0, 0); background-color: transparent; font-weight: 700; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">hole in the wall designs</span><span style="font-size: 10pt; font-family: Arial, sans-serif; color: rgb(0, 0, 0); background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;"> to </span><span style="font-size: 10pt; font-family: Arial, sans-serif; color: rgb(0, 0, 0); background-color: transparent; font-weight: 700; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">suspended fireplaces</span><span style="font-size: 10pt; font-family: Arial, sans-serif; color: rgb(0, 0, 0); background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">, the options are both varied and inspiring. As design trends continue to shift toward minimalism, sustainability, and customisation, fireplaces will remain at the heart of the modern home—delivering warmth, elegance, and timeless appeal.</span></span></p> </div> </div> <div class="articles-left-pc"> <h3 class="flex" style="margin-top: 10px;word-wrap: break-word;"> <span>The Rise of Contemporary Fireplace Design – Blending Form and Function in Modern Homes</span> </h3> <div class="articles-detail-number"> <div class="update-time"> <div class="articles-detail-look"> <span class="num-icon"></span> <span>2.9k</span> </div> <div>2025-04-17 06:19:46</div> </div> <div class="articles-detail-number-right"> <div class="thumbs-down-group"> <a href="/login" style="display: flex;line-height: 21px;text-decoration: none;align-items: center;"> <span class="reply-deals-icon" style="text-decoration: none;background: url('https://vipon.s3.amazonaws.com/img/545940092352446298f64c029d0494db6dc9b697733f10.svg') no-repeat;height: 18px;"></span> <span class="text">0</span> </a> </div> <div class="thumbs-down-group"> <a href="javascript:;" class="comment-icon-top1" style="display: flex;line-height: 21px;text-decoration: none;align-items: center;"> <span class="reply-deals-icon" style="text-decoration: none;margin:0;background: url('https://vipon.s3.amazonaws.com/img/9877959e17a5f0a10d33f93c78b6100a5ad596b9136ead.svg') no-repeat;height: 17px" aria-hidden="true"></span> <span class="text comment-number">0</span> </a> </div> <div style="cursor: pointer" title="Report"> <a href="/login" style="text-decoration: none"> <img src="https://vipon.s3.amazonaws.com/img/405667e80f6a5ad5c023c5acd7f4d31f6510359d7d0ecc.svg" alt=""> <span class="text" style="color: #4A576A">Report</span> </a> </div> <div class="sharethis-inline-share-buttons" style="width: 140px"></div> </div> </div> <div class="p-container vshow-content-target" style="word-wrap: break-word;padding-top: 10px;overflow: hidden"> <p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">In recent years, the world of interior design has witnessed a significant transformation, with </span><a href="https://modusfireplaces.com" style="text-decoration:none;"><span style="font-size:10pt;font-family:Arial,sans-serif;color:#0000ff;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">contemporary fireplaces</span></a><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> becoming central features in stylish, modern homes. Once considered primarily a source of warmth, fireplaces today have evolved into striking design statements—combining aesthetics, innovation, and functionality.</span></p><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"><br></span></p><p dir="ltr" style="text-align: center; line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><img src="https://vipon.s3.amazonaws.com/img/358225079f261ba3f52ed7faeb37252d729ff443862287.jpg" style="width: 50%;"><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"><br></span></p><h3 dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:12pt;font-family:Tahoma,sans-serif;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">A New Era in Fireplace Design</span></h3><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Contemporary fireplaces are defined by their clean lines, minimalistic form, and versatile materials. Unlike traditional hearths, these modern installations are designed to seamlessly integrate into living spaces, often acting as focal points without overpowering the room. The rise in open-plan living and pared-down interior schemes has fueled demand for fireplaces that are sleek, understated, and elegant.</span></p><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">One of the most notable trends is the increase in </span><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">hole in the wall fireplaces</span><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">. These are built into the wall for a flush, integrated look, ideal for urban apartments and modern homes where space is at a premium. Their unobtrusive design complements both minimalist and luxurious interiors, offering a chic alternative to traditional models.</span></p><h3 dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:12pt;font-family:Tahoma,sans-serif;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Suspended Fireplaces: Style Meets Innovation</span></h3><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Another standout trend is the growing popularity of </span><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">hanging or suspended fireplaces</span><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">. These designs—often seen in high-end architectural projects—give the illusion of a floating fire, creating a dramatic centrepiece that enhances spatial flow. In addition to their aesthetic appeal, suspended fireplaces allow for 360-degree heat distribution, making them both stylish and practical.</span></p><h3 dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:12pt;font-family:Tahoma,sans-serif;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Eco-Conscious Choices</span></h3><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Sustainability also plays a significant role in the popularity of contemporary fireplace designs. Homeowners and designers alike are increasingly opting for </span><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">gas and electric fireplaces</span><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> that offer cleaner, more efficient burning compared to wood-burning models. Many modern systems are programmable, app-controlled, and built with energy-saving features, appealing to environmentally aware consumers.</span></p><h3 dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:12pt;font-family:Tahoma,sans-serif;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Design Flexibility and Personalisation</span></h3><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Contemporary fireplaces offer tremendous flexibility in terms of materials and finishes. From glass and brushed steel to concrete and natural stone, today's fireplaces can be customised to match virtually any design aesthetic. This adaptability is one reason why contemporary designs are not only popular in homes but also in hotels, offices, and restaurants.</span></p><h3 dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:12pt;font-family:Tahoma,sans-serif;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Enhancing Property Value and Lifestyle</span></h3><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Installing a contemporary fireplace can also add significant value to a property. Beyond their visual appeal, these fireplaces offer comfort, warmth, and a sense of ambience that is hard to replicate with other forms of heating. Many homeowners consider them an essential part of a modern lifestyle, especially as winter evenings call for cosy, inviting interiors.</span></p><p dir="ltr" style="line-height:1.2;border-bottom:solid #000000 0.5pt;margin-top:6pt;margin-bottom:6pt;"><br></p><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:10pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Conclusion:</span></p><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span id="docs-internal-guid-7d97ce53-7fff-a68d-2555-7a0cc2ad02ec"><span style="font-size: 10pt; font-family: Arial, sans-serif; color: rgb(0, 0, 0); background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">Contemporary fireplaces are redefining what it means to heat a home in style. From </span><span style="font-size: 10pt; font-family: Arial, sans-serif; color: rgb(0, 0, 0); background-color: transparent; font-weight: 700; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">hole in the wall designs</span><span style="font-size: 10pt; font-family: Arial, sans-serif; color: rgb(0, 0, 0); background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;"> to </span><span style="font-size: 10pt; font-family: Arial, sans-serif; color: rgb(0, 0, 0); background-color: transparent; font-weight: 700; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">suspended fireplaces</span><span style="font-size: 10pt; font-family: Arial, sans-serif; color: rgb(0, 0, 0); background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">, the options are both varied and inspiring. As design trends continue to shift toward minimalism, sustainability, and customisation, fireplaces will remain at the heart of the modern home—delivering warmth, elegance, and timeless appeal.</span></span></p> </div> </div> <div id="comment"> <div id="nowComment"> <div class="unlogin"> <div class="left-login"> <div class="login-logo"> <img src="/images/vipon-logo3x.png" alt="Amazon Coupons"> </div> <div class="login-text"> <a href="/login">Log in</a> or <a href="/signup">Sign up</a> for a Vipon account to post comment </div> </div> <div class="right-login"> <a href="/login" class="btn">Log In</a> <a href="/signup" class="btn">Sign Up</a> </div> </div> </div> <div id="comments"> <h3>Comments <span></span></h3> <div class="comments-list"> </div> </div> </div> </div> <div class="articles-right col-lg-3 col-md-4 col-sm-12 col-xs-12"> <div class="author"> <div class="author-dtail"> <div class="author-img-dis"> <div class="author-img-bor"> <a href="/disclose/my-center?type=1&page=1&limit=12&b_reviewer_id=4390329" target="_blank" class="author-img"> <img src="https://vipon.s3.amazonaws.com/img/97358637f28c0e9c7c45a2851e790ea7a858d1994a7803.png" onload="getImgSize(this)" alt=""> </a> </div> <div class="author-dis" style="justify-content: center"> <a class="author-name" href="/disclose/my-center?type=1&page=1&limit=12&b_reviewer_id=4390329" target="_blank">VIPON_331741702858</a> <div class="author-like" style="margin-top: 13px"> <a href="/disclose/my-center?type=1&page=1&limit=12&b_reviewer_id=4390329" > <span class="number">2</span> <span class="author-dtail-group">Posts</span> </a> </div> </div> </div> <button class="follow">Follow</button> </div> <div class="author-dtail-ep"> <div class="author-dtail-ep-num"> </div><!-- <div class="line"></div>--><!-- <div class="author-dtail-ep-num">--><!-- <span class="number">--><?//= $red_info['verified_count'] ?><!--</span>--><!-- <span class="author-dtail-group">Likes</span>--><!-- </div>--> </div> </div> <div class="other-post"> <h3>Recommended</h3> <div class="post-list"> <div class="post-item"> <div class="post-item-img" onclick="window.open('http://www.myvipon.com/post/1547319/Anxiety-Counselling-How-Therapy-Helps-You-amazon-coupons')" style="cursor: pointer"> <img src="https://vipon.s3.amazonaws.com/img/612491251eddcf1ecac7d68369246f8f444cb6b4a6f438.png" onload="getImgSize(this,2)" alt=""> </div> <div class="post-item-content" > <div class="describe" style="cursor: pointer" onclick="window.open('http://www.myvipon.com/post/1547319/Anxiety-Counselling-How-Therapy-Helps-You-amazon-coupons')">Anxiety Counselling – How Therapy Helps You Regain Control</div> <div class="post-item-information"> <div class="post-item-information-author" data-id="4390329"> <div style="position: relative"> <div class="post-item-information-img" > <img onload="getImgSize(this)" src="https://vipon.s3.amazonaws.com/img/97358637f28c0e9c7c45a2851e790ea7a858d1994a7803.png" alt=""> </div> </div> <div class="post-item-information-name">VIPON_331741702858</div> </div> <div class="volume"> <span class="volume-icon"></span> <span class="volume-num">1307.3k</span> </div> </div> </div> </div> <div class="post-item"> <div class="post-item-img" onclick="window.open('http://www.myvipon.com/post/1624119/The-Best-Day-Trips-from-MontrealThe-amazon-coupons')" style="cursor: pointer"> <img src="https://vipon.s3.amazonaws.com/img/9985207b41d4434fc64f1d1f9487513d313cda901501c8.png" onload="getImgSize(this,2)" alt=""> </div> <div class="post-item-content" > <div class="describe" style="cursor: pointer" onclick="window.open('http://www.myvipon.com/post/1624119/The-Best-Day-Trips-from-MontrealThe-amazon-coupons')">The Best Day Trips from MontrealThe Best Day Trips from Montreal</div> <div class="post-item-information"> <div class="post-item-information-author" data-id="4292776"> <div style="position: relative"> <div class="post-item-information-img" > <img onload="getImgSize(this)" src="https://vipon.s3.amazonaws.com/img/97358637f28c0e9c7c45a2851e790ea7a858d1994a7803.png" alt=""> </div> </div> <div class="post-item-information-name">VIPON_411727504669</div> </div> <div class="volume"> <span class="volume-icon"></span> <span class="volume-num">326</span> </div> </div> </div> </div> <div class="post-item"> <div class="post-item-video"> <video width="100%" height="198.5" preload="none" onended="videoEnd(this)" > <source src="https://vipon.nyc3.cdn.digitaloceanspaces.com/vipon/video/1956147d948a18cc40b4fbbbe40a4fd7c4619f6fc0b67fw.mp4" type="video/mp4"> </video> <div class="poster-img"> <img src="https://vipon.s3.amazonaws.com/img/677590977a2cc18f5488099409c8460cb325d458356ec7.jpg" onload="getImgSize(this,2)" alt=""> </div> <button> <img src="https://vipon.s3.amazonaws.com/img/590810b9667f3e58289266aab9df1ddeddef0b9cfb4363.svg" alt=""> <img style="display: none" src="https://vipon.s3.amazonaws.com/img/8040592c6706fd348946a428f613e5d221e945790e367f.svg" alt=""> </button> </div> <div class="post-item-content" > <div class="describe" style="cursor: pointer" onclick="window.open('http://www.myvipon.com/post/1623386/Master-topics-with-exam-questions-answers-amazon-coupons')">Master topics with ai-900 exam questions and answers pdf DumpsQueen</div> <div class="post-item-information"> <div class="post-item-information-author" data-id="4428210"> <div style="position: relative"> <div class="post-item-information-img" > <img onload="getImgSize(this)" src="https://vipon.s3.amazonaws.com/img/97358637f28c0e9c7c45a2851e790ea7a858d1994a7803.png" alt=""> </div> </div> <div class="post-item-information-name">ai900examquestions</div> </div> <div class="volume"> <span class="volume-icon"></span> <span class="volume-num">205</span> </div> </div> </div> </div> </div> </div> </div> </div> </div></section> <div id="elevator_item"> <a id="elevator" onclick="return false;" title="Top"></a> <a class="qr" title="Login My Account" href="/login"></a> <div class="qr-popup"> <div class="arr"></div> </div></div><div class="modal fade" id="followed" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h3> <span>Cancel Following</span> <button data-dismiss="modal" aria-hidden="true"><img src="https://vipon.s3.amazonaws.com/img/54253850dae5e71f8e1ccde5394e148e96846e063ef033.svg" alt=""></button> </h3> </div> <div class="modal-body"> <p>Are you sure you want to stop following?</p> <div> <button data-dismiss="modal" aria-hidden="true">No</button> <button>Yes</button> </div> </div> </div><!-- /.modal-content --> </div><!-- /.modal --></div><!--遮罩层视图--><div class="back_drop"> <span class="iconfont icon-clear"></span> <div class="text_complain">Download Vipon App to get great deals now!</div> <div class="get_method"> <img src="" alt="..."/> </div></div><!--遮罩层--> <!-- 提示--><div class="modal fade " id="favoritesTitle" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-body"> <div class="thumb-title"></div> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div> <!-- /.modal --><!-- 加载--> <div id="loading"> <div><!-- <div class="text">Comments are being submitted</div>--> <div class="div-img"> <img src="https://vipon.s3.amazonaws.com/img/452004003c36249b5456fb551d846eb2095ff2e8230810.gif" alt="Amazon Coupons"> <span>Loading…</span> </div> </div> </div><!-- 展示评论图片--> <div class="modal fade" id="showImg" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog" style="margin: 30px auto;top: 0;"> <div class="modal-content" style="border-radius: 0;border: 0;background-color: transparent;box-shadow: 0 0 0 0;"> <img src="" alt="Amazon Coupons" style="margin-bottom: 0"> </div><!-- /.modal-content --> </div><!-- /.modal --> </div><!-- 展示评论图片--><div class="modal fade" id="report" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="report-header"> <h4> <span>Report</span> <button style="background-color: transparent;padding: 0;border: 0;" data-dismiss="modal" aria-hidden="true"><img src="https://vipon.s3.amazonaws.com/img/54253850dae5e71f8e1ccde5394e148e96846e063ef033.svg" alt=""></button> </h4> </div> <div class="report-list"> <div class="report-group"> <input type="radio" data-num="1" name="report" id="report0"> <label for="report0">Sexual content</label> </div> <div class="report-group"> <input type="radio" data-num="2" name="report" id="report1"> <label for="report1">Violent or repulsive content</label> </div> <div class="report-group"> <input type="radio" data-num="3" name="report" id="report2"> <label for="report2">Hateful or abusive content</label> </div> <div class="report-group"> <input type="radio" data-num="4" name="report" id="report3"> <label for="report3">Harmful dangerous acts</label> </div> <div class="report-group"> <input type="radio" data-num="5" name="report" id="report4"> <label for="report4">Child abuse</label> </div> <div class="report-group"> <input type="radio" data-num="6" name="report" id="report5"> <label for="report5">Promotes terrorism</label> </div> <div class="report-group"> <input type="radio" data-num="7" name="report" id="report6"> <label for="report6">Spam or misleading</label> </div> <div class="report-group"> <input type="radio" data-num="8" name="report" id="report7"> <label for="report7">Infringes my rights</label> </div> <div class="report-group"> <input type="radio" data-num="9" name="report" id="report8"> <label for="report8">Captions issue</label> </div> </div> <div class="text">* Flagged videos and users are reviewed by Vipon staff 24 hours a day, seven days a week to determine whether they violate Community Guidelines. Accounts are penalized for Community Guidelines violations, and serious or repeated violations can lead to account termination.</div> <div class="submit"> <button>Report</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal --></div> <!-- Modal Wait --><div class="modal fade" id="waitModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" xmlns="http://www.w3.org/1999/html"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <i class="fa fa-spin fa-spinner"></i> Please Wait... </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- Modal Video --> <div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <div class="video-container" style="padding-top:33px"> </div> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- Modal Product --> <div class="modal fade" id="productModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <i class="fa fa-spin fa-spinner"></i> Please Wait... </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- Modal Account --> <div class="modal fade" id="accountModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" style="margin-top: 150px;width: 992px;"> <div class="modal-content"> <div class="modal-body" style="padding: 0px;text-align: center;"> <i class="fa fa-spin fa-spinner"></i> Please Wait... </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- Modal Send Email --> <div class="modal fade" id="sendEmailModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modalName" style="text-align:center">Get our BEST offers straight to your inbox!</h4> </div> <div class="modal-body"> <input type="email" class="form-control" name="email" placeholder="Email" autocomplete="off" style="width: 250px; margin: 0 auto 15px auto;"> <div style="text-align:center"><button type="button" class="btn btn-primary" style="width: 250px;" onclick="mc_subscribe('mc-optin-footer')">Subscribe</button></div> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- Modal Post Sign Up --> <div class="modal fade" id="postSignUpModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modalName">You've signed up!</h4> </div> <div class="modal-body"> <p>Congrats! You are now a member!</p> <p>Start requesting vouchers for promo codes by clicking the <strong>Request Deal</strong> buttons on products you want.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="show_last_product();">Got it!</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- Modal Post Sign In --> <div class="modal fade" id="postSignInModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modalName">You've signed in!</h4> </div> <div class="modal-body"> <p>Start requesting vouchers for promo codes by clicking the <strong>Request Deal</strong> buttons on products you want.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="show_last_product();">Got it!</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- Modal Seller Sign In --> <div class="modal fade" id="sellerSignInModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modalName">Seller Sign In</h4> </div> <div class="modal-body"> <p>Sellers of Amazon products are required to sign in at <a href="https://www.amztracker.com">www.amztracker.com</a></p> <p>More information about placing your products on this site can be found <a href="join-as-seller.php">here</a>.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> <a href="https://www.amztracker.com" class="btn btn-primary">Go to www.amztracker.com</a> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- Modal Contact Us --> <div class="modal fade" id="contactModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modalName">How Can We Help You?</h4> </div> <div class="modal-body"> <div class="form-group"> <label for="contact_email_name">Your Name</label> <input type="text" class="form-control" id="contact_email_name" name="contact_email_name" placeholder=""> </div> <div class="form-group"> <label for="contact_email_address">Your Email</label> <input type="text" class="form-control" id="contact_email_address" name="contact_email_address" placeholder=""> </div> <div class="form-group"> <label for="contact_email_body">Question</label> <textarea class="form-control" id="contact_email_body" name="contact_email_body" rows="6" placeholder=""></textarea> </div> <div class="please-wait"> <i class="fa fa-spin fa-spinner"></i> Please Wait... </div> </div> <div class="modal-footer" style="margin-top:0"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary" onclick="contact_email_send()">Submit</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- Modal Report Seller --> <div class="modal fade" id="reportSellerModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modalName">Report a Problem</h4> </div> <div class="modal-body"> <select class="form-control" name="report-reason" style="margin-bottom: 15px;"> <option value="Select Report Reason...">Select Report Reason...</option> <option value="Code is not valid" selected="selected">Code is not valid</option> <option value="Code has expired">Code has expired</option> <option value="Code has not yet begun">Code has not yet begun</option> <option value="Code cannot be applied to your purchase">Code cannot be applied to your purchase</option> <option value="Price or discount is not as advertised">Price or discount is not as advertised</option> <option value="Shipping method is not as advertised">Shipping method is not as advertised</option> <option value="Product currently unavailable or no link to buy">Product currently unavailable or no link to buy</option> <option value="Other">Other</option> <option value="Price gouging or inflated price">Price gouging or inflated price</option> <option value="Expired">Expired</option> <option value="Not a good price">Not a good price</option> <option value="Not a good product">Not a good product</option> <option value="Incorrect Information">Incorrect Information</option> <option value="Repost">Repost</option> <option value="Spam">Spam</option> </select> <textarea class="form-control" id="report-seller-reason" name="report_reason" rows="5" placeholder="Explain problem further here."></textarea> <input type="hidden" name="request_id"> <input type="hidden" name="product_id"> </div> <div class="modal-footer" style="margin-top:0"> <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> <button type="button" class="btn btn-primary" onclick="report_seller_send()">Submit Report</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- Modal Voucher Problems --> <div class="modal fade" id="voucherProblemsModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modalName">Report a Problem</h4> </div> <div class="modal-body"> <p>Are you having problems purchasing a product with the supplied voucher? If so, please contact the seller via the supplied email.</p> <p>Also, please be patient. Sellers are pretty busy people and it can take awhile to respond to your emails.</p> <p><strong>After 2 days of receiving a voucher</strong> you can report the seller to us (using the same button) if you cannot resolve this issue with the seller.</p> <br> <p>For more information <a href="http://help.amzreviewtrader.com/article/111-help-with-the-voucher-codes" target="_blank" rel="nofollow">click here</a>.</p> </div> <div class="modal-footer" style="margin-top:0"> <button type="button" class="btn btn-default" data-dismiss="modal">Got it!</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- Modal Hide Request Wait --> <div class="modal fade" id="hideRequestWaitModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modalName">Thank you for your report!</h4> </div> <div class="modal-body"> <p>We have taken note and will also convey the problems to the seller on your behalf.</p> <p>Usually the seller will rectify it soon, we suggest now you can remove this request from your dashboard and choose another deal.</p> <p>If you love this deal most, we suggest you can try to request this deal after 2 days.</p> </div> <div class="modal-footer" style="margin-top:0"> <button type="button" class="btn btn-default" data-dismiss="modal">Got it!</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- Modal Review URL --> <div class="modal fade" id="reviewURLModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modalName">Purchased!</h4> </div> <div class="modal-body"> <input type="hidden" name="request_id"> <p>This will mark the product as purchased. The voucher will be permanently removed from your dashboard shortly after. Are you sure?</p> </div> <div class="modal-footer" style="margin-top:0"> <button type="button" class="btn btn-default" data-dismiss="modal">Oops, I haven't purchased this yet.</button> <button type="button" class="btn btn-primary" onclick="submit_review_url()">Remove product</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- Modal Message --> <div class="modal fade" id="messageModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modalName"></h4> </div> <div class="modal-body"> </div> <div class="modal-footer" style="margin-top:0"> <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- Modal Request Bypassed --> <div class="modal fade" id="requestBypassedModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modalName">Why Wasn't I Selected?</h4> </div> <div class="modal-body"> <p>You are essentially competing with a whole lot of other buyers when requesting to purchase a product. The seller only has a limited amount of vouchers to give out too.</p> </div> <div class="modal-footer" style="margin-top:0"> <button type="button" class="btn btn-primary" data-dismiss="modal">Got It!</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- Modal Job Application --> <div class="modal fade" id="jobApplicationModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <div class="vipon-dialog"> <form name="job_message"> <div class="job_content"> <div class="job_title">Apply for The Job</div> <div class="job_detail_amztracker_message"> <textarea class="form-control" rows="8" id="job_application_message" name="job_application_message" onblur="if (value ==''){value='say some thing about why you are good for the job.'}" onfocus="if(value=='say some thing about why you are good for the job.'){value=''}">say some thing about why you are good for the job.</textarea> </div> <div class="btn_job_application"> <button type="button" class="btn btn-primary btn-message" data-dismiss="modal" onclick="get_message();">Apply</button> </div> </div> <div class="clear"></div> </form> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- Modal Report Seller/Product On Product Pages --> <div class="modal fade" id="reportSellerProductPageModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modalName">Report a Problem</h4> </div> <div class="modal-body"> <p>Before you report a product, please read important information found <a href="http://help.amzreviewtrader.com/article/124-reporting-issues-with-sellers#product" target="_blank" rel="nofollow">here</a>.</p> <br> <select class="form-control" name="report_reason" style="margin-bottom: 15px;"> <option value="Select Report Reason...">Select Report Reason...</option> <option value="Price changed or incorrect">Price changed or incorrect</option> <option value="Shipping price incorrect">Shipping price incorrect</option> <option value="False original price">False original price</option> <option value="Picture incorrect">Picture incorrect</option> <option value="Wrong product category">Wrong product category</option> <option value="Possible scam or dishonest">Possible scam or dishonest</option> <option value="Other. Please explain.">Other. Please explain.</option> </select> <textarea class="form-control" name="report_reason" rows="5" placeholder="Explain problem further here. Detailed reports make it easier for us to investigate the matter."></textarea> <input type="hidden" name="product_id"> </div> <div class="modal-footer report-form" style="margin-top:0"> <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> <button type="button" class="btn btn-primary" onclick="report_seller_product_send()">Submit Report</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- Modal Job Application --> <div class="modal fade" id="jobRequestModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <div class="row" style="padding:20px;"> <div class="col-sm-12 col-xs-12"> <h3>Apply for The Job</h3> <p class="error" style="color: #f00; display: none; padding-bottom: 8px; text-align: center;"></p> <form class="form-horizontal"> <div class="form-group"> <input id="skype-id" class="form-control" placeholder="Your skype ID." /> </div> </form> <form class="form-horizontal"> <div class="form-group"> <textarea id="message-txt" class="form-control" rows="3" placeholder="Say some thing about why you are good for the job."></textarea> </div> <button type="button" class="btn btn-primary pull-right" onclick="get_message();">Apply</button> </form> </div> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- Modal Job Application --> <div class="modal fade" id="jobCompleteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <div class="row" style="padding:20px;"> <div class="col-sm-12 col-xs-12"> <h3>Submit your work</h3> <p class="error" style="color: #f00; display: none; padding-bottom: 8px; text-align: center;"></p> <form class="form-horizontal"> <input type="hidden" id="application-id" value="0"> <div class="form-group"> <textarea id="work-message-txt" class="form-control" rows="3" placeholder="If your work is done, make sure your employer receives it."></textarea> </div> <button type="button" class="btn btn-primary pull-right" onclick="submit_work_message();">Submit</button> </form> </div> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- Modal Product Groups --><div class="modal fade" id="productGroupModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modalName">Select Product Groups</h4> </div> <div class="modal-body"> <p class="select-all" onclick="$('#productGroupModal .modal-body .product-groups p').addClass('selected'); update_product_groups();">Select All Groups</p> <p class="select-none" onclick="$('#productGroupModal .modal-body p').removeClass('selected'); update_product_groups();">✕</p> <hr style="clear: both;"> <div class="row"> <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();">Adult Products</p> </div> </div> <div class="product-groups"> <div class="row"> <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();">Arts, Crafts & Sewing</p> </div> <!-- <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();"></p> </div> --> </div> <div class="row"> <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();">Automotive & Industrial</p> </div> <!-- <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();"></p> </div> --> </div> <div class="row"> <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();">Beauty & Grooming</p> </div> <!-- <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();"></p> </div> --> </div> <div class="row"> <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();">Cell Phones & Accessories</p> </div> <!-- <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();"></p> </div> --> </div> <div class="row"> <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();">Electronics & Office</p> </div> <!-- <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();"></p> </div> --> </div> <div class="row"> <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();">Health & Household</p> </div> <!-- <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();"></p> </div> --> </div> <div class="row"> <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();">Home & Garden</p> </div> <!-- <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();"></p> </div> --> </div> <div class="row"> <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();">Jewelry</p> </div> <!-- <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();"></p> </div> --> </div> <div class="row"> <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();">Kitchen & Dining</p> </div> <!-- <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();"></p> </div> --> </div> <div class="row"> <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();">Men's Clothing & Shoes</p> </div> <!-- <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();"></p> </div> --> </div> <div class="row"> <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();">Pet Supplies</p> </div> <!-- <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();"></p> </div> --> </div> <div class="row"> <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();">Sports & Outdoors</p> </div> <!-- <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();"></p> </div> --> </div> <div class="row"> <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();">Toys, Kids & Baby</p> </div> <!-- <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();"></p> </div> --> </div> <div class="row"> <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();">Watches</p> </div> <!-- <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();"></p> </div> --> </div> <div class="row"> <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();">Women's Clothing & Shoes</p> </div> <!-- <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();"></p> </div> --> </div> <div class="row"> <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();">Other</p> </div> <!-- <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();"></p> </div> --> </div> <div class="row"> <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();">Adult Products</p> </div> <!-- <div class="col-xs-12 col-sm-6"> <p class="product-group-option " onclick="$(this).toggleClass('selected'); update_product_groups();"></p> </div> --> </div> </div> </div> <div class="modal-footer" style="margin-top:0"> <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --></div><!-- /.modal --> <div class="modal fade" id="Suspend_Sellers" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h8 class="modalName">Suspend</h8> </div> <div class="modal-body"> <div class="row" style="margin-top: 20px;"> <div class="col-xs-12"> <form class="form-horizontal" action="suspend_product.php" method="POST"> <input type="hidden" name="product_id" id="model_id" /> <textarea class="form-control" id="suspend_reason" name="reason" placeholder="Suspend Sellers reason." rows="10"></textarea> <button type="button" class="btn btn-primary" onclick="suspend()" style="margin-top: 10px">Suspend Sellers</button> </form> </div> </div> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <script> // Contact Us $('#contactModal').on('show.bs.modal', function (e) { $('#contactModal .please-wait').hide();}); function contact_email_send() { if ($('#contactModal #contact_email_address').val() == '') { alert('Please fill in your email address.'); return; } if ($('#contactModal #contact_email_body').val() == '') { alert('You forgot to write us a question.'); return; } var contact_email = $('#contactModal #contact_email_address').val(); var contact_name = $('#contactModal #contact_email_name').val(); var contact_body = $('#contactModal #contact_email_body').val(); $('#contactModal .form-group').hide(); $('#contactModal .btn-primary').hide(); $('#contactModal .please-wait').html('<i class="fa fa-spin fa-spinner"></i> Please Wait...').show(); $.ajax({ url: "/send_email.php", method: 'POST', cache: false, data: { body: contact_body + '\r\n\r\nFrom:' + contact_email, from_email: contact_email, from_name: contact_name, to_email: "", //$site_email notHTML: true }, success: function(data) { console.log(data); $('#contactModal .please-wait').html('Message Sent! <br><br> We will get back to you ASAP.'); } }); } // How it works $('#videoModal').on('hidden.bs.modal', function (e) { $('#videoModal iframe').attr('src', '');}); function how_it_works() { $('#videoModal .video-container').html('<iframe src="//www.youtube.com/embed/6nDs6cYhpdE?rel=0&vq=hd720&showinfo=0&modestbranding=1&autohide=1&autoplay=1" frameborder="0" allowfullscreen></iframe>'); $('#videoModal').modal('show');} // Review URL $('#reviewURLModal').on('shown.bs.modal', function () { $('#reviewURLModal #review_url').focus();}); </script> <div id="footer"> <div> <div class="app"> <div>Get Vipon</div> <div> <a href="https://itunes.apple.com/us/app/vipon-amazon-coupon/id1272023223?mt=8" onclick="app_click(1,1,0)" rel="nofollow" class="app-store" target="_blank"> <img src="/images/icon_APP.svg" alt=""> </a> </div> <div> <a href="https://play.google.com/store/apps/details?id=com.vipon" class="app-play" rel="nofollow" onclick="app_click(1,4,0)" target="_blank"> <img src="/images/icon_Google.webp" alt=""> </a> </div> </div> <div class="app"> <div>Get Vipon Lite</div> <div> <a href="https://play.google.com/store/apps/details?id=com.vipon.uniapp" class="app-play" rel="nofollow" onclick="app_click(1,20,0)" target="_blank"> <img src="/images/icon_Google.webp" alt=""> </a> </div> </div> <div> <div><a>About</a></div> <div> <a href="https://www.myvipon.com/about-vipon?ref=menu_aboutvipon" target="_blank">What is Vipon</a> </div> <div><a href="https://help.myvipon.com/" target="_blank" onclick="clickRecord(200)">FAQ</a></div> <div> <a href="https://affiliate.blhltd.com/#/login?redirect=%2Fdashboard" target="_blank" rel="nofollow"> Seller Affiliates </a> </div> </div> <div> <div><a>Vipon Seller</a></div> <a href="https://seller.myvipon.com" target="_blank" class="btn" rel="nofollow">Seller Center</a> <div> <a href="https://seller.myvipon.com/main/index?from=advertising#firstAnchor" target="_blank" rel="nofollow"> Advertising Opportunities </a> </div> </div> <div> <div><a>Contact Us</a></div> <div><a>Shopper: <span class="__cf_email__" data-cfemail="eb989e9b9b84999fab86929d829b8485c5888486">[email protected]</span></a></div> <div><a>Seller: <span class="__cf_email__" data-cfemail="aad9cfd8dcc3c9cfeac7d3dcc3dac5c484c9c5c7">[email protected]</span></a></div> <div><a>Business: <span class="__cf_email__" data-cfemail="6b1b0a191f050e192b06121d021b040545080406">[email protected]</span></a></div> </div> <div> <div><a>Community</a></div> <div> <a href="/deal" rel="nofollow" target="_blank"> Other Deals </a> </div> <div> <a onclick='govshow()' rel="nofollow"> V Show </a> </div> </div> <!-- <div> <div><a>Newsletter</a></div> <div><a href="https://www.myvipon.com/newsletter" target="_blank">Be the first to get the best Amazon deals</a></div> <form action="https://vipon.us10.list-manage.com/subscribe/post?u=6b9aae568164012e59e677c6a&id=238794d600" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <div style="position: absolute; left: -5000px;" aria-hidden="true"> <input type="text" name="b_6b9aae568164012e59e677c6a_238794d600" tabindex="-1" value=""> </div> <div class="send-email"><input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Your Email Address…"><button type="submit"><img src="https://vipon.s3.amazonaws.com/img/1565592e19b5f03249448fb939da2165a59628644e34ba.png" alt=""></button></div> </form> </div> --> </div> <div class="other"> <div> <a href="https://www.facebook.com/groups/196767718347452" target="_blank" onclick="clickRecord(202)" rel="nofollow"> <img src="https://vipon.s3.amazonaws.com/img/3642717de3a38f1369beb3b871a9ef592c550b8f97c187.png" alt=""> </a> </div> <div> <a href="https://www.youtube.com/@MyVipon" target="_blank" rel="nofollow"> <img src="../../../images/youtube_social_circle_red.png" alt="" style="width: 30px;"> </a> </div> <div> <a href="https://www.instagram.com/vipon_deals/" target="_blank" rel="nofollow"> <img src="https://vipon.s3.amazonaws.com/img/725886ef86997ad7088cb581387442974b1e215ead82f2.png" alt=""> </a> </div> <div> <a href="https://www.tiktok.com/@vipon_deals" target="_blank" rel="nofollow"> <img src="https://vipon.s3.amazonaws.com/images/v-tk.webp" alt="" width="30"> </a> </div> </div> <p>©Copyright 2025 Vipon All Right Reserved <span>·</span> <a href="https://www.myvipon.com/privacy-policy" target="_blank">Privacy Policy</a> <span>·</span> <a href="https://www.myvipon.com/terms-of-service" target="_blank">Terms of Service</a> <span>·</span> <a href="/info/personal-info" target="_blank">Do Not Sell My Personal Information</a> </p> <p style='margin-top: 7px;color:rgba(255, 255, 255, 0.6)'> Certain content in this page comes from Amazon. The content is provided as is, and is subject to change or removal at <br> any time. Amazon and the Amazon logo are trademarks of Amazon.com, Inc. or its affiliates. </p></div><!-- 模态框（Modal） --><div class="modal fade" id="feedBack" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="myModalLabel">Feedback</h4> </div> <div class="modal-body"> <form> <div class="form-group"> <label for="feedBackText"><span>*</span><span>Feedback</span></label> <textarea id="feedBackText" placeholder="Problem and Suggestion: Describe your issue using at least 10 characters so that we can help troubleshoot your issue more quickly. If you have any suggestions for this site, you can also let us know here."></textarea> </div> <div class="form-group"> <div class="copy-label"><span></span><span>screenshots (Optional):</span></div> <div style="display: flex"> <div class="imgs"> </div> <div class="img-group"> <label for="imgEx"> <img src="https://vipon.s3.amazonaws.com/img/3060483300cfc0ad8582dd0d8496c79e2601ea886ad30c.svg" alt=""> </label> <input type="file" accept=".jpg,.png" id="imgEx"> </div> </div> </div> <div class="form-group submit-back"> <button class="submit-feed-back" disabled="disabled" data-no="0"><img src="../../../images/waiting-1.gif" style="width: 16px;margin-right: 3px;display: none" alt="">Submit</button> </div> </form> </div> </div><!-- /.modal-content --> </div><!-- /.modal --></div> <!--change domain --> <div class="modal fade" id="change-domain" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static"> <div class="modal-dialog" style="top: 50%;margin-top: -170px;width: 660px;height: 360px;background: #F8F8F8;border-radius: 4px;"> <div class="modal-content"> <div class="modal-body" style="width: 660px;height: 360px;background: #F8F8F8;border-radius: 4px;"> <div style="text-align: center;margin-top: 30px;"><img style="width: 160px;height: 31px;" src="https://vipon.s3.amazonaws.com/img/268511307d0d511cd3a1f4a168e28b9463e41218ea9a66.svg"></div> <div style="text-align: center;margin-top: 40px;"><label style="width: 412px;height: 28px;font-size: 24px;font-family: Roboto-Bold, Roboto;font-weight: bold;color: #333333;line-height: 28px;">Vipon has been updated to a new site!</label></div> <div style="text-align: center;margin-top: 20px;"><label style="width: 400px;height: 40px;font-size: 14px;font-family: Roboto-Regular, Roboto;font-weight: 400;color: #333333;line-height: 20px;">Our new website address is <a href="https://www.myvipon.com" style="color:#4DCAC1">www.myvipon.com</a><br>Please update your Favorites/Bookmark to add our new website.</label></div> <div style="text-align: center;margin-top: 30px;"><button id="jump_to_new_domain" style="width: 100px;height: 32px;background: #4DCAC1;border-radius: 16px;color:white;border:none;">OK</button></div> <div style="text-align: center;margin-top: 14px;"><label style="width: 306px;height: 20px;font-size: 12px;font-family: Roboto-Regular, Roboto;font-weight: 400;color: #999999;line-height: 20px;">You will be re-directed to www.myvipon.com in <label style="color: #4DCAC1" id="mes">5</label> seconds</label></div> </div> </div><!-- /.modal-content --> </div><!-- /.modal --></div> <!-- 上传feedback提示 --><div class="modal fade " id="feedBackTiTitle" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-body"> Thank you for your feedback </div> </div><!-- /.modal-content --> </div><!-- /.modal --></div><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script> var host_name = window.location.hostname ; if(host_name == 'www.vipon.com'){ $(function(){ $('#change-domain').modal('show'); window.onload = function(){ var i = 4; var intervalid; intervalid = setInterval(fun, 1000); function fun() { if (i == 0) { window.location.href="https://www.myvipon.com"; clearInterval(intervalid); } document.getElementById("mes").innerHTML = i; i--; } } $(document).on('click','#jump_to_new_domain',function(){ window.location.href="https://www.myvipon.com"; }); }); } /* * app click * */ function app_click(click,device,is_black_friday=0) { if (is_black_friday == 0) { $.ajax({ url: "/amazon/download", type: 'get', data: { click: click,device:device }, error: function (error) { }, success: function (data) { } }); }else { if (device == 1) { blackFridayTrace(11, 0) }else if (device == 4) { blackFridayTrace(11, 1) } } } //黑五统计 function blackFridayTrace(stat_type, btn_code) { $.ajax({ url:"/api/black-friday/trace", type:'post', dataType:'json', data:{ stat_type: stat_type, btn_code: btn_code, }, success:function (data) { }, error:function (err) { } }); } function getImgSizeLeft(arrayElement) { let width = parseInt($(arrayElement).css('width')); let height = parseInt($(arrayElement).css('height')); if(width>0&&height>0){ if(width/height>=1){ $(arrayElement).css({ 'height':'100%', 'width':'auto' }); width = parseInt($(arrayElement).css('width')); height = parseInt($(arrayElement).css('height')); $(arrayElement).css({ 'left':'-'+(width-parseInt($(arrayElement).parent().width()))/2+'px', top:0 }) }else{ $(arrayElement).css({ 'width':'100%', 'height':'auto', }) width = parseInt($(arrayElement).css('width')); height = parseInt($(arrayElement).css('height')); $(arrayElement).css({ 'top': '-' + (height - parseInt($(arrayElement).parent().height())) / 2 + 'px', left: 0 }) } } } function govshow(){ window.open('/vshow/list'); $.ajax({ url:"/main/click-record", type:'post', dataType:'json', data:{ btn_code: 108, }, }); } </script><script src="/js/lazyload-product.js?v=20250530"></script><script> $("#elevator").click(function () { $("html,body").animate({scrollTop: 0}, 500); }); $(".qr").hover(function () { $(".qr-popup").show(); }, function () { $(".qr-popup").hide(); }); //遮罩层 var heiht = $(window).height(); $(".back_drop").height(heiht); function checkAndriodIos() { if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { $(".back_drop").show(); $(".get_method img").attr("src", "/images/apple_app.png"); } else if (/(Android)/i.test(navigator.userAgent)) { $(".back_drop").show(); $(".get_method img").attr("src", "/images/google_app.png"); } else { localStorage.removeItem("appDownload"); } } if (!localStorage["appDownload"]) { checkAndriodIos(); $(".get_method").on("click", function () { if ($(this).children().attr("src") == "/images/apple_app.png") { window.location.href = "https://itunes.apple.com/us/app/vipon-amazon-coupon/id1272023223?mt=8"; } else { window.location.href = "https://play.google.com/store/apps/details?id=com.vipon"; } }); $(".icon-clear").on("click", function () { $(".back_drop").hide(); }); window.localStorage.setItem("appDownload", "true"); } //评论图片点击function commentImg(){ $('.btn-list a').unbind(); $('.btn-list a').on('click',function (e) { e.preventDefault(); // $('#showImg img').attr('src',$(this).find('img').attr('src')); let imgs = JSON.parse($(this).attr('data-imgs')); let index = $(this).attr('data-index'); let html = `<div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators">`; /* html+=`<li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li>`;*/ html+=`</ol> <div class="carousel-inner">`; for(let i=0;i<imgs.length;i++){ if(i==index){ html+=`<div class="item active"> <div> <img src="${imgs[i]}" alt="First slide"> </div> </div>`; }else{ html+=`<div class="item"> <div> <img src="${imgs[i]}" alt="First slide"> </div> </div>`; } } html+=`</div> <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> </a> </div>` $('#showImg .modal-content').html(html); $("#myCarousel").carousel('pause'); document.onkeydown=function(e){ //键盘按下事件绑定 var e=window.event||e; switch(e.keyCode){ case 37: //左 $("#myCarousel").carousel('prev'); break; case 39: //右 $("#myCarousel").carousel('next'); break; } } $('#showImg').modal('show'); }) } function titleModel(close,time=3000) { $('#favoritesTitle').modal('show'); if(close){ var timer = setTimeout(function () { $('#favoritesTitle').modal('hide'); $('#favoritesTitle .modal-body>div').css('display','none'); clearTimeout(timer); },time) }else{ $('#favoritesTitle').on('hidden.bs.modal', function() { $('#favoritesTitle .modal-body>div').css('display','none'); }) } } //积分弹窗 $('#detail-money').on('click', function (e) { e.preventDefault(); $('#showIntegral').modal('show'); }) function showDisabledComment(){ $('#disabledComment').modal('show'); let timer = setTimeout(function () { clearTimeout(timer); $('#disabledComment').modal('hide'); },3000) } $('.comment-icon-top').on('click',function () { let top = parseInt($('#comment')[0].offsetTop)-30-parseInt($('body').css('padding-top')); $("html,body").animate({"scrollTop": top}, 300); }) //分页 function getPageHtml(newPage,totalPage){ var html=''; if(newPage==1){ html+='<li><a href="javascript:;" class="noClick" data-totalPage="'+totalPage+'">Previous</a></li>'; }else{ html+='<li><a href="javascript:;" data-totalPage="'+totalPage+'">Previous</a></li>'; } if(totalPage==1){ html+='<li class="active"><a href="javascript:;" class="noClick" data-totalPage="'+totalPage+'">1</a></li>'; html+='<li><a href="javascript:;" class="noClick" data-totalPage="'+totalPage+'">Next</a></li>'; }else if(totalPage<=5){ for(var i=0;i<totalPage;i++){ if(parseInt(newPage)==(i+1)){ html+='<li class="active"><a href="javascript:;" class="noClick" data-totalPage="'+totalPage+'">'+(i+1)+'</a></li>'; }else{ html+='<li><a href="javascript:;" data-totalPage="'+totalPage+'">'+(i+1)+'</a></li>'; } } if(newPage<totalPage){ html+='<li><a href="javascript:;" data-totalPage="'+totalPage+'">Next</a></li>'; }else{ html+='<li><a href="javascript:;" class="noClick" data-totalPage="'+totalPage+'">Next</a></li>'; } }else{ if(newPage<4){ for (var i=0;i<4;i++){ if(parseInt(newPage)==(i+1)){ html+='<li class="active"><a href="javascript:;" class="noClick" data-totalPage="'+totalPage+'">'+(i+1)+'</a></li>'; }else{ html+='<li><a href="javascript:;" data-totalPage="'+totalPage+'">'+(i+1)+'</a></li>'; } } html+='<li><a href="javascript:;" class="noClick">...</a></li><li><a href="javascript:;">'+totalPage+'</a></li>'; html+='<li><a href="javascript:;" data-totalPage="'+totalPage+'">Next</a></li>'; }else{ if((parseInt(newPage)+1)==totalPage||parseInt(newPage)==parseInt(totalPage)){ html+='<li><a href="javascript:;" data-totalPage="'+totalPage+'">1</a></li>'; html+='<li><a href="javascript:;" class="noClick">...</a></li>'; html+='<li><a href="javascript:;" data-totalPage="'+totalPage+'">'+(parseInt(totalPage)-2)+'</a></li>'; if((parseInt(newPage)+1)==totalPage){ html+='<li class="active"><a href="javascript:;" class="noClick" data-totalPage="'+totalPage+'">'+(parseInt(totalPage)-1)+'</a></li>'; }else{ html+='<li><a href="javascript:;" data-totalPage="'+totalPage+'">'+(parseInt(totalPage)-1)+'</a></li>'; } if(parseInt(newPage)==parseInt(totalPage)){ html+='<li class="active"><a href="javascript:;" class="noClick" data-totalPage="'+totalPage+'">'+parseInt(totalPage)+'</a></li>'; html+='<li><a href="javascript:;" class="noClick" data-totalPage="'+totalPage+'">Next</a></li>'; }else{ html+='<li><a href="javascript:;" data-totalPage="'+totalPage+'">Next</a></li>'; html+='<li><a href="javascript:;" data-totalPage="'+totalPage+'">'+parseInt(totalPage)+'</a></li>'; } }else{ html+='<li><a href="javascript:;" data-totalPage="'+totalPage+'">1</a></li>'; html+='<li><a href="javascript:;" class="noClick">...</a></li>'; html+='<li><a href="javascript:;" data-totalPage="'+totalPage+'">'+(parseInt(newPage)-1)+'</a></li>'; html+='<li class="active"><a href="javascript:;" class="noClick" data-totalPage="'+totalPage+'">'+newPage+'</a></li>'; html+='<li><a href="javascript:;" data-totalPage="'+totalPage+'">'+(parseInt(newPage)+1)+'</a></li>'; html+='<li><a href="javascript:;" class="noClick">...</a></li>'; html+='<li><a href="javascript:;" data-totalPage="'+totalPage+'">Next</a></li>'; html+='<li><a href="javascript:;" data-totalPage="'+totalPage+'">'+totalPage+'</a></li>'; } } } html+='<li><input type="text"> <a href="javascript:;" data-totalPage="'+totalPage+'">GO</a></li>'; return html; } //分页点击 function pageClick(func,comment_id,dom,isload) { $('.page-list a').unbind(); $('.page-list .noClick').on('click',function (e) { e.preventDefault(); }) $('.page-list a:not(.noClick)').on('click',function (e) { e.preventDefault(); var html=$(this).html(); var totalPage = $(this).attr('data-totalPage'); var nowPage=''; switch (html) { case 'First': nowPage=1; break; case 'Previous': nowPage = parseInt($(this).parent().parent().find('.active').find('a').html())-1; if(nowPage<=0) return; break; case 'Next': nowPage = parseInt($(this).parent().parent().find('.active').find('a').html())+1; if(nowPage>totalPage) return; break; case 'Last': nowPage=totalPage; break; case 'GO': nowPage=$(this).prev().val(); break; default: nowPage=html; } if($(this).closest('ul').attr('data-fun')=='getReply'){ getReply($(this).closest('ul').attr('data-comment'),nowPage,$(this).closest('ul').attr('data-dom'),$(this).closest('ul').attr('data-replyNum'),1,1); }else{ getComments(nowPage); } }) } let number=0; //添加上传图片 function addImgUp(){ $('.add-img').unbind(); $('.add-img').on('change',function () { let newThis=$(this); let reads= new FileReader(); let fileImg=newThis[0].files[0]; if(!fileImg) return; let name = fileImg.name; let fileName=name.substring(name.lastIndexOf(".")+1).toLowerCase(); if(fileName!='jpg'&&fileName!='png'&&fileName!='jpeg'){ $('#favoritesTitle .img-replace').css('display','block'); titleModel(true); return; } if(fileImg.size/1024/1024>1){ $('#favoritesTitle .img-small').css('display','block'); titleModel(true); return; } reads.readAsDataURL(fileImg); reads.onload=function (e) { // document.getElementById('show').src=this.result; newThis.parent().find('img').attr('src',this.result) newThis.parent().find('label').css('display','none'); newThis.parent().find('.delect-img').css('display','block'); if(newThis.parent().parent().find('.updata-img').length>=4) return; let html = getUpimg(); newThis.parent().parent().append(html); addImgUp(); delectImg(); }; }) } //插入添加上传图片的代码字符串 function getUpimg(){ let html="<div class=\"updata-img input-img\">" + "<label for='addImgUp"+number+"'><span></span></label>" + "<input type=\"file\" id='addImgUp"+number+"' accept=\".jpg,.png\" class=\"add-img\">" + "<img src='' alt=\"\">" + "<div class=\"now-updata\" style=\"display: none;\">" + "<span class=\"percentage\">78%</span>" + "<span>uploading</span>" + "</div>" + "<a href=\"javascript:;\" class=\"delect-img\"><span></span></a>" + "</div>" number++; return html; } //删除上传的图片 function delectImg(){ $('.delect-img').unbind(); $('.delect-img').on('click',function (e) { e.preventDefault(); let upImgLength = $(this).parent().parent(); $(this).parent().remove(); upImgLength = upImgLength.find('.updata-img'); if(upImgLength.length<4&&$(upImgLength[upImgLength.length-1]).find('img').attr('src')!=''){ upImgLength.parent().append(getUpimg()); } }) } delectImg(); /* * @value isJump 是否需要跳转 1需要，0不需要 * @value commentId 需要跳转的评论的id * @value commentPage 需要跳转的评论的页数 * @value replyPage 需要跳转的回复的页数 * @value replyId 需要跳转的回复的id * @value ajaxNumber 记录ajax的数量 * @goToComment 是跳转评论还是回复 0回复 1评论 * 是否需要跳转及需要跳转的参数 * getId（） 获取需要的数据 * goTo（） 跳转到制定位置 * */ var goJump={ isJump:1, commentPage:0, commentId:0, replyId:0, replyPage:0, goToComment:5, ajaxNumber:0, getId:function () { var url = window.location.href; if(url.indexOf('?')>0&&url.indexOf('commentID')>0){ url = url.split('?')[1]; url = url.split('&'); for(var i=0;i<url.length;i++){ var urlArray = url[i].split('='); switch (urlArray[0]) { case 'commentID': this.commentId = urlArray[1]; break; case 'commentPage': this.commentPage = urlArray[1]; break; case 'commentReplyID': this.replyId = urlArray[1]; break; case 'commentReplyPage': this.replyPage = urlArray[1]; break; case 'goToComment': this.goToComment = urlArray[1]; break; } } }else{ this.isJump=0; } }, goTo:function () { let timer = setInterval(function () { if(this.goToComment==0){ if($('#commentReplykey'+this.replyId).parent().parent().length>0){ clearInterval(timer); let top = parseInt($('#commentReplykey'+this.replyId).parent().parent()[0].offsetTop)-60-parseInt($('#commentReplykey'+this.replyId).parent().parent().css('height')); $("html,body").animate({"scrollTop": top}, 300); this.isJump=0; } }else{ if($('#key'+this.commentId).length>0){ clearInterval(timer); let top = parseInt($('#key'+this.commentId)[0].offsetTop)-60-parseInt($('#key'+this.commentId).css('height')); $("html,body").animate({"scrollTop": top}, 300); this.isJump=0; } } }.bind(this),200) } } goJump.getId(); /* * @value data数据 数组 * @value address 需要插入的地方 * @value featured 是否是推荐的评论 0不是 1是 * @value page 当前页数 * @value totalPage 总页数 * @value jump 是否需要滚动到最新一条评论 * 处理评论的数据 * * */ function handleData(data,address,featured,page,totalPage,jump) { let html=''; for(let i=0;i<data.length;i++){ html+=commentHtml(data[i],i); } if(featured==0){ html+="<ul class=\"list-unstyled page-list\" data-fun='getComments'>"; html+=getPageHtml(parseInt(page),parseInt(totalPage)); html+="</ul>"; } address.html(html); bindEvent(); let timer = setInterval(function () { if(address.find('.comment-deals').length>0){ clearInterval(timer); if(jump){ let top = parseInt($('.comments-list>.comment-deals')[0].offsetTop)-60-parseInt($('body').css('padding-top')); $("html,body").animate({"scrollTop": top}, 300); } bindEvent(); } },200); } /* * @value data数据 数组 * @value dom 需要插入的地方 * @value isload 是否加载过二级评论 0不是 1是 * @value page 当前页数 * @value totalPage 总页数 * @value jump 是否需要滚动到最新一条评论 * @value comment_id 当前评论的id * @value first 跳转到第一条 1跳转到第一条 0不用 * 处理回复的数据 * * */ function handReplyData(data,dom,isload,totalPage,page,comment_id,reply_num,first,jump) { let html=''; if($('#'+dom).find('.child').length<=0){ html += " <div class=\"child featured-comments\" >\n" } for(let i=0;i<data.length;i++){ html += commentChildrenHtml(data[i],dom,comment_id,reply_num); } if(totalPage>1){ html+="<ul class=\"list-unstyled page-list\" data-fun='getReply' data-comment='"+comment_id+"' data-dom='"+dom+"' data-replyNum='"+reply_num+"'>"; html+=getPageHtml(parseInt(page),parseInt(totalPage)); html+="</ul>"; } if($('#'+dom).find('.child').length<=0){ html +=" </div>"; $('#'+dom).find('.comment-deals-text').append(html); }else{ $('#'+dom).find('.child').html(html); } let timer1 = setTimeout(()=>{ clearTimeout(timer1); bindEvent(); },300) let timer = setInterval(function () { if($('#'+dom).find('.child').find('.comment-deals').length>0){ clearInterval(timer); if(jump){ let top if(first&&first==1){ top = parseInt($('#'+dom).find('.child').find('.comment-deals')[0].offsetTop)-60-parseInt($('body').css('padding-top')); }else{ top = parseInt($('#'+dom).find('.child').find('.comment-deals')[$('#'+dom).find('.child').find('.comment-deals').length-1].offsetTop)-parseInt($('body').css('padding-top'))-parseInt($($('#'+dom).find('.child').find('.comment-deals')[$('#'+dom).find('.child').find('.comment-deals').length-1]).css('height')); } $("html,body").animate({"scrollTop": top}, 300); } if(totalPage>1) { pageClick(); } bindEvent(); } },200) } //管理员删除评论或者活肤 function delectComment(){ $('.comment-deals .data-time .time-delete .btn.btn-primary').unbind(); $('.comment-deals .data-time .time-delete .btn.btn-primary').on('click',function () { let url=''; let data={}; if($(this).attr('data-reply')){ url = "/comment/del-second"; data.id=$(this).attr('data-reply'); data.source=3; }else if($(this).attr('data-comment')){ url = "/comment/del"; data.id=$(this).attr('data-comment'); data.source=3; } $.ajax({ url:url, type:'get', data:data, success:function (data) { alert(data.msg); if(data.code==200){ window.location.reload(); } }, error:function (err) { } }) }) } //禁言 function bannedUser(){ $('.comment-deals .data-time .time-delete .banned').unbind(); $('.comment-deals .data-time .time-delete .banned').on('click',function () { let data={ id:$(this).attr('data-comment'), type:2 }; data.id=$(this).attr('data-comment'); $.ajax({ url:"/comment/forbidden", type:'get', data:data, success:function (data) { alert(data.msg); if(data.code==200){ window.location.reload(); } }, error:function (err) { } }) }) } //点赞功能 function addThumb(){ $('.thumb').unbind(); $('.thumb.no-click-thumb').on('click',function (e) { e.preventDefault(); window.location.href='/login'; }); $('.thumb:not(.no-click-thumb)').on('click',function (e) { e.preventDefault(); window.location.href='/login'; return; let nowDom = $(this); nowDom.attr('disabled','disabled'); let data = { reviewer_id:-1, reply_id:$(this).attr('data-replyId'), reply_type:$(this).attr('data-replytype'), thumb_type:$(this).attr('data-thumbtype') }; $.ajax({ url:"/comment-thumb/add-thumb", type:'post', data:data, success:function (data) { nowDom.removeAttr('disabled'); if(data.code==200){ $(nowDom.find('span')[1]).html(parseInt($(nowDom.find('span')[1]).html())+1); nowDom.find('span').css('color','#3FC5CB'); }else if(data.code==201){ $('#favoritesTitle .thumb-title').css('display','block'); $('#favoritesTitle .thumb-title').html(data.msg); titleModel(true); } }, error:function (err) { nowDom.removeAttr('disabled'); } }) }); } //评论 $('.reply .reply-comnect .div-input').focus(function(){ $(this).removeClass('red_border'); $('#commment-result').html('').css('marginBottom','0'); }) $('.input-emoji>.comment-now').on('click',function () { if($.trim($(this).parent().parent().parent().find('.div-input').val())=='') { $('#favoritesTitle .thumb-title').css('display','block'); $('#favoritesTitle .thumb-title').html('Please enter your comments'); titleModel(true); return; } // if($.trim($(this).parent().parent().parent().find('.div-input').val()).length<2) { // $('#favoritesTitle .thumb-title').css('display','block'); // $('#favoritesTitle .thumb-title').html('Please enter more than 2 characters'); // titleModel(true); // return; // }; if($.trim($(this).parent().parent().parent().find('.div-input').val()).length<20){ $(this).parent().parent().parent().find('.div-input').addClass('red_border'); $('#commment-result').html('The content should be no less than 20 characters.').css('marginBottom','15px'); return; }else{ $(this).parent().parent().parent().find('.div-input').removeClass('red_border'); $('#commment-result').html('').css('marginBottom','0'); } if($.trim($(this).parent().parent().parent().find('.div-input').val()).length>500) { $('#favoritesTitle .thumb-title').css('display','block'); $('#favoritesTitle .thumb-title').html('Sorry, you can enter up to 500 characters.'); titleModel(true); return; }; $(this).attr('disabled','disabled'); $('#loading').css('display','flex'); let now = $(this) let imgNumber = $(this).parent().parent().find('.updata-img'); let data={ reviewer_id:-1, product_id:'1593951', content:$(this).parent().parent().parent().find('.div-input').val(), nickname:'', thumb_img:'', topic_type:3, domain:'www.amazon.com', }; for(let i=0;i<imgNumber.length;i++){ if($(imgNumber[i]).find('img').attr('src')!=''){ data['imgJson'+(i+1)] = $(imgNumber[i]).find('input')[0].files[0]; } } let formData = new FormData(); for (var key in data){ formData.append(key, data[key]); } fetch("/comment/add-comment", { method: "POST", header: { 'Content-Type': 'multipart/form-data', }, body: formData }) .then(respones => respones.json()) .then(data => { now.removeAttr("disabled"); $('#loading').css('display',''); if(data.code==200){ if(data.commentIntegral!=0){ $('#favoritesTitle .thumb-title').css('display','block'); // $('#favoritesTitle .thumb-title').html('Leave Comment <br> <span style="font-size: 16px;color: #3FC5CB;">'+"+"+data.commentIntegral+'</span> points'); $('#favoritesTitle .thumb-title').html('Thank you for your comment!'); titleModel(true); }else{ $('#favoritesTitle .thumb-title').css('display','block'); $('#favoritesTitle .thumb-title').html('Thank you for your comment!'); titleModel(true); } now.parent().parent().parent().find('.div-input').val(''); now.parent().parent().find('.input-img-list').html(getUpimg()); if($('#comments').css('display')=='none'){ $('#comments').css('display','block'); } handleData(data.data,$('.comments-list'),0,data.page,data.pageCount,1); $('.comment-number').html(parseInt($('.comment-number').html())+1) }else if(data.code==403){ $('#favoritesTitle .thumb-title').css('display','block'); $('#favoritesTitle .thumb-title').html(data.msg); titleModel(true); } }) .catch(error => { }) }) //获取评论数据 function getComments(page) { let newPage=page?page:1; let data={ product_id:'1593951', page:newPage, topic_type:3 } $.ajax({ url:"/comment/list-comment", type:'post', dataType:'json', data:data, success:function (data) { if(data.code==200){ if(data.data.length>0){ $('#comments').css('display','block'); handleData(data.data,$('.comments-list'),0,data.page,data.pageCount); } } }, error:function (err) { } }) } if(goJump.isJump==1&&goJump.commentPage!=0){//判断是否需要跳到指定位置 getComments(goJump.commentPage); }else{ getComments(); } /* * @value comment_id 当前评论的id * page 当前页数 * dom 是那一条评论的回复 * isload 是否加载过回复 0未加载 1加载 * upPage 从页面加载 1加载 * 获取回复的数据 * * */ function getReply(comment_id,page,dom,isload,upPage,reply_num) {//value.comment_id,1,'key'+value.comment_id,0,value.reply_num let newPage = page?page:1 let data={ product_id:'1593951', page:newPage, comment_id:comment_id } $.ajax({ url:"/comment-reply/list-comment-reply", type:'post', dataType:'json', data:data, success:function (data) { if(data.code==200){ if(upPage==1){ handReplyData(data.data,dom,isload,data.pageCount,data.page,comment_id,reply_num,1,1); }else{ handReplyData(data.data,dom,isload,data.pageCount,data.page,comment_id,reply_num); } } }, error:function (err) { } }) } //关闭其余的输入框 function closeborder() { $('.reply-deals a').unbind(); $('.reply-deals a').on('click',function (e) { e.preventDefault(); window.location.href='/login'; return; let notDom = $(this).attr('href'); $('.panel-collapse:not('+notDom+')').collapse('hide'); }) } //需要重新绑定的事件 function bindEvent() { closeborder(); addImgUp(); replyMsg(); delectImg(); addThumb(); pageClick(); $('.panel-collapse').collapse('hide'); commentImg(); $("img.lazy").lazyload({effect: "fadeIn"}); delectComment(); bannedUser(); } $(function () { bindEvent(); //getImgSize($('.reply .head-img img')[0]); }) //回复消息 function replyMsg(){ $('.comment-reply').unbind(); $('.comment-reply').on('click',function (e) { e.preventDefault(); if($(this).parent().parent().parent().find('.div-input').val()=='') { $('#favoritesTitle .thumb-title').css('display','block'); $('#favoritesTitle .thumb-title').html('Please enter your comments '); titleModel(true); return; }; if($(this).parent().parent().parent().find('.div-input').val().length<20) { $('#favoritesTitle .thumb-title').css('display','block'); $('#favoritesTitle .thumb-title').html('Please enter more than 20 characters'); titleModel(true); return; }; if($(this).parent().parent().parent().find('.div-input').val().length>500) { $('#favoritesTitle .thumb-title').css('display','block'); $('#favoritesTitle .thumb-title').html('Sorry, you can enter up to 500 characters.'); titleModel(true); return; }; $(this).attr('disabled','disabled'); $('#loading').css('display','flex'); let now = $(this); let data={ reviewer_id:-1, from_uid:-1, from_nickname:'', from_thumb_img:'', to_uid:$(this).attr('data-id'), to_nickname:$(this).attr('data-name'), comment_id:$(this).attr('data-comment'), product_id:'1593951', content:$(this).parent().parent().parent().find('.div-input').val(), reply_num:$(this).attr('data-replynum'), topic_type:3, domain:'www.amazon.com', reply_id:$(this).attr('data-replyId') }; let imgNumber = $(this).parent().parent().find('.updata-img'); for(let i=0;i<imgNumber.length;i++){ if($(imgNumber[i]).find('img').attr('src')!=''){ data['imgJson'+(i+1)] = $(imgNumber[i]).find('input')[0].files[0]; } } if($(this).attr("data-reply")){ data.to_content=$(this).closest(".comment-deals-text").find('p').html(); } let formData = new FormData(); for (var key in data){ formData.append(key, data[key]); } fetch("/comment-reply/add-comment-reply", { method: "POST", header: { 'Content-Type': 'multipart/form-data', }, body: formData }) .then(respones => respones.json()) .then(data => { now.removeAttr("disabled"); $('#loading').css('display',''); if(data.code==200){ now.parent().parent().parent().find('.div-input').val(''); now.parent().parent().find('.input-img-list').html(getUpimg()); if(data.commentReplyIntegral!=0){ $('#favoritesTitle .thumb-title').css('display','block'); // $('#favoritesTitle .thumb-title').html('Leave Comment <br> <span style="font-size: 16px;color: #3FC5CB;">'+'+'+data.commentReplyIntegral+'</span> points'); $('#favoritesTitle .thumb-title').html('Thank you for your comment!'); titleModel(true); }else{ $('#favoritesTitle .thumb-title').css('display','block'); $('#favoritesTitle .thumb-title').html('Thank you for your comment!'); titleModel(true); } if($('#comments').css('display')=='none'){ $('#comments').css('display','block'); } handReplyData(data.data,now.attr('data-dom'),now.attr('data-isload'),data.pageCount,data.page,now.attr('data-comment'),$(this).attr('data-replynum'),0,1) $('.comment-number').html(parseInt($('.comment-number').html())+1); }else if(data.code==403){ $('#favoritesTitle .thumb-title').css('display','block'); $('#favoritesTitle .thumb-title').html(data.msg); titleModel(true); } }) .catch(error => { now.removeAttr("disabled"); $('#loading').css('display',''); }) }) } function commentHtml(value) { let isroad=0; if(value.reply_num>0){ if(goJump.isJump==1&&goJump.commentId==value.comment_id){ getReply(value.comment_id,goJump.replyPage,'key'+value.comment_id,0,0,value.reply_num); }else{ getReply(value.comment_id,1,'key'+value.comment_id,0,0,value.reply_num); } isroad=1; } if(goJump.isJump==1&&goJump.commentId==value.comment_id){ goJump.goTo(); } let html=''; html+="<div class=\"comment-deals\" id='key"+value.comment_id+"'>" + " <div style='position: relative'>" ; if(value.is_v==1){ html+="<img class='left-v' src='https://vipon.s3.amazonaws.com/img/5432644b7b0b2a66a36d9bff91cbd056b2eb9dbed4bcc2.svg' />" } html+="<div class=\"head-img\">" + " <img class=\"lazy\" data-original='" ; if(value.thumb_img!=''){ html+=value.thumb_img; }else{ html+="https://vipon.s3.amazonaws.com/img/97358637f28c0e9c7c45a2851e790ea7a858d1994a7803.png"; } html+= "' onload='getImgSize(this)'>" + " </div></div>\n" + " <div class=\"comment-deals-text\">\n" + " <div class=\"data-time\">\n" + " <div>\n" + " <div class=\"name\">" +value.nickname; html += "</div>\n" + " <!--<div class=\"date\">\n" + " <span class=\"icon\"></span>\n" + " <span>Joined Sep 2012</span>\n" + " </div>-->\n" + " </div>\n" + " <div class=\"time-delete\">" + " <div class=\"time\">"+value.create_time+"</div>\n" + "</div>\n" + " </div>\n" + " <p>"+value.content+"</p>\n" + " <div class=\"btn-img-list\">\n" + " <div class=\"btn-list\">\n" ; let imgArray=JSON.parse(value.content_img); if(imgArray[0]&&imgArray.length>0){ for(let i=0;i<imgArray.length;i++){ html+="<div><a href='javascript:;' class='center-img' data-imgs='"+value.content_img+"' data-index='"+i+"'><img class=\"lazy\" data-original='"+imgArray[i]+"' onload='getImgSize(this)' alt=\"\"></a></div>" ; } } html+= "</div>\n" + " <ul class=\"list-unstyled\">\n" + " <!--<li class=\"report-deals\">\n" + " <a href=\"javascript:;\">\n" + " <span class=\"report-icon\"></span>\n" + " <span>report</span>\n" + " </a>\n" + " </li>-->\n" + " <li class=\"reply-deals\">\n" + " <a href=\"/login\" >\n" + " <span class=\"reply-deals-icon\"></span>\n" + " <span>reply</span>\n" + " </a>\n" + " </li>\n" ; if(value.thumb_type==0){ html+= "<li class=\"thumbs-up\">\n" + " <button class='thumb' data-replyId='"+value.comment_id+"' data-replyType='1' data-thumbType='1'>\n" + " <span style=\"color:#39393a;text-decoration: none;font-size:15px;\" class=\"glyphicon glyphicon-thumbs-up\" id=\"thumbs-up-tips\" aria-hidden=\"true\"></span>\n" + " <span>"+value.like_num+"</span>\n" + " </button>\n" + " </li>\n" + " <li class=\"thumbs-down\">\n" + " <button class='thumb' data-replyId='"+value.comment_id+"' data-replyType='1' data-thumbType='2'>\n" + " <span style=\"color:#39393a;text-decoration: none;font-size:15px;\" class=\"glyphicon glyphicon-thumbs-down\" id=\"thumbs-down-tips\" aria-hidden=\"true\"></span>\n" + " <span>"+value.down_num+"</span>\n" + " </button>\n" + " </li>\n" ; }else if(value.thumb_type==1){ html+= "<li class=\"thumbs-up\">\n" + " <button class='thumb no-click-thumb' style='color:#3FC5CB;' data-replyId='"+value.comment_id+"' data-replyType='1' data-thumbType='1'>\n" + " <span style=\"text-decoration: none;font-size:15px;\" class=\"glyphicon glyphicon-thumbs-up\" id=\"thumbs-up-tips\" aria-hidden=\"true\"></span>\n" + " <span>"+value.like_num+"</span>\n" + " </button>\n" + " </li>\n" + " <li class=\"thumbs-down\">\n" + " <button class='thumb no-click-thumb' data-replyId='"+value.comment_id+"' data-replyType='1' data-thumbType='2'>\n" + " <span style=\"color:#39393a;text-decoration: none;font-size:15px;\" class=\"glyphicon glyphicon-thumbs-down\" id=\"thumbs-down-tips\" aria-hidden=\"true\"></span>\n" + " <span>"+value.down_num+"</span>\n" + " </button>\n" + " </li>\n" ; }else if(value.thumb_type==2){ html+= "<li class=\"thumbs-up\">\n" + " <button class='thumb no-click-thumb' data-replyId='"+value.comment_id+"' data-replyType='1' data-thumbType='1'>\n" + " <span style=\"color:#39393a;text-decoration: none;font-size:15px;\" class=\"glyphicon glyphicon-thumbs-up\" id=\"thumbs-up-tips\" aria-hidden=\"true\"></span>\n" + " <span>"+value.like_num+"</span>\n" + " </button>\n" + " </li>\n" + " <li class=\"thumbs-down\">\n" + " <button class='thumb no-click-thumb' style='color:#3FC5CB;' data-replyId='"+value.comment_id+"' data-replyType='1' data-thumbType='2'>\n" + " <span style=\"color:#3FC5CB;text-decoration: none;font-size:15px;\" class=\"glyphicon glyphicon-thumbs-down\" id=\"thumbs-down-tips\" aria-hidden=\"true\"></span>\n" + " <span>"+value.down_num+"</span>\n" + " </button>\n" + " </li>\n" ; } html+=" </ul>\n" + " </div>\n" + " <div id=\"featuredComment"+value.comment_id+"\" class=\"panel-collapse collapse\">\n" + " <div class=\"reply\">\n" + " <div class=\"reply-comnect\">\n" + " <textarea class=\"div-input\"></textarea>\n" + " <div class=\"input-img-emoji\">\n" + "<div class=\"input-img-list\">"+ "<div class=\"updata-img input-img\">\n" + " <label for=\"input-img"+value.comment_id+"\"><span></span></label>\n" + " <input type=\"file\" id=\"input-img"+value.comment_id+"\" accept=\".jpg,.png\" class=\"add-img\">\n" + " <img src=\"\" alt=\"\">\n" + " <div class=\"now-updata\" style=\"display: none;\">\n" + " <span class=\"percentage\">78%</span>\n" + " <span>uploading</span>\n" + " </div>\n" + " <a href=\"javascript:;\" class=\"delect-img\"><span></span></a>\n" + " </div>"+ "</div>\n" + " <div class=\"input-emoji\">\n" + " <!-- <div class=\"input-emoji-down\">\n" + " <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\" aria-expanded=\"false\"><span class=\"emoji\"></span></a>\n" + " <div class=\"dropdown-menu\">7897987</div>\n" + " </div>-->\n" + " <button class=\"btn comment-reply\" data-dom='key"+value.comment_id+"' data-replynum='"+value.reply_num+"'data-isload='"+isroad+"' data-comment='"+value.comment_id+"' data-id='"+value.from_uid+"' data-name='"+value.nickname+"'>Reply</button>\n" + " </div>\n" + " </div>\n" + " </div>\n" + " </div>\n" + " </div>\n" + " \n" + " </div>\n" + " </div>" return html; } function commentChildrenHtml(value,dom,comment_id,reply_num) { html= "<div class=\"comment-deals\">" + "<div style='position:relative;'>\n" ; if(value.is_v==1){ html+="<img class='left-v' src='https://vipon.s3.amazonaws.com/img/5432644b7b0b2a66a36d9bff91cbd056b2eb9dbed4bcc2.svg' />" } html += " <div class=\"head-img\">\n" + " <img class=\"lazy\" data-original=\"" ; if(value.from_thumb_img!=''){ html +=value.from_thumb_img; }else{ html+="https://vipon.s3.amazonaws.com/img/97358637f28c0e9c7c45a2851e790ea7a858d1994a7803.png"; } html += "\" onload='getImgSize(this)' alt=\"\">\n" + " </div></div>\n" + " <div class=\"comment-deals-text\">\n" + " <div class=\"data-time\">\n" + " <div>\n" ; if('1696596'==value.from_uid){ html +=" <div class=\"reply\"><img style='margin: 0' src='https://vipon.s3.amazonaws.com/img/732080e658c6f1f63edee09a3834b16a40e2356cad10ea.svg'/>"; }else{ html +=" <div class=\"reply\">"+value.from_nickname; } if(value.is_from_admin==1){ html += "<img src='/images/main/btn_vipon_editor.png'/>"; } if(value.is_from_admin==3){ html += "<img src='https://vipon.s3.amazonaws.com/img/464004f67bc4ce6eb5846ce2f1718e1b6c956ad79ee64f.svg'/>"; } html += "</div>\n" + " <div class=\"text\">reply</div>\n" ; if('1696596'==value.to_uid){ html += " <div class=\"replyed\"><img style='margin: 0' src='https://vipon.s3.amazonaws.com/img/732080e658c6f1f63edee09a3834b16a40e2356cad10ea.svg'/>"; }else{ html += " <div class=\"replyed\">"+value.to_nickname; } if(value.is_to_admin==1){ html += "<img src='/images/main/btn_vipon_editor.png'/>"; } if(value.is_to_admin==3){ html += "<img src='https://vipon.s3.amazonaws.com/img/464004f67bc4ce6eb5846ce2f1718e1b6c956ad79ee64f.svg'/>"; } html +="</div>\n" + " </div>\n" + " <div class=\"time-delete\">" + " <div class=\"time\">"+value.create_time+"</div>\n" + "</div>\n" + " </div>\n" + " <p>"+value.content+"</p>\n" + " <div class=\"btn-img-list\">\n" + " <div class=\"btn-list\">\n" ; let imgArray = JSON.parse(value.content_img); if(imgArray[0]&&imgArray.length>0){ for(let i=0;i<imgArray.length;i++){ html += "<div><a href=\"javascript:;\" class='center-img' data-imgs='"+value.content_img+"' data-index='"+i+"'><img class=\"lazy\" data-original=\""+imgArray[i]+"\" onload='getImgSize(this)' alt=\"\"></a></div>\n" ; } } html += " </div>\n" + " <ul class=\"list-unstyled\">\n" + " <!--<li class=\"report-deals\">\n" + " <a href=\"javascript:;\">\n" + " <span class=\"report-icon\"></span>\n" + " <span>report</span>\n" + " </a>\n" + " </li>-->\n" + " <li class=\"reply-deals\">\n" + " <a href=\"/login"+value.comment_reply_id+"\">\n" + " <span class=\"reply-deals-icon\"></span>\n" + " <span>reply</span>\n" + " </a>\n" + " </li>\n" ; if(value.thumb_type==0){ html+=" <li class=\"thumbs-up\">\n" + " <button class='thumb' data-replyId='"+value.comment_reply_id+"' data-replyType='2' data-thumbType='1'>\n" + " <span style=\"color:#39393a;text-decoration: none;font-size:15px;\" class=\"glyphicon glyphicon-thumbs-up\" id=\"thumbs-up-tips\" aria-hidden=\"true\"></span>\n" + " <span>"+value.like_num+"</span>\n" + " </button>\n" + " </li>\n" + " <li class=\"thumbs-down\">\n" + " <button class='thumb' data-replyId='"+value.comment_reply_id+"' data-replyType='2' data-thumbType='2'>\n" + " <span style=\"color:#39393a;text-decoration: none;font-size:15px;\" class=\"glyphicon glyphicon-thumbs-down\" id=\"thumbs-down-tips\" aria-hidden=\"true\"></span>\n" + " <span>"+value.down_num+"</span>\n" + " </button>\n" + " </li>\n" ; }else if(value.thumb_type==1){ html+=" <li class=\"thumbs-up\">\n" + " <button class='thumb no-click-thumb' style='color:#3FC5CB;' data-replyId='"+value.comment_reply_id+"' data-replyType='2' data-thumbType='1'>\n" + " <span style=\"text-decoration: none;font-size:15px;\" class=\"glyphicon glyphicon-thumbs-up\" id=\"thumbs-up-tips\" aria-hidden=\"true\"></span>\n" + " <span>"+value.like_num+"</span>\n" + " </button>\n" + " </li>\n" + " <li class=\"thumbs-down\">\n" + " <button class='thumb no-click-thumb' data-replyId='"+value.comment_reply_id+"' data-replyType='2' data-thumbType='2'>\n" + " <span style=\"color:#39393a;text-decoration: none;font-size:15px;\" class=\"glyphicon glyphicon-thumbs-down\" id=\"thumbs-down-tips\" aria-hidden=\"true\"></span>\n" + " <span>"+value.down_num+"</span>\n" + " </button>\n" + " </li>\n" ; }else if(value.thumb_type==2){ html+=" <li class=\"thumbs-up\">\n" + " <button class='thumb no-click-thumb' data-replyId='"+value.comment_reply_id+"' data-replyType='2' data-thumbType='1'>\n" + " <span style=\"color:#39393a;text-decoration: none;font-size:15px;\" class=\"glyphicon glyphicon-thumbs-up\" id=\"thumbs-up-tips\" aria-hidden=\"true\"></span>\n" + " <span>"+value.like_num+"</span>\n" + " </button>\n" + " </li>\n" + " <li class=\"thumbs-down\">\n" + " <button class='thumb no-click-thumb' style='color:#3FC5CB' data-replyId='"+value.comment_reply_id+"' data-replyType='2' data-thumbType='2'>\n" + " <span style=\"text-decoration: none;font-size:15px;\" class=\"glyphicon glyphicon-thumbs-down\" id=\"thumbs-down-tips\" aria-hidden=\"true\"></span>\n" + " <span >"+value.down_num+"</span>\n" + " </button>\n" + " </li>\n" ; } html+=" </ul>\n" + " </div>\n" + " <div id=\"commentReplykey"+value.comment_reply_id+"\" class=\"panel-collapse collapse\">\n" + " <div class=\"reply\">\n" + " <div class=\"reply-comnect\">\n" + " <textarea class=\"div-input\"></textarea>\n" + " <div class=\"input-img-emoji\">\n" + " <div class=\"input-img-list\">\n" + " <div class=\"updata-img input-img\">\n" + " <label for=\"input-img-reply"+value.comment_reply_id+"\"><span></span></label>\n" + " <input type=\"file\" id=\"input-img-reply"+value.comment_reply_id+"\" accept=\".jpg,.png\" class=\"add-img\">\n" + " <img src=\"\" alt=\"\">\n" + " <div class=\"now-updata\" style=\"display: none;\">\n" + " <span class=\"percentage\">78%</span>\n" + " <span>uploading</span>\n" + " </div>\n" + " <a href=\"javascript:;\" class=\"delect-img\"><span></span></a>\n" + " </div>\n" + " </div>\n" + " <div class=\"input-emoji\">\n" + " <!--<div class=\"input-emoji-down\">\n" + " <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\" aria-expanded=\"false\"><span class=\"emoji\"></span></a>\n" + " <div class=\"dropdown-menu\">7897987</div>\n" + " </div>-->\n" + " <button class=\"btn comment-reply\" data-replyNum='"+reply_num+"' data-id='"+value.from_uid+"' data-replyId='"+value.comment_reply_id+"' data-name='"+value.from_nickname+"' data-dom='"+dom+"' data-isload='1' data-comment='"+comment_id+"' data-reply='true'>Reply</button>\n" + " </div>\n" + " </div>\n" + " </div>\n" + " </div>\n" + " </div>\n" + " </div>\n" + " </div>" return html; } window.onresize = function(){ autoVideoWidth(); }; //video play and pause$('.other-post .post-item .post-item-video button').on('click',function(){ if($(this).parent().find('.poster-img').css('display')!='none'){ $(this).parent().find('.poster-img').css('display','none'); } if(!$(this).parent().find('video')[0].paused){ $(this).parent().find('video')[0].pause(); $($(this).find('img')[0]).css('display','block'); $($(this).find('img')[1]).css('display','none'); $(this).parent().removeClass('video-play'); }else{ $(this).parent().find('video')[0].play(); $($(this).find('img')[0]).css('display','none'); $($(this).find('img')[1]).css('display','block'); $(this).parent().addClass('video-play') }})if($('.section-detail > .review-detail video').length>0){ $('.section-detail > .review-detail video')[0]['disablePictureInPicture'] = true;} function autoVideoWidth() { let width = parseInt($('.other-post .post-item').css('width')); $('.other-post .post-item .post-item-video video').css({width:width,height:width/2}); $('.other-post .post-item .post-item-video').css({height:width/2}); $('.other-post .post-item .post-item-img').css({height:width/2}); for(let i=0;i<$('.other-post .post-item .post-item-img img').length;i++){ getVideoImgSize($('.hot-img img')[i]); } } autoVideoWidth(); function give_a_like(e) { window.location.href='/login'; return; let nowDom = $(e); nowDom.attr('disabled','disabled'); let data = { reviewer_id:-1, reply_type:3, reply_id:'1593951', thumb_type:1 }; $.ajax({ url:"/comment-thumb/add-thumb", type:'post', data:data, success:function (data) { nowDom.removeAttr('disabled'); if(data.code==200){ $(nowDom.find('span')[1]).html(parseInt($(nowDom.find('span')[1]).html())+1); nowDom.find('span').css('color','#3FC5CB'); }else if(data.code==201){ $('#favoritesTitle .thumb-title').css('display','block'); $('#favoritesTitle .thumb-title').html(data.msg); titleModel(true); } }, error:function (err) { nowDom.removeAttr('disabled'); } }) } $('.viwe-more button').on('click',function(){ $('.viwe-more').css('display','none'); $('.modal-view-more').css('display','none'); $('.p-container').css('height',''); }) $('.comment-icon-top1').on('click',function () { let top = parseInt($('#comment')[0].offsetTop)-parseInt($('body').css('padding-top'))+60; $("html,body").animate({"scrollTop": top}, 300); }) window.onload=function(){ if(window.location.href.indexOf('gocomment')>-1){ let top = parseInt($('#comment')[0].offsetTop)-parseInt($('body').css('padding-top'))+60; $("html,body").animate({"scrollTop": top}, 300); } }$('.other-post .post-item .post-item-video video').on('click',function () { playVideo(this);})$('.poster-img').on('click',function () { playVideo(this);})function playVideo(This){ if($(This).parent().find('.poster-img').css('display')!='none'){ $(This).parent().find('.poster-img').css('display','none') } if($(This).parent().find('video')[0].paused){ $(This).parent().find('video')[0].play(); $($(This).parent().find('button').find('img')[0]).css('display','none'); $($(This).parent().find('button').find('img')[1]).css('display','block'); $(This).parent().addClass('video-play'); }} $('.p-container img').on('error',function () { $(this).attr('src','https://vipon.s3.amazonaws.com/img/461468669080205f0dd5bd93562f6d505c3f3ba89ed709.svg') }) $('.post-item .post-item-img img').on('error',function () { $(this).attr('src','https://vipon.s3.amazonaws.com/img/461468669080205f0dd5bd93562f6d505c3f3ba89ed709.svg') }) function articleThumb(e) { let nowDom = $(e); nowDom.attr('disabled','disabled'); let data = { reviewer_id:-1, article_id:'1593951', }; $.ajax({ url:"/article/add-thumb", type:'post', data:data, success:function (data) { nowDom.removeAttr('disabled'); if(data.code==200){ $(nowDom.find('span')[1]).html(parseInt($(nowDom.find('span')[1]).html())+1); $(nowDom.find('span')[0]).css('background',"url('https://vipon.s3.amazonaws.com/img/27187209d591aaef26a138273710478e56ae194f3102c3.svg') 0 0/18px 18px no-repeat"); }else { $('#favoritesTitle .thumb-title').css('display','block'); $('#favoritesTitle .thumb-title').html(data.msg); titleModel(true); } }, error:function (err) { nowDom.removeAttr('disabled'); } })}$('#report .submit button').on('click',function () { if($('#report .report-group input:checked').length<1){ return; } $(this).attr('disabled','disabled'); let This = $(this); let data = { reviewer_id:-1, article_id:'1593951', source:0, }; data.report_type=$('#report .report-group input:checked').attr('data-num'); $.ajax({ url:"/article/proposal", type:'post', dataType:'json', data:data, success:function (data) { This.removeAttr('disabled'); $('#report').modal('hide'); if(data.code==200){ $('#favoritesTitle .thumb-title').css('display','block'); $('#favoritesTitle .thumb-title').html('Thank you for the Report.'); titleModel(true); $('#report .report-group input:checked').removeAttr('checked'); }else{ $('#favoritesTitle .thumb-title').css('display','block'); $('#favoritesTitle .thumb-title').html(data.msg); titleModel(true); } }, error:function (err) { This.removeAttr('disabled'); } })})function followClick(){ $('.follow').unbind(); $('#followed .modal-body div > button:last-child').unbind(); $('.followed').unbind(); $('.follow').on('click',function () { window.location.href='/login'; return; setfollow($(this),1) }) $('.followed').on('click',function () { window.location.href='/login'; return; $('#followed').modal('show'); }) $('#followed .modal-body div > button:last-child').on('click',function () { setfollow($('.followed'),0); $('#followed').modal('hide'); })}followClick();function setfollow(This,isfollow){ This.attr('disabled','disabled'); let data = { b_reviewer_id:4390329, }; let url=''; if(isfollow==1){ url="/shopper/my/follow"; }else{ url="/shopper/my/unfollow"; } $.ajax({ url:url, type:'post', dataType:'json', data:data, success:function (data) { This.removeAttr('disabled'); if(data.code==200){ if(isfollow==1){ This.removeClass('follow').addClass('followed').html('Following'); }else{ This.removeClass('followed').addClass('follow').html('Follow'); } $('#favoritesTitle .thumb-title').css('display','block'); $('#favoritesTitle .thumb-title').html(data.msg); titleModel(true); followClick(); }else{ $('#favoritesTitle .thumb-title').css('display','block'); $('#favoritesTitle .thumb-title').html(data.msg); titleModel(true); } }, error:function (err) { This.removeAttr('disabled'); } })}$('.other-post .post-item .post-item-information-author').on('click',function (e) { e.stopPropagation(); window.open('/disclose/my-center?type=1&page=1&limit=12&b_reviewer_id='+$(this).attr('data-id'));}) let ad = { isShow:true, isClose:true, init:function () { if($('#videoAc').length>0){ $('#videoAc').on('play',function () { if(this.isShow) { $('.ad .ad-show').css('display','flex'); $('.ad .cat').hide(); this.isShow=false; getImgSize($('.ad .ad-show .left-img img')[0]); } }.bind(this)) $('#videoAc').on('timeupdate',function () { let timeDisplay; timeDisplay = Math.floor($('#videoAc')[0].currentTime); if(timeDisplay == 5 && this.isClose){ $('.ad .ad-show').hide(); $('.ad .cat').show(); this.isClose=false } }.bind(this)) $('.ad .cat').on('click',function () { $(this).hide(); $('.ad .ad-show').css('display','flex'); }) $('.ad .ad-show .close-ad-show').on('click',function () { $('.ad .ad-show').hide(); $('.ad .cat').show(); }) } }, }ad.init(); //普通文章作品或视频作品中的文案中的链接 2020-05-27$('.vshow-content-target a').click(function () { linkClickTrace(2);});//视频上悬浮的广告内链与外链$('.ad-show a').click(function () { linkClickTrace(0);});//文章内链外链等点击记录，用于运营统计 2020-05-27function linkClickTrace(linkType) { $.ajax({ url:'/article/link-click-trace', type:'post', dataType:'json', data:{ article_id: 1593951, article_type: 1, link_type: linkType }, success:function (data) {}, error:function (err) {} });}$('.create-up').on('click',function () { $.ajax({ url:"/main/click-record", type:'post', dataType:'json', data:{ btn_code: 401, }, success:function (data) { }, error:function (err) { } });}) $('#videoAc source').on('error',function () { console.log(555) $(this).parent().parent().find('.video-error').css('display','flex'); })</script><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'949d75698a272423',t:'MTc0ODkzNTU0OS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body></html> 
