1<!DOCTYPE html> 2<html lang='en'> 3<head> 4 <meta charset="utf-8"/> 5 <!-- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> --> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="viewport" content="width=device-width, initial-scale=1"> 8 <title>Äại há»i Sale 10/10 | XPPen VN Official Store</title> 9 <meta name="keywords" content="XPPen Official store"/> 10 <meta name="description" content="Shop at XPPen Official store for graphic tablets, pen displays, IPS drawing tablet monitors and accessories to Improve Your Creativity. XPPen offer quality drawing tablets for Beginners and Professionals Artists. it will enable you to draw, paint, write,design,edit, sketch, and share your digital art with ease."/> 11 <meta name="google-site-verification" content="K2Rb0bn_8WyqSkWLRSgdvU3gp5PK2ATEoiLEJjc-VLg" /> 12 <!-- 使ç¨ânoindexâ黿¢æç´¢å¼æç¼å ¥ç´¢å¼ --> 13 <!-- 使ç¨ânoindexâ黿¢æç´¢å¼æç¼å ¥ç´¢å¼ end --> 14
14<script src="/newxp/static2024/ace/js/jquery-2.1.4.min.js"></script>
14 15
15<script src="/newxp/static2024/layer/layer.js?ver=20260814"></script>
15 16 <style>a,a:hover{text-decoration:none}iframe{width:1200px}.xp_home_video{height:auto;overflow:hidden;padding:30px 0}.xp_home_video .home_video_box{height:auto;overflow:hidden;margin-top:16px}.xp_home_video .home_video_box .video_block{position:relative;color:#fff;overflow:hidden}.xp_home_video .home_video_box .video_block img{width:100%;height:auto}.xp_home_video .home_video_box .video_block .video_section-play{display:block;position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;cursor:pointer}.xp_home_video .home_video_box .video_block .video_section-play:hover .video_section__playBtn{background:url(https://resource.xp-pen.com/static/images/swiper_img/btn_player_type2_hover.webp) no-repeat;background-size:100%}.xp_home_video .home_video_box .video_block .video_section-play .video_section__playBtn{cursor:pointer;display:block;width:46px;height:46px;position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%;opacity:1;background:url(https://resource.xp-pen.com/static/images/swiper_img/btn_player_type1_over.webp) no-repeat;background-size:100%;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1);text-indent:-9999px;overflow:hidden}.xp_home_video .home_video_box .video_block .video_block_text{position:absolute;bottom:20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:18px;max-width:24ch;text-align:left;font-weight:700;width:100%;pointer-events:none}.cart_menu_box,.cart_menu_box dd dt{margin:0;padding:0}#cart_icon span{background-color:var(--main-color);display:none}.ellipsis{height:auto;overflow:hidden;text-overflow:ellipsis;display:inline-block;display:block}.pull-right{text-align:center;padding:2rem}.backTop{position:fixed;right:15px;bottom:20%;border-radius:4px;z-index:99;-webkit-border-radius:4px;-moz-border-radius:4px;width:50px;height:50px;text-align:center;line-height:50px;cursor:pointer;display:none;background:#dfdfdf}.backTop i.icon{font-size:30px;color:#fff;margin:0;padding:0}@media(min-width:992px) and (max-width:1200px){.container{width:100%}}.xp_language{width:100%;height:auto;background:#d0d0d0;position:relative;transition:all .5s}.la_content{max-width:1440px;height:auto;overflow:hidden;color:#000;margin:0 auto;padding:0 40px;background-color:#d0d0d0}.la_content .text{line-height:20px;padding:10px 0;float:left;font-size:12px;width:calc(100% - 448px)}.la_content .la_changes{float:right;width:auto;height:35px;border:0;margin:5px 15px 0 15px;font-size:12px;padding:0 10px;cursor:pointer}.la_close{float:right;text-align:center;color:#000;height:40px;width:40px;cursor:pointer;display:flex;justify-content:center;align-items:center}.la_close i{font-weight:bold;font-size:16px}.la_changes_text{height:auto;overflow:hidden;line-height:30px}.la_changes_text i{float:right}.la_changes_text span{display:inline-block;float:left;padding-right:10px}.la_changes_text i{color:#333}@media all and (max-width:1200px){.la_content{width:100%;box-sizing:border-box;text-align:center}.la_content .text{width:100%!important;float:none;text-align:center}.la_content .la_changes{width:auto}.la_content_search{display:inline-block}}@media all and (max-width:767px){.xp_home_video{height:auto;overflow:hidden}.xp_home_video .home_video_box{margin-top:12px}.xp_home_video .home_video_box .video_block{width:100%;position:relative;color:#fff;float:left}.xp_home_video .home_video_box .video_block a{display:inline-block;width:100%;height:auto}.xp_home_video .home_video_box .video_block img{width:100%;height:auto}.xp_home_video .home_video_box .video_block .video_section-play{display:block;position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;cursor:pointer}.xp_home_video .home_video_box .video_block .video_section-play .video_section__playBtn{cursor:pointer;display:block;width:46px;height:46px;position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%;opacity:1;background:url(/static/images/swiper_img/btn_player_type1_over.png) no-repeat;background-size:100%;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1);text-indent:-9999px;overflow:hidden}.xp_home_video .home_video_box .video_block .video_block_text{position:absolute;bottom:20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:18px;max-width:24ch;text-align:center;font-weight:700;width:100%;pointer-events:none} }@media screen and (max-width:556px){.la_content{height:auto;text-align:center;padding:0 20px}.la_content .la_changes{margin:5px 12px 0 12px}}</style> 17 <!-- <link rel="preload" href="/newxp/static2024/css/index/style_new.css?ver=20260814" as="style" onload="this.onload=null;this.rel='stylesheet'"> --> 18 <link rel="preload" as="style" href="/newxp/static2024/css/bootstrap/bootstrap.min.css?ver=20260814"> 19 <link rel="preload" as="style" href="/newxp/static2024/swiper/swiper.min.css?ver=20260814"> 20 <link rel="preload" as="style" href="/newxp/static2024/css/index/style_new.css?ver=20260814"> 21 <link rel="preload" as="style" href="/newxp/static2024/css/index/style_vn.css?ver=20260814"> 22 <link rel="preload" as="style" href="/newxp/static2024/iconfont/iconfont.css?ver=20260814"> 23 <link rel="preload" as="style" href="/newxp/static2024/iconfont/iconfont2.css?ver=20260814"> 24 <link rel="preload" as="script" href="/newxp/static2024/layer/layer.js?ver=2
240260814"> 25 <link rel="preload" as="script" href="/newxp/static2024/ace/js/jquery-2.1.4.min.js"> 26 <link rel="preload" as="script" href="/newxp/static2024/ace/bootstrap4.0/js/bootstrap.min.js?ver=20260814"> 27<!-- <link rel="preload" as="script" href="/newxp/static2024/JsLang/lang_vn.js?ver=20260814">--> 28 <link rel="preload" as="script" href="/newxp/static2024/swiper/swiper.min.js?ver=20260814"> 29 <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"> 30 31 <!-- æ·»å Canonicalæå¨å 容æ ç¾è®¾ç½®åè½ --> 32 <link rel="canonical" href="https://www.storexppen.vn/sales-event.html"> 33 <!-- æ·»å Canonicalæå¨å 容æ ç¾è®¾ç½®åè½ end --> 34 <link rel="stylesheet" href="/newxp/static2024/css/index/style_new.css?ver=20260814"> 35 <link rel="stylesheet" href="/newxp/static2024/iconfont/iconfont.css?ver=20260814"> 36 <link rel="stylesheet" href="/newxp/static2024/iconfont/iconfont2.css?ver=20260814"> 37 <link rel="stylesheet" href="/newxp/static2024/css/bootstrap/bootstrap.min.css?ver=20260814"> 38 <link rel="stylesheet" href="/newxp/static2024/swiper/swiper.min.css?ver=20260814"> 39 <link rel="stylesheet" href="/newxp/static2024/css/index/style_vn.css?ver=20260814"> 40 <!-- Google åä½API Montserrat--> 41 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"> 42
42<script src="/newxp/static2024/ace/js/popper.min.js"></script>
42 43
43<script async src="/newxp/static2024/ace/bootstrap4.0/js/bootstrap.min.js?ver=20260814"></script>
43 44
44<script defer type="text/javascript" src="/newxp/static2024/JsLang/lang_vn.js?ver=20260814"></script>
44 45 <!-- 20190710 --> 46
46<script type="text/javascript" src="/newxp/static2024/swiper/swiper.min.js?ver=20260814"></script>
46 47
47<script src="https://asset.fwcdn3.com/js/analytics.js" async></script>
47 48 49 <!-- end --> 50
50<script type="text/javascript"> 51 var _AW_REG_CONVERSION=""; 52 var _AW_ADDCART_CONVERSION=""; 53 var _NOW_TIME=1791406218; 54 55 var uid="0"; 56 var isDisable = '0'; 57 var _LANG_ ="vn"; 58 var _SSO_DOMAIN_ = "https://account.xp-pen.com"; 59 var _ROOT_="/"; 60 var _STATIC_="/newxp/static2024/"; 61 var open_multiple_coupon= ""; 62 </script>
62 63
63<script defer type="text/javascript" src="/newxp/static2024/js/index/layout_vn.js?ver=20260814"></script>
63 64
64<script defer type="text/javascript" src="/newxp/static2024/js/index/search.js?ver=20260814"></script>
64 65
65<script src="https://www.dwin1.com/19038.js" type="text/javascript" defer="defer"></script>
65 66 <!-- Google Tag Manager -->
66<script>
vendor: 331 bytes, lines 66-70
66(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 67new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 68j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 69'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 70})(window,document,'script','dataLayer','
70GTM-PNVV7MS
vendor: 3 bytes, line 70
70');
70</script>
70<!-- End Google Tag Manager --><meta name="facebook-domain-verification" content="z1ec25lamsbhlklk812mf5ocqvzfsv"/><!-- GrowingIO Analytics code version 2.1 --><p><br/></p><!-- Copyright 2015-2018 GrowingIO, Inc. More info available at http://www.growingio.com -->
70<script type="text/javascript">!function(e,t,n,g,i){e[i]=e[i]||function(){(e[i].q=e[i].q||[]).push(arguments)},n=t.createElement("script"),tag=t.getElementsByTagName("script")[0],n.async=1,n.src=('https:'==document.location.protocol?'https://':'http://')+g,tag.parentNode.insertBefore(n,tag)}(window,document,"script","assets.giocdn.com/2.1/gio.js","gio"); 71 gio('init','a76de65a0a2faace', {}); 72 73//custom page code begin here 74 75//custom page code end here 76 77gio('send');</script>
77<!-- End GrowingIO Analytics code version: 2.1 --> 78 79 <!-- paypal checkout api begin --> 80 <!--
80<script src="https://www.paypalobjects.com/api/checkout.js"></script>
80 --> 81 <!-- paypal checkout api end --> 82 <!-- Facebook Pixel Code -->
83<script>
vendor: 408 bytes, lines 83-92
83 84!function(f,b,e,v,n,t,s) 85{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 86n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 87if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 88n.queue=[];t=b.createElement(e);t.async=!0; 89t.src=v;s=b.getElementsByTagName(e)[0]; 90s.parentNode.insertBefore(t,s)}(window, document,'script', 91'https://connect.facebook.net/en_US/fbevents.js'); 92fbq('init', '
92892442424624272
vendor: 32 bytes, lines 92-93
92'); 93fbq('track', 'PageView');
94fbq('track', 'AddToCart') 95</script>
95 96<noscript><img alt="image" height="1" width="1" style="display:none" 97src="https://www.facebook.com/tr?id=892442424624272&ev=PageView&noscript=1" 98/></noscript> 99<!-- End Facebook Pixel Code --> 100<!-- Facebook Pixel Code -->
101<script>
vendor: 408 bytes, lines 101-110
101 102!function(f,b,e,v,n,t,s) 103{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 104n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 105if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 106n.queue=[];t=b.createElement(e);t.async=!0; 107t.src=v;s=b.getElementsByTagName(e)[0]; 108s.parentNode.insertBefore(t,s)}(window, document,'script', 109'https://connect.facebook.net/en_US/fbevents.js'); 110fbq('init', '
110332057443808793
vendor: 32 bytes, lines 110-111
110'); 111fbq('track', 'PageView');
112fbq('track', 'AddToCart') 113</script>
113 114<noscript><img alt="image" height="1" width="1" style="display:none" 115src="https://www.facebook.com/tr?id=332057443808793&ev=PageView&noscript=1" 116/></noscript> 117<!-- End Facebook Pixel Code --> 118<!-- Meta Pixel Code -->
119<script>
vendor: 408 bytes, lines 119-128
119 120!function(f,b,e,v,n,t,s) 121{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 122n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 123if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 124n.queue=[];t=b.createElement(e);t.async=!0; 125t.src=v;s=b.getElementsByTagName(e)[0]; 126s.parentNode.insertBefore(t,s)}(window, document,'script', 127'https://connect.facebook.net/en_US/fbevents.js'); 128fbq('init', '
128745153910605698
vendor: 32 bytes, lines 128-129
128'); 129fbq('track', 'PageView');
130</script>
130 131<noscript><img alt="image" height="1" width="1" style="display:none" 132src="https://www.facebook.com/tr?id=745153910605698&ev=PageView&noscript=1" 133/></noscript> 134<!-- End Meta Pixel Code --> <!-- Global site tag (gtag.js) - Google Ads: 742525282 -->
vendor: 73 bytes, lines 134-135
134 135 <script async src="https://www.googletagmanager.com/gtag/js?id=
135AW-10928571977
vendor: 17 bytes, lines 135-136
135"></script> 136
136<script> 137
vendor: 145 bytes, lines 137-141
137window.dataLayer = window.dataLayer || []; 138 function gtag(){dataLayer.push(arguments);} 139 gtag('js', new Date()); 140 141 gtag('config', '
141AW-10928571977
vendor: 9 bytes, lines 141-142
141'); 142
142</script>
142 143 144 145 146 <!-- hwtag.js --> 147 148
148<script type="text/javascript" src="/newxp/static2024/js/index/cookie.js?ver=20260814"></script>
148 149
149<script type="text/javascript" src="/newxp/static2024/js/index/hw_tag.js?ver=20260814"></script>
149 150 <!-- hwtag.js --> 151
151<script type="text/javascript" src="/newxp/static2024/js/index/useKlaviyo.js?ver=20260814"></script>
151 152<!--
152<script>--> 153<!-- window.sentryOnLoad = function () {--> 154<!-- Sentry.init({--> 155<!-- // éæ ·çï¼--> 156<!-- tracesSampleRate: 0.1,--> 157<!-- });--> 158<!-- };--> 159<!-- </script>
159--> 160<!--
160<script src="https://apm.xp-pen.com/js-sdk-loader/4402a139f3bb6bdfdd8b149559186ac6.min.js" crossorigin="anonymous"></script>
160--> 161
161<script> 162 window.hwDataLayer = window.hwDataLayer || []; 163 function hwtag() {hwDataLayer.push(arguments);} 164 const site_code = "WEBVN"; 165 const website_id = "8922XP000101A26"; 166 hwtag('config', site_code, { 167 'website_code': site_code, 168 'website_id': website_id, 169 'account_id': '0', 170 'debug': "false",// test-env:true, pro-env:false 171 'brand_website': 'XPPen', 172 'website_type': 1, 173 'page_type': "promotion", 174 'pt': 'web', 175 'is_login': '0', 176 'business_channel': 'ç¬ç«ç«', 177 'pt_v': '', 178 'sr_reg': getCookie('sr_reg') ?? '', 179 'sr_ctrl': getCookie('sr_ctrl') ?? '', 180 'key_word': getCookie('key_word') ?? '', 181 'key_word_type': getCookie('key_word_type') ?? '', 182 }); 183 function updatePubAttr(data){ 184 $.each(data,function(index_key,value){ 185 if(index_key === 'key_word') { 186 document.cookie = "key_word=" + value + ";path=/"; 187 }else{ 188 setCookie(index_key,value); 189 } 190 }); 191 hwtag('config', site_code, data); 192 } 193 194 var page_type = "promotion"; 195 if (page_type !== '') { 196 setCookie('page_type', page_type); 197 } 198 var title = document.title; 199 if (title !== '') { 200 document.cookie = "title=" + encodeURIComponent(title) + ";path=/"; 201 } 202 setCookie('path',window.location.pathname); 203 var currency='VND'; 204 </script>
204 205
205<script async src="https://t.xp-pen.com/hwtag.min.js?ver=20260814"></script>
205 206 <!-- hwtag.js end --> 207</head> 208 209<body> 210<!-- Google Tag Manager (noscript) -->
vendor: 67 bytes, line 210
210<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
210GTM-PNVV7MS
vendor: 82 bytes, line 210
210" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
210<!-- End Google Tag Manager (noscript) -->
210<script async src="https://t.cfjump.com/tag/79874"></script>
210 211
212<script> 213 // Picture element HTML5 shiv 214 document.createElement( "picture" ); 215</script>
vendor: 2 bytes, line 215
215
216<script src="/newxp/static2024/ace/js/picturefill.min.js" async></script>
216 217<!-- Global site tag (gtag.js) - Google Analytics GA4 -->
vendor: 65 bytes, lines 217-218
217 218<script async src="https://www.googletagmanager.com/gtag/js?id=
218G-94MS4H2EFT
vendor: 13 bytes, line 218
218"></script>
219<script> 220
vendor: 144 bytes, lines 220-224
220window.dataLayer = window.dataLayer || []; 221 function gtag(){dataLayer.push(arguments);} 222 gtag('js', new Date()); 223 224 gtag('config', '
224G-94MS4H2EFT
vendor: 5 bytes, line 224
224');
225</script>
vendor: 2 bytes, line 225
225
226<script src='/newxp/static2024/js/analyze/ga.js'></script > 227<link rel="preload" href="/newxp/static2024/css/reset.css?ver=20260814" as="style" /> 228<link rel="preload" href="/newxp/static2024/css/index/common.css?ver=20260814" as="style" /> 229<link rel="preload" href="/newxp/static2024/css/geren/commonstyle.css?ver=20260814" as="style" /> 230<!-- <noscript><link rel="stylesheet" type="text/css" href="/newxp/static2024/css/reset.css?ver=20260814"/></noscript> 231<noscript><link rel="stylesheet" type="text/css" href="/newxp/static2024/css/index/common.css?ver=20260814"/></noscript> 232<noscript><link rel="stylesheet" type="text/css" href="/newxp/static2024/css/geren/commonstyle.css?ver=20260814" /></noscript> --> 233<link rel="stylesheet" type="text/css" href="/newxp/static2024/css/reset.css?ver=20260814" /> 234<link rel="stylesheet" type="text/css" href="/newxp/static2024/css/index/common.css?ver=20260814" /> 235<link rel="stylesheet" type="text/css" href="/newxp/static2024/css/geren/commonstyle.css?ver=20260814" /> 236<link rel="stylesheet" type="text/css" href="/newxp/static2024/css/lang_cut/index.css?ver=20260814" /> 237<link rel="stylesheet" type="text/css" href="/newxp/static2024/css/revision.css?ver=20260814" /> 238<link rel="stylesheet" type="text/css" href="/newxp/static2024/css/common/points-estimate.css?ver=20260814" /> 239
240<script type="text/javascript" src="/newxp/static2024/js/index/cart.js?ver=20260814"></script>
240 241 242<style> 243 img[src=""],img:not([src]){ 244 opacity:0; 245 } 246 247 #nav .logo_pc { 248 display: block; 249 } 250 251 #nav .logo_mobile { 252 display: none; 253 } 254 255 #navbar_header_height { 256 padding-top: 0px; 257 } 258 259 @media screen and (max-width: 768px) { 260 .bulletin_top_box { 261 padding: 0 10px; 262 } 263 } 264 265 @media screen and (max-width: 992px) { 266 #nav .logo_pc { 267 display: none; 268 } 269 270 #nav .logo_mobile { 271 display: none; 272 } 273 274 #bulletin .icon .notice-icon { 275 width: 16px; 276 height: auto; 277 } 278 279 #bulletin .icon .bulletin-title { 280 display: none; 281 } 282 } 283 284 #bulletin { 285 display: flex; 286 align-items: center; 287 justify-content: center; 288 background-color: #f5f5f5; 289 position: fixed; 290 z-index: 999999; 291 width: 100%; 292 top: 0; 293 } 294 295 #bulletin .icon { 296 display: flex; 297 align-items: center; 298 margin-right: 15px; 299 /*width: 100px;*/ 300 } 301 302 .pad_right { 303 padding-right: 50px; 304 } 305 306 .pad_right .title { 307 margin-right: 10px; 308 } 309 310 311 #scroll_div { 312 313 overflow: hidden; 314 white-space: nowrap; 315 width: 1400px; 316 317 } 318 319 #scroll_begin, 320 #scroll_end { 321 display: inline; 322 } 323 324 #closure { 325 display: inline-block; 326 margin-left: 15px; 327 cursor: pointer; 328 } 329 .navbar_header .navbar-menu .navbar-menu-list .nml-category-mask {background: none;} 330 #body_back_rask {position: fixed;background: rgb(0, 0, 0, 0.4);width: 100%;height: 100%;z-index: 200;display: none;} 331 .navbar_header .navbar-menu {gap:0px} 332 .navbar_header .navbar-menu .navbar-menu-list {padding: 8px 10px;} 333</style> 334<header class="navbar_header" id="navbar_header_height"> 335 <!-- é¡¶é¨å ¬åæ --> 336 337<div class="announcement-bar"> 338 <div class="swiper-container announcement-bar-swiper"> 339 <div class="swiper-wrapper"> 340 <div class="swiper-slide"> 341 <div class="bulletin"> 342 <div class="scroll_div" class="fl"> 343 344 <div class="scroll_begin"> 345 346 <span class="pad_right">Earn X-Coins through purchases and community activities, and redeem them for exclusive rewards.--<a href="https://community.xp-pen.com" style="text-decoration: underline !important;color:#fff"> Details>> </a></span> 347 348 349 </div> 350 <div class="scroll_end"></div> 351 </div> 352 353 354 </div> 355 </div> 356 357 </div> 358 359 360 361 362 </div> 363 <div id="closure" class="announcement-bar-closure">x</div> 364</div> 365 366 367 368<style> 369 #closure { 370 371 color: white !important; 372 margin-right: 10px; 373 } 374 375 .announcement-bar { 376 width: 100%; 377 background: #000000 !important; 378 display: flex; 379 align-items: center; 380 } 381 382 .announcement-bar-swiper { 383 width: 800px; 384 padding: 0px 60px; 385 box-sizing: content-box; 386 387 height: 38px; 388 line-height: 38px; 389 390 color: white !important; 391 392 text-align: center; 393 } 394 395 .announcement-bar-swiper .swiper-slide { 396 background-color: #000000 !important; 397 } 398 399 .announcement-bar-swiper .iconfont { 400 font-size: 14px; 401 margin-top: 2px; 402 } 403 404 405 406 407 @media screen and (max-width: 768px) { 408 409 .bulletin_top_box { 410 padding: 0 10px; 411 } 412 413 .announcement-bar-swiper { 414 width: 100vw; 415 box-sizing: border-box; 416 padding: 0 45px; 417 418 } 419 420 #closure { 421 422 423 margin-right: 10px; 424 } 425 426 .announcement-bar-swiper .swiper-slide { 427 overflow: hidden; 428 height: auto !important; 429 } 430 431 432 433 } 434 435 @media screen and (max-width: 992px) { 436 437 #nav .logo_pc { 438 display: none; 439 } 440 441 #nav .logo_mobile { 442 display: none; 443 } 444 445 446 447 .bulletin .icon .bulletin-title { 448 display: none; 449 } 450 451 } 452 453 .bulletin { 454 display: flex; 455 align-items: center; 456 justify-content: center; 457 background-color: #000000 !important; 458 color: white; 459 font-size: 12px; 460 461 462 } 463 464 465 466 467 468 469 .pad_right { 470 471 padding-right: 10px; 472 473 } 474 475 476 477 .pad_right .title { 478 479 margin-right: 10px; 480 color: white !important; 481 482 } 483 484 .pad_right .content { 485 color: white !important; 486 } 487 488 489 490 491 .scroll_div { 492 493 width: 1400px; 494 495 overflow: hidden; 496 497 white-space: nowrap; 498 text-align: center; 499 500 501 502 } 503 504 505 506 .scroll_begin, 507 508 .scroll_end { 509 510 display: inline; 511 512 } 513</style>
514<script> 515 516 517 518 $(function (){ 519 var announcementSwiper = new Swiper('.announcement-bar-swiper', { 520 loop: true, 521 autoplay: { 522 delay: 5000, 523 disableOnInteraction: false, 524 }, 525 speed: 500, 526 effect: 'slide', 527 slidesPerView: 1, 528 spaceBetween: 0, 529 direction: 'vertical', 530 }); 531 532 $('.scroll_div').each(function () { 533 534 535 var speed = 20; 536 537 let MyMar = null; 538 539 var scroll_begin = $(this).find('.scroll_begin')[0]; 540 541 var scroll_end = $(this).find('.scroll_end')[0]; 542 543 var scroll_div = $(this)[0]; 544 var isMobile = $(window).width() <= 768; 545 if (isMobile ? $(this).find('.pad_right')[0].innerText.length >= 50 : $(this).find('.pad_right')[0].innerText.length >= 100) { 546 547 scroll_begin.innerHTML += scroll_begin.innerHTML; 548 549 scroll_end.innerHTML = scroll_begin.innerHTML; 550 551 552 553 function Marquee() { 554 555 if (scroll_end.offsetWidth - scroll_div.scrollLeft <= 0) 556 557 scroll_div.scrollLeft -= scroll_begin.offsetWidth; 558 559 else 560 561 scroll_div.scrollLeft++; 562 563 } 564 565 MyMar = setInterval(Marquee, speed); 566 567 scroll_div.onmouseover = function () { 568 clearInterval(MyMar); 569 } 570 571 scroll_div.onmouseout = function () { 572 MyMar = setInterval(Marquee, speed); 573 } 574 } 575 576 577 }) 578 }) 579 580 581 582 583 584 $('.announcement-bar-closure').click(function () { 585 document.getElementById("navbar_header_height").setAttribute('style', 'padding-top:0px') 586 $('.announcement-bar').each(function () { 587 $(this).css('display', 'none') 588 }) 589 $('.xp_language').css('padding-top', 0) 590 }) 591</script>
591 <!-- é¡¶é¨å ¬åæ --> 592 <div> 593 <style> 594 .xp_language { 595 background-color: black; 596 } 597 598 #la_btn { 599 600 background: #f0f0f0; 601 color: #03060b; 602 font-size: 13px; 603 line-height: 28px; 604 border: none; 605 margin-top: 2.5px; 606 float: right; 607 608 } 609 610 .cl_multi_box .form-select { 611 margin-right: 25px; 612 height: 35px; 613 614 border-radius: 6px; 615 border: 1px solid #fff; 616 color: #fff; 617 background-color: transparent; 618 619 } 620 621 622 .cl_multi_box .form-select option { 623 background-color: black; 624 color: white; 625 } 626 627 .la_content { 628 display: flex; 629 align-items: center; 630 padding: 5px 0; 631 width: 100%; 632 background-color: black; 633 color: white; 634 } 635 636 @media screen and (max-width: 768px) { 637 .la_content { 638 flex-direction: column; 639 } 640 641 .la_content .text { 642 text-align: center; 643 } 644 645 .cl_multi_box .form-select { 646 background-color: transparent; 647 color: #fff; 648 border-color: #fff; 649 border: 1px solid #fff; 650 651 652 } 653 654 } 655 .la_close{ 656 color: #fff; 657 } 658</style> 659<div class="navbar_header-nation"> 660 <div class="nhn-container"> 661 <p>Choose your country or region</p> 662 <div class="nation-right"> 663 <div class="nation-select"> 664 <span>Poland</span> 665 <i class="icon-a-icon1x-32 iconfont"></i> 666 </div> 667 <i class="icon-a-icon1x-31 iconfont nation-close"></i> 668 </div> 669 </div> 670</div> 671
671<script type="text/javascript"> 672 $(function () { 673 $('.nation-close').click(function () { 674 newsetCookie('user_select', 1); 675 newsetCookie('select_jump', 0); 676 $(".navbar_header-nation").hide(); 677 }); 678 }) 679 </script>
679 680 </div> 681 682 <div class="navbar_header-warpper"> 683 <div class="store_nav_top" id="nav"> 684 <div class="store_nav_top_box"> 685 <!-- ææºç«¯åºç° --> 686 <div class="mobile_navtoggle" id="mobile_navtoggle"> 687 688 689 690 <i class="iconfont icon-a-icon1x-22 navbar-toggler" type="button" data-toggle="collapse" 691 data-target="#collapsibleNavbar" ></i> 692 </div> 693 694 <!-- logo --> 695 <div class="nav_logo"> 696 <a href="/" aria-label="link"> 697 <img src="https://resource.xp-pen.com/img/xppen/logomoblie.svg" class="img_mobile" width="32px" height="32px" border="0" alt="image"/> 698 <img src="https://resource.xp-pen.com/Uploads/images/20241021/vKw2aSlNHobtih20NwaW.webp" border="0" width="" height="" alt="image"/> 699 </a> 700 </div> 701 <!-- æç´¢ --> 702 703 704 <!-- right --> 705 <!--èåæ --> 706 707<div class="navbar-menu-waprrer"> 708 <i class="icon-a-icon1x-33 iconfont left-icon"></i> 709<div class="navbar-menu"> 710 711 712 713 <div class="navbar-sale-activity"> 714 <img src="https://resource.xp-pen.com/img/xppen/fire.webp" width="32" height="32" alt="image"> 715 <a href="https://www.storexppen.vn/sales-event.html" target='_self' aria-label="link">Äại há»i Sale 10/10</a> 716 717 </div> 718 719 <div class="navbar-menu-list pro_list"> 720 721 722 723 <a href="https://www.storexppen.vn/series/magic-note-pad.html" target='_self' class="navbar-menu-list-title" aria-label="link">Magic Note Pad<i class="iconfont icon-a-icon1x-34"></i></a> 724 725 <!--æ åç±»èå--> 726 727 <div class="nml-category-mask" > 728 729 <div class="nml-not-category"> 730 <div class="nnc-container"> 731 <div class="nnc-warpper"> 732 733 <div class="nw-content"> 734 735 736 737 738 <!--æå¤äºä¸ª--> 739 740 <a class="nc-item" href='https://www.storexppen.vn/buy/magic-note-pad.html' aria-label="link"> 741 742 743 744 <div class="nc-img-warpper"> 745 746 <div class="niw-warpper"> 747 748 <img data-src="https://resource.xp-pen.com/Uploads/goods/20250703/XrqOc0Cbo1F1ooxqvyo0.webp" 749 750 alt="Magic Note Pad"> 751 752 </div> 753 754 </div> 755 756 <div class="title"> 757 758 Magic Note Pad 759 </div> 760 761 </a> 762 763 764 765 766 </div> 767 768 769 </div> 770 771 <div class="view-more-row"><a href="https://www.storexppen.vn/series/magic-note-pad.html" aria-label="link">View More <i 772 773 class="iconfont icon-a-icon1x-32"></i></a></div> 774 </div> 775 776 </div> 777 778 779 780 </div> 781 782 783 784 </div> 785 786 <div class="navbar-menu-list pro_list"> 787 788 789 790 <a href="https://www.storexppen.vn/series/graphic-display.html" target='_self' class="navbar-menu-list-title" aria-label="link">Graphic Display<i class="iconfont icon-a-icon1x-34"></i></a> 791 792 <!--æ åç±»èå--> 793 794 <div class="nml-category-mask" > 795 796 <div class="nml-not-category"> 797 <div class="nnc-container"> 798 <div class="nnc-warpper"> 799 800 <div class="nw-content"> 801 802 803 804 805 <!--æå¤äºä¸ª--> 806 807 <a class="nc-item" href='https://www.storexppen.vn/buy/artist-16-3rd.html' aria-label="link"> 808 809 810 811 <div class="nc-img-warpper"> 812 813 <div class="niw-warpper"> 814 815 <img data-src="https://resource.xp-pen.com/Uploads/goods/20260413/QVNyWnUq5FBT5aTdbsOj.webp" 816 817 alt="Artist 16 3rd -X4 Stylus"> 818 819 </div> 820 821 </div> 822 823 <div class="title"> 824 825 Artist 16 3rd -X4 Stylus 826 </div> 827 828 </a> 829 830 831 <!--æå¤äºä¸ª--> 832 833 <a class="nc-item" href='https://www.storexppen.vn/buy/magic-drawing-pad.html' aria-label="link"> 834 835 836
837 <div class="nc-img-warpper"> 838 839 <div class="niw-warpper"> 840 841 <img data-src="https://resource.xp-pen.com/Uploads/goods/20250808/46Ly17DpoINbbxpGm9sG.webp" 842 843 alt="Magic Drawing Pad"> 844 845 </div> 846 847 </div> 848 849 <div class="title"> 850 851 Magic Drawing Pad 852 </div> 853 854 </a> 855 856 857 <!--æå¤äºä¸ª--> 858 859 <a class="nc-item" href='https://www.storexppen.vn/buy/artist-ultra-14.html' aria-label="link"> 860 861 862 863 <div class="nc-img-warpper"> 864 865 <div class="niw-warpper"> 866 867 <img data-src="https://resource.xp-pen.com/Uploads/goods/20260813/xHIhPGHztwlflXvsuwAl.webp" 868 869 alt="Artist Ultra 14"> 870 871 </div> 872 873 </div> 874 875 <div class="title"> 876 877 Artist Ultra 14 878 </div> 879 880 </a> 881 882 883 <!--æå¤äºä¸ª--> 884 885 <a class="nc-item" href='https://www.storexppen.vn/buy/artist-12-3rd.html' aria-label="link"> 886 887 888 889 <div class="nc-img-warpper"> 890 891 <div class="niw-warpper"> 892 893 <img data-src="https://resource.xp-pen.com/Uploads/goods/20260630/OVCEIvv7iHWov3bkKAl0.webp" 894 895 alt="Artist 12 3rd"> 896 897 </div> 898 899 </div> 900 901 <div class="title"> 902 903 Artist 12 3rd 904 </div> 905 906 </a> 907 908 909 <!--æå¤äºä¸ª--> 910 911 <a class="nc-item" href='https://www.storexppen.vn/buy/artist-12-2nd-gen.html' aria-label="link"> 912 913 914 915 <div class="nc-img-warpper"> 916 917 <div class="niw-warpper"> 918 919 <img data-src="https://resource.xp-pen.com/Uploads/goods/20250821/UkZwIDj6xd714GfLIU75.webp" 920 921 alt="Artist 12 2nd Gen Display"> 922 923 </div> 924 925 </div> 926 927 <div class="title"> 928 929 Artist 12 2nd Gen Display 930 </div> 931 932 </a> 933 934 935 936 937 </div> 938 939 940 </div> 941 942 <div class="view-more-row"><a href="https://www.storexppen.vn/series/graphic-display.html" aria-label="link">View More <i 943 944 class="iconfont icon-a-icon1x-32"></i></a></div> 945 </div> 946 947 </div> 948 949 950 951 </div> 952 953 954 955 </div> 956 957 <div class="navbar-menu-list pro_list"> 958 959 960 961 <a href="https://www.storexppen.vn/series/graphic-tablet.html" target='_self' class="navbar-menu-list-title" aria-label="link">Graphic Tablet<i class="iconfont icon-a-icon1x-34"></i></a> 962 963 <!--æ åç±»èå--> 964 965 <div class="nml-category-mask" > 966 967 <div class="nml-not-category"> 968 <div class="nnc-container"> 969 <div class="nnc-warpper"> 970 971 <div class="nw-content"> 972 973 974 975 976 <!--æå¤äºä¸ª--> 977 978 <a class="nc-item" href='https://www.storexppen.vn/buy/87.html' aria-label="link"> 979 980 981
982 <div class="nc-img-warpper"> 983 984 <div class="niw-warpper"> 985 986 <img data-src="https://resource.xp-pen.com/Uploads/goods/20260409/e0XBIe7oDngi08Tcilf0.webp" 987 988 alt="Doodle Learning Board"> 989 990 </div> 991 992 </div> 993 994 <div class="title"> 995 996 Doodle Learning Board 997 </div> 998 999 </a> 1000 1001 1002 <!--æå¤äºä¸ª--> 1003 1004 <a class="nc-item" href='https://www.storexppen.vn/buy/93.html' aria-label="link"> 1005 1006 1007 1008 <div class="nc-img-warpper"> 1009 1010 <div class="niw-warpper"> 1011 1012 <img data-src="https://resource.xp-pen.com/Uploads/goods/20260403/EbGp0zeNKOi4KWkZOeDg.webp" 1013 1014 alt="Hà ng Má»i Có Há»p Äã má»"> 1015 1016 </div> 1017 1018 </div> 1019 1020 <div class="title"> 1021 1022 Hà ng Má»i Có Há»p Äã má» 1023 </div> 1024 1025 </a> 1026 1027 1028 <!--æå¤äºä¸ª--> 1029 1030 <a class="nc-item" href='https://www.storexppen.vn/buy/38.html' aria-label="link"> 1031 1032 1033 1034 <div class="nc-img-warpper"> 1035 1036 <div class="niw-warpper"> 1037 1038 <img data-src="https://resource.xp-pen.com/Uploads/goods/20260821/JM1UIJE7wS2P83ljChMz.webp" 1039 1040 alt="Hà ng Mẫu Triá»n Lãm"> 1041 1042 </div> 1043 1044 </div> 1045 1046 <div class="title"> 1047 1048 Hà ng Mẫu Triá»n Lãm 1049 </div> 1050 1051 </a> 1052 1053 1054 <!--æå¤äºä¸ª--> 1055 1056 <a class="nc-item" href='https://www.storexppen.vn/buy/note-plus.html' aria-label="link"> 1057 1058 1059 1060 <div class="nc-img-warpper"> 1061 1062 <div class="niw-warpper"> 1063 1064 <img data-src="https://resource.xp-pen.com/Uploads/goods/20260129/8gqOoF4z8FjKt1nOB8HI.webp" 1065 1066 alt="Note Plus"> 1067 1068 </div> 1069 1070 </div> 1071 1072 <div class="title"> 1073 1074 Note Plus 1075 </div> 1076 1077 </a> 1078 1079 1080 <!--æå¤äºä¸ª--> 1081 1082 <a class="nc-item" href='https://www.storexppen.vn/buy/deco-640.html' aria-label="link"> 1083 1084 1085 1086 <div class="nc-img-warpper"> 1087 1088 <div class="niw-warpper"> 1089 1090 <img data-src="https://resource.xp-pen.com/Uploads/goods/20260805/wKefzqrcsuIb1kBnckHv.webp" 1091 1092 alt="Deco 640 16K Pen Pressure"> 1093 1094 </div> 1095 1096 </div> 1097 1098 <div class="title"> 1099 1100 Deco 640 16K Pen Pressure 1101 </div> 1102 1103 </a> 1104 1105 1106 1107 1108 </div> 1109 1110 1111 </div> 1112 1113 <div class="view-more-row"><a href="https://www.storexppen.vn/series/graphic-tablet.html" aria-label="link">View More <i 1114 1115 class="iconfont icon-a-icon1x-32"></i></a></div> 1116 </div> 1117 1118 </div> 1119 1120 1121 1122 </div> 1123 1124 1125 1126 </div> 1127 1128 <div class="navbar-menu-list"> 1129 1130 <a href="https://www.storexppen.vn/topic/31.html" class="navbar-menu-list-title" aria-label="link">Accessories <i class="iconfont icon-a-icon1x-34"></i> 1131 </a> 1132 1133 1134 <!--åç±»èå--> 1135 1136 <div class="nml-category-mask"> 1137 1138 <div class="nml-category"> 1139 1140 <div class="nml-warpper"> 1141 1142 1143 1144 <div class="nw-category-item"> 1145 1146 <div class="nw-category-warpper"> 1147 1148 1149 1150 1151 <a href="http://www.storexppen.vn/series/stylus.html" class="nw-category-title" aria-label="link"> 1152 1153 Stylus <i class="iconfont icon-a-icon1x-32"></i> 1154 1155 </a> 1156 1157 1158 <div class="nw-category-content"> 1159 1160 1161 <a class="ncc-litem" href='https://www.storexppen.vn/buy/x4-stylus.html' aria-label="link"> 1162
1163 <div class="nl-img-warpper"> 1164 1165 <div class="niw-img"> 1166 1167 <img data-src="https://resource.xp-pen.com/Uploads/goods/20260226/pTywg1D6xUBL7oD9bZ1g.webp" 1168 1169 alt="X4 Stylus -16K Pen pressure" 1170 1171 class="ncc-litem-img"> 1172 1173 </div> 1174 1175 </div> 1176 1177 1178 1179 1180 1181 <div class="ncc-litem-title"> 1182 1183 X4 Stylus -16K Pen pressure 1184 </div> 1185 1186 </a> 1187 1188 1189 <a class="ncc-litem" href='https://www.storexppen.vn/buy/x3-pro-stylus.html' aria-label="link"> 1190 1191 <div class="nl-img-warpper"> 1192 1193 <div class="niw-img"> 1194 1195 <img data-src="https://resource.xp-pen.com/Uploads/goods/20240511/Akf1CO0kA6KhzReZitqg.webp" 1196 1197 alt="X3 Pro Roller Stylus & X3 Pro Stylus" 1198 1199 class="ncc-litem-img"> 1200 1201 </div> 1202 1203 </div> 1204 1205 1206 1207 1208 1209 <div class="ncc-litem-title"> 1210 1211 X3 Pro Roller Stylus & X3 Pro Stylus 1212 </div> 1213 1214 </a> 1215 1216 1217 <a class="ncc-litem" href='https://www.storexppen.vn/buy/37.html' aria-label="link"> 1218 1219 <div class="nl-img-warpper"> 1220 1221 <div class="niw-img"> 1222 1223 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220106/752fae1bf63411bbacf9a7669a33b44f.webp" 1224 1225 alt="P01 Battery-free Stylus" 1226 1227 class="ncc-litem-img"> 1228 1229 </div> 1230 1231 </div> 1232 1233 1234 1235 1236 1237 <div class="ncc-litem-title"> 1238 1239 P01 Battery-free Stylus 1240 </div> 1241 1242 </a> 1243 1244 1245 <a class="ncc-litem" href='https://www.storexppen.vn/buy/92.html' aria-label="link"> 1246
1247 <div class="nl-img-warpper"> 1248 1249 <div class="niw-img"> 1250 1251 <img data-src="https://resource.xp-pen.com/Uploads/goods/20260316/mDFa2Y7P8U8srT1twPop.webp" 1252 1253 alt="X3 Pro Stylus Pencil 2 for Magic Note Pad" 1254 1255 class="ncc-litem-img"> 1256 1257 </div> 1258 1259 </div> 1260 1261 1262 1263 1264 1265 <div class="ncc-litem-title"> 1266 1267 X3 Pro Stylus Pencil 2 for Magic Note Pad 1268 </div> 1269 1270 </a> 1271 1272 1273 <a class="ncc-litem" href='https://www.storexppen.vn/buy/36.html' aria-label="link"> 1274 1275 <div class="nl-img-warpper"> 1276 1277 <div class="niw-img"> 1278 1279 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220106/82f96bcd66426a9b5d508708be1ad467.webp" 1280 1281 alt="P05 / P05R" 1282 1283 class="ncc-litem-img"> 1284 1285 </div> 1286 1287 </div> 1288 1289 1290 1291 1292 1293 <div class="ncc-litem-title"> 1294 1295 P05 / P05R 1296 </div> 1297 1298 </a> 1299 1300 1301 <a class="ncc-litem" href='https://www.storexppen.vn/buy/35.html' aria-label="link"> 1302 1303 <div class="nl-img-warpper"> 1304 1305 <div class="niw-img"> 1306 1307 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220106/069dffb22afb22758040914465231b2c.webp" 1308 1309 alt="PH10B Battery-free Stylus" 1310 1311 class="ncc-litem-img"> 1312 1313 </div> 1314 1315 </div> 1316 1317 1318 1319 1320 1321 <div class="ncc-litem-title"> 1322 1323 PH10B Battery-free Stylus 1324 </div> 1325 1326 </a> 1327 1328 1329 <a class="ncc-litem" href='https://www.storexppen.vn/buy/34.html' aria-label="link"> 1330
1331 <div class="nl-img-warpper"> 1332 1333 <div class="niw-img"> 1334 1335 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220106/a675bdfd0d5bb7f0a3081c61f7ccdc84.webp" 1336 1337 alt="PH20B Battery-Free Stylus" 1338 1339 class="ncc-litem-img"> 1340 1341 </div> 1342 1343 </div> 1344 1345 1346 1347 1348 1349 <div class="ncc-litem-title"> 1350 1351 PH20B Battery-Free Stylus 1352 </div> 1353 1354 </a> 1355 1356 1357 <a class="ncc-litem" href='https://www.storexppen.vn/buy/33.html' aria-label="link"> 1358 1359 <div class="nl-img-warpper"> 1360 1361 <div class="niw-img"> 1362 1363 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220106/44a9936079f2854dbc8330a38573071d.webp" 1364 1365 alt="PA6 Battery-free Stylus" 1366 1367 class="ncc-litem-img"> 1368 1369 </div> 1370 1371 </div> 1372 1373 1374 1375 1376 1377 <div class="ncc-litem-title"> 1378 1379 PA6 Battery-free Stylus 1380 </div> 1381 1382 </a> 1383 1384 <div class="view-more-row"><a href="http://www.storexppen.vn/series/stylus.html" aria-label="link">View More 1385 <i class="iconfont icon-a-icon1x-32"></i></a></div> 1386 1387 </div> 1388 1389 </div> 1390 1391 </div> 1392 1393 1394 <div class="nw-category-item"> 1395 1396 <div class="nw-category-warpper"> 1397 1398 1399 1400 1401 <a href="http://www.storexppen.vn/series/nibs.html" class="nw-category-title" aria-label="link"> 1402 1403 Nibs <i class="iconfont icon-a-icon1x-32"></i> 1404 1405 </a> 1406 1407 1408 <div class="nw-category-content"> 1409 1410 1411 <a class="ncc-litem" href='https://www.storexppen.vn/buy/felt-nibs.html' aria-label="link"> 1412
1413 <div class="nl-img-warpper"> 1414 1415 <div class="niw-img"> 1416 1417 <img data-src="https://resource.xp-pen.com/Uploads/goods/20240906/YbvEujVPMDOHzHu1Bkx0.webp" 1418 1419 alt="Felt Nibs -20pcs" 1420 1421 class="ncc-litem-img"> 1422 1423 </div> 1424 1425 </div> 1426 1427 1428 1429 1430 1431 <div class="ncc-litem-title"> 1432 1433 Felt Nibs -20pcs 1434 </div> 1435 1436 </a> 1437 1438 1439 <a class="ncc-litem" href='https://www.storexppen.vn/buy/41.html' aria-label="link"> 1440 1441 <div class="nl-img-warpper"> 1442 1443 <div class="niw-img"> 1444 1445 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220107/b73986eb21aaaeedd8a2e9bca241e207.webp" 1446 1447 alt="Replacement Nibs (50PCS)" 1448 1449 class="ncc-litem-img"> 1450 1451 </div> 1452 1453 </div> 1454 1455 1456 1457 1458 1459 <div class="ncc-litem-title"> 1460 1461 Replacement Nibs (50PCS) 1462 </div> 1463 1464 </a> 1465 1466 <div class="view-more-row"><a href="http://www.storexppen.vn/series/nibs.html" aria-label="link">View More 1467 <i class="iconfont icon-a-icon1x-32"></i></a></div> 1468 1469 </div> 1470 1471 </div> 1472 1473 </div> 1474 1475 1476 <div class="nw-category-item"> 1477 1478 <div class="nw-category-warpper"> 1479 1480 1481 1482 1483 <a href="http://www.storexppen.vn/series/stand.html" class="nw-category-title" aria-label="link"> 1484 1485 Stands & Gloves <i class="iconfont icon-a-icon1x-32"></i> 1486 1487 </a> 1488 1489 1490 <div class="nw-category-content"> 1491 1492 1493 <a class="ncc-litem" href='https://www.storexppen.vn/buy/acs15-ergo-stand.html' aria-label="link"> 1494
1495 <div class="nl-img-warpper"> 1496 1497 <div class="niw-img"> 1498 1499 <img data-src="https://resource.xp-pen.com/Uploads/goods/20250724/ZoO3DNPaJM1TydbaEFSg.webp" 1500 1501 alt="ACS15 Ergo Stand" 1502 1503 class="ncc-litem-img"> 1504 1505 </div> 1506 1507 </div> 1508 1509 1510 1511 1512 1513 <div class="ncc-litem-title"> 1514 1515 ACS15 Ergo Stand 1516 </div> 1517 1518 </a> 1519 1520 1521 <a class="ncc-litem" href='https://www.storexppen.vn/buy/acs18-stand.html' aria-label="link"> 1522 1523 <div class="nl-img-warpper"> 1524 1525 <div class="niw-img"> 1526 1527 <img data-src="https://resource.xp-pen.com/Uploads/goods/20241031/wjdrqzOsN1Gs1K2CjBcO.webp" 1528 1529 alt="ACS18 Adjustable Stand" 1530 1531 class="ncc-litem-img"> 1532 1533 </div> 1534 1535 </div> 1536 1537 1538 1539 1540 1541 <div class="ncc-litem-title"> 1542 1543 ACS18 Adjustable Stand 1544 </div> 1545 1546 </a> 1547 1548 1549 <a class="ncc-litem" href='https://www.storexppen.vn/buy/stand.html' aria-label="link"> 1550 1551 <div class="nl-img-warpper"> 1552 1553 <div class="niw-img"> 1554 1555 <img data-src="https://resource.xp-pen.com/Uploads/goods/20240430/Sn1pGdZTAoeuULMKWdnB.webp" 1556 1557 alt="ACS05 Stand for Drawing Display" 1558 1559 class="ncc-litem-img"> 1560 1561 </div> 1562 1563 </div> 1564 1565 1566 1567 1568 1569 <div class="ncc-litem-title"> 1570 1571 ACS05 Stand for Drawing Display 1572 </div> 1573 1574 </a> 1575 1576 1577 <a class="ncc-litem" href='https://www.storexppen.vn/buy/50.html' aria-label="link"> 1578
1579 <div class="nl-img-warpper"> 1580 1581 <div class="niw-img"> 1582 1583 <img data-src="https://resource.xp-pen.com/Uploads/goods/20240329/nzpvWd24GpHdDV3KK7OP.webp" 1584 1585 alt="Drawing Glove" 1586 1587 class="ncc-litem-img"> 1588 1589 </div> 1590 1591 </div> 1592 1593 1594 1595 1596 1597 <div class="ncc-litem-title"> 1598 1599 Drawing Glove 1600 </div> 1601 1602 </a> 1603 1604 <div class="view-more-row"><a href="http://www.storexppen.vn/series/stand.html" aria-label="link">View More 1605 <i class="iconfont icon-a-icon1x-32"></i></a></div> 1606 1607 </div> 1608 1609 </div> 1610 1611 </div> 1612 1613 1614 <div class="nw-category-item"> 1615 1616 <div class="nw-category-warpper"> 1617 1618 1619 1620 1621 <a href="http://www.storexppen.vn/series/case.html" class="nw-category-title" aria-label="link"> 1622 1623 Protective Case <i class="iconfont icon-a-icon1x-32"></i> 1624 1625 </a> 1626 1627 1628 <div class="nw-category-content"> 1629 1630 1631 <a class="ncc-litem" href='https://www.storexppen.vn/buy/76.html' aria-label="link"> 1632 1633 <div class="nl-img-warpper"> 1634 1635 <div class="niw-img"> 1636 1637 <img data-src="https://resource.xp-pen.com/Uploads/goods/20240906/kck5XUVIKSX2LcTHV1ef.webp" 1638 1639 alt="Sleeve Bag for Magic Drawing Pad" 1640 1641 class="ncc-litem-img"> 1642 1643 </div> 1644 1645 </div> 1646 1647 1648 1649 1650 1651 <div class="ncc-litem-title"> 1652 1653 Sleeve Bag for Magic Drawing Pad 1654 </div> 1655 1656 </a> 1657 1658 1659 <a class="ncc-litem" href='https://www.storexppen.vn/buy/54.html' aria-label="link"> 1660
1661 <div class="nl-img-warpper"> 1662 1663 <div class="niw-img"> 1664 1665 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220610/6e9c3848fc92cf6c8b2947d984462325.webp" 1666 1667 alt="ACJ08/ACJ09 Sleeve Case" 1668 1669 class="ncc-litem-img"> 1670 1671 </div> 1672 1673 </div> 1674 1675 1676 1677 1678 1679 <div class="ncc-litem-title"> 1680 1681 ACJ08/ACJ09 Sleeve Case 1682 </div> 1683 1684 </a> 1685 1686 1687 <a class="ncc-litem" href='https://www.storexppen.vn/buy/53.html' aria-label="link"> 1688 1689 <div class="nl-img-warpper"> 1690 1691 <div class="niw-img"> 1692 1693 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220610/fb269912032ca02d26562ad11baf40d8.webp" 1694 1695 alt="ACJ02/ACJ03 Sleeve Case" 1696 1697 class="ncc-litem-img"> 1698 1699 </div> 1700 1701 </div> 1702 1703 1704 1705 1706 1707 <div class="ncc-litem-title"> 1708 1709 ACJ02/ACJ03 Sleeve Case 1710 </div> 1711 1712 </a> 1713 1714 <div class="view-more-row"><a href="http://www.storexppen.vn/series/case.html" aria-label="link">View More 1715 <i class="iconfont icon-a-icon1x-32"></i></a></div> 1716 1717 </div> 1718 1719 </div> 1720 1721 </div> 1722 1723 1724 <div class="nw-category-item"> 1725 1726 <div class="nw-category-warpper"> 1727 1728 1729 1730 1731 <a href="http://www.storexppen.vn/series/film.html" class="nw-category-title" aria-label="link"> 1732 1733 Protective Film <i class="iconfont icon-a-icon1x-32"></i> 1734 1735 </a> 1736 1737 1738 <div class="nw-category-content"> 1739 1740 1741 <a class="ncc-litem" href='https://www.storexppen.vn/buy/45.html' aria-label="link"> 1742
1743 <div class="nl-img-warpper"> 1744 1745 <div class="niw-img"> 1746 1747 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220107/e5e3337bd75f6d293946f7883b2fc8a5.webp" 1748 1749 alt="Protective Film for Drawing Display -2PCS" 1750 1751 class="ncc-litem-img"> 1752 1753 </div> 1754 1755 </div> 1756 1757 1758 1759 1760 1761 <div class="ncc-litem-title"> 1762 1763 Protective Film for Drawing Display -2PCS 1764 </div> 1765 1766 </a> 1767 1768 1769 <a class="ncc-litem" href='https://www.storexppen.vn/buy/44.html' aria-label="link"> 1770 1771 <div class="nl-img-warpper"> 1772 1773 <div class="niw-img"> 1774 1775 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220107/c2f33d4e25f740a53f6256fb9220e49d.webp" 1776 1777 alt="Protective Film for Drawing Tablet (2PCS)" 1778 1779 class="ncc-litem-img"> 1780 1781 </div> 1782 1783 </div> 1784 1785 1786 1787 1788 1789 <div class="ncc-litem-title"> 1790 1791 Protective Film for Drawing Tablet (2PCS) 1792 </div> 1793 1794 </a> 1795 1796 <div class="view-more-row"><a href="http://www.storexppen.vn/series/film.html" aria-label="link">View More 1797 <i class="iconfont icon-a-icon1x-32"></i></a></div> 1798 1799 </div> 1800 1801 </div> 1802 1803 </div> 1804 1805 1806 <div class="nw-category-item"> 1807 1808 <div class="nw-category-warpper"> 1809 1810 1811 1812 1813 <a href="http://www.storexppen.vn/series/shortcut-remote-others.html" class="nw-category-title" aria-label="link"> 1814 1815 Shortcut Remote & Others <i class="iconfont icon-a-icon1x-32"></i> 1816 1817 </a> 1818 1819 1820 <div class="nw-category-content"> 1821 1822 1823 <a class="ncc-litem" href='https://www.storexppen.vn/buy/pilot-pro.html' aria-label="link"> 1824
1825 <div class="nl-img-warpper"> 1826 1827 <div class="niw-img"> 1828 1829 <img data-src="https://resource.xp-pen.com/Uploads/goods/20260518/sSt6Cn6WNCaHsPWFrzp9.webp" 1830 1831 alt="Pilot Pro Editing Console" 1832 1833 class="ncc-litem-img"> 1834 1835 </div> 1836 1837 </div> 1838 1839 1840 1841 1842 1843 <div class="ncc-litem-title"> 1844 1845 Pilot Pro Editing Console 1846 </div> 1847 1848 </a> 1849 1850 1851 <a class="ncc-litem" href='https://www.storexppen.vn/buy/ack09-keyboard.html' aria-label="link"> 1852 1853 <div class="nl-img-warpper"> 1854 1855 <div class="niw-img"> 1856 1857 <img data-src="https://resource.xp-pen.com/Uploads/goods/20251110/VZQ7w4dnelZhMddTEKQg.webp" 1858 1859 alt="ACK09 Keyboard for Magic Note Pad" 1860 1861 class="ncc-litem-img"> 1862 1863 </div> 1864 1865 </div> 1866 1867 1868 1869 1870 1871 <div class="ncc-litem-title"> 1872 1873 ACK09 Keyboard for Magic Note Pad 1874 </div> 1875 1876 </a> 1877 1878 1879 <a class="ncc-litem" href='https://www.storexppen.vn/buy/ack08-keyboard.html' aria-label="link"> 1880 1881 <div class="nl-img-warpper"> 1882 1883 <div class="niw-img"> 1884 1885 <img data-src="https://resource.xp-pen.com/Uploads/goods/20240627/zV9z2QPwl4qE8drJvLpM.webp" 1886 1887 alt="ACK08 Keyboard for Magic Drawing Pad" 1888 1889 class="ncc-litem-img"> 1890 1891 </div> 1892 1893 </div> 1894 1895 1896 1897 1898 1899 <div class="ncc-litem-title"> 1900 1901 ACK08 Keyboard for Magic Drawing Pad 1902 </div> 1903 1904 </a> 1905 1906 1907 <a class="ncc-litem" href='https://www.storexppen.vn/buy/ack05-shortcut-remote.html' aria-label="link"> 1908
1909 <div class="nl-img-warpper"> 1910 1911 <div class="niw-img"> 1912 1913 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20230606/2f161babc1111cf0cef319d6a28edc68.webp" 1914 1915 alt="ACK05 Shortcut Remote" 1916 1917 class="ncc-litem-img"> 1918 1919 </div> 1920 1921 </div> 1922 1923 1924 1925 1926 1927 <div class="ncc-litem-title"> 1928 1929 ACK05 Shortcut Remote 1930 </div> 1931 1932 </a> 1933 1934 1935 <a class="ncc-litem" href='https://www.storexppen.vn/buy/otg.html' aria-label="link"> 1936 1937 <div class="nl-img-warpper"> 1938 1939 <div class="niw-img"> 1940 1941 <img data-src="https://resource.xp-pen.com/Uploads/goods/20240606/L2DFTd3qRBT1zbynw94c.webp" 1942 1943 alt="OTG Dongle" 1944 1945 class="ncc-litem-img"> 1946 1947 </div> 1948 1949 </div> 1950 1951 1952 1953 1954 1955 <div class="ncc-litem-title"> 1956 1957 OTG Dongle 1958 </div> 1959 1960 </a> 1961 1962 1963 <a class="ncc-litem" href='https://www.storexppen.vn/buy/49.html' aria-label="link"> 1964 1965 <div class="nl-img-warpper"> 1966 1967 <div class="niw-img"> 1968 1969 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220107/6d80570c9802d68eae30736bd56b5cb7.webp" 1970 1971 alt="Shortcut Keys Sticker (Pack of 8)" 1972 1973 class="ncc-litem-img"> 1974 1975 </div> 1976 1977 </div> 1978 1979 1980 1981 1982 1983 <div class="ncc-litem-title"> 1984 1985 Shortcut Keys Sticker (Pack of 8) 1986 </div> 1987 1988 </a> 1989 1990 1991 <a class="ncc-litem" href='https://www.storexppen.vn/buy/wireless-receiver.html' aria-label="link"> 1992
1993 <div class="nl-img-warpper"> 1994 1995 <div class="niw-img"> 1996 1997 <img data-src="https://resource.xp-pen.com/Uploads/goods/20240712/rOviUmZnCsNGAx29d0wK.webp" 1998 1999 alt="Wireless Receiver for ACK05 Shortcut Keys" 2000 2001 class="ncc-litem-img"> 2002 2003 </div> 2004 2005 </div> 2006 2007 2008 2009 2010 2011 <div class="ncc-litem-title"> 2012 2013 Wireless Receiver for ACK05 Shortcut Keys 2014 </div> 2015 2016 </a> 2017 2018 <div class="view-more-row"><a href="http://www.storexppen.vn/series/shortcut-remote-others.html" aria-label="link">View More 2019 <i class="iconfont icon-a-icon1x-32"></i></a></div> 2020 2021 </div> 2022 2023 </div> 2024 2025 </div> 2026 2027 2028 <div class="nw-category-item"> 2029 2030 <div class="nw-category-warpper"> 2031 2032 2033 2034 2035 <a href="http://www.storexppen.vn/series/cable.html" class="nw-category-title" aria-label="link"> 2036 2037 Cables <i class="iconfont icon-a-icon1x-32"></i> 2038 2039 </a> 2040 2041 2042 <div class="nw-category-content"> 2043 2044 2045 <a class="ncc-litem" href='https://www.storexppen.vn/buy/63.html' aria-label="link"> 2046 2047 <div class="nl-img-warpper"> 2048 2049 <div class="niw-img"> 2050 2051 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20230324/a5ea2fc4a5532956414dfbe606743a53.webp" 2052 2053 alt="Charging cables for Drawing tablet" 2054 2055 class="ncc-litem-img"> 2056 2057 </div> 2058 2059 </div> 2060 2061 2062 2063 2064 2065 <div class="ncc-litem-title"> 2066 2067 Charging cables for Drawing tablet 2068 </div> 2069 2070 </a> 2071 2072 2073 <a class="ncc-litem" href='https://www.storexppen.vn/buy/48.html' aria-label="link"> 2074
2075 <div class="nl-img-warpper"> 2076 2077 <div class="niw-img"> 2078 2079 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220107/15561e4dce0735a5a26b54e39eaaea28.webp" 2080 2081 alt="Type C to Type C Cable" 2082 2083 class="ncc-litem-img"> 2084 2085 </div> 2086 2087 </div> 2088 2089 2090 2091 2092 2093 <div class="ncc-litem-title"> 2094 2095 Type C to Type C Cable 2096 </div> 2097 2098 </a> 2099 2100 2101 <a class="ncc-litem" href='https://www.storexppen.vn/buy/46.html' aria-label="link"> 2102 2103 <div class="nl-img-warpper"> 2104 2105 <div class="niw-img"> 2106 2107 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220107/a767098de2928548e63c95b887e08124.webp" 2108 2109 alt="3-in-1 Cable for Drawing Display" 2110 2111 class="ncc-litem-img"> 2112 2113 </div> 2114 2115 </div> 2116 2117 2118 2119 2120 2121 <div class="ncc-litem-title"> 2122 2123 3-in-1 Cable for Drawing Display 2124 </div> 2125 2126 </a> 2127 2128 <div class="view-more-row"><a href="http://www.storexppen.vn/series/cable.html" aria-label="link">View More 2129 <i class="iconfont icon-a-icon1x-32"></i></a></div> 2130 2131 </div> 2132 2133 </div> 2134 2135 </div> 2136 2137 2138 2139 2140 </div> 2141 2142 2143 2144 </div> 2145 2146 </div> 2147 2148 2149 </div> 2150 2151 </div> 2152 <i class="icon-a-icon1x-32 iconfont right-icon"></i> 2153</div> 2154<div class="navbar_right member"> 2155 2156 2157 <!-- è¯è¨åæ¢ --> 2158 <div class="menu-search"> 2159 <i class="iconfont icon-a-icon1x-30"></i> 2160 2161 </div> 2162 <!-- è´ç©è½¦ --> 2163 <div class="navmenu_hover navbar_right_cart nav_carts" id="nav_carts"> 2164 <a class="shownavcart" href="https://www.storexppen.vn/cart/index.html" aria-label="link"> 2165 <i class="iconfont icon-shopping-cart" id="cart_icon">
2166 <span class="badge badge-primary icon_cart_num" 2167 style="display: inline-block;vertical-align: sub;">0</span> 2168 </i> 2169 </a> 2170 </div> 2171 <!-- ç»å½ --> 2172 <div class="navmenu_hover navbar_right_account" id="nav_accounts"> 2173 <a aria-label="link" href='https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.vn/sales-event.html&lang=vn&webref=' 2174 class="login1" rel='nofollow'> 2175 2176 <i class="iconfont icon-user"></i> 2177 </a> 2178 <ul class="navbar_account_menu login_content"> 2179 <span class="nav_bagview_caret right_account"></span> 2180 <li><a aria-label="link" id="login_url" 2181 href='https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.vn/sales-event.html&lang=vn&webref=' 2182 class="login2" rel="nofollow"> Sign in</a></li> 2183 <li><a aria-label="link" href='https://account.xp-pen.com/reg/index?jumpUrl=https://www.storexppen.vn/sales-event.html&lang=vn&webref=' 2184 class="login3" rel="nofollow">Register</a></li> 2185 2186 </ul> 2187 </div> 2188 2189 2190 2191</div> 2192 <!-- <div class="header-word-waprrer"> 2193 <i class="iconfont icon-world toggle-word"></i> 2194 <div class="hww-warpper"> 2195 <div class="hw-item location-select"> 2196 <div class="hi-label"> 2197 Location: 2198 2199 </div> 2200 <div class="hi-value"> 2201 Southeast Asia Official Store <i class="iconfont icon-a-icon1x-32"></i> 2202 2203 </div> 2204 </div> 2205 <div class="hw-item"> 2206 <div class="hi-label"> 2207 CURRENCY: 2208 </div> 2209 2210 </div> 2211 </div> 2212 2213 </div> --> 2214 2215 <div class="" id="openUser" style='display: none'> 2216 <a href="https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.vn/sales-event.html&lang=vn&webref=" rel="nofollow" aria-label="login"> 2217 <i class="iconfont icon-account"></i> 2218 </a> 2219 </div> 2220 2221 </div> 2222 <div class="collapse navbar-collapse" id="collapsibleNavbar"> 2223 <div class="navbarToggleExternalContent-warpper"> 2224 <!--ç§»å¨ç«¯èå--> 2225 <div class="moblie-menu"> 2226 2227 <div class="moblie-menu-sale-activity"> 2228 <a href='https://www.storexppen.vn/sales-event.html' target='_self' aria-label="link"><img src="https://resource.xp-pen.com/img/xppen/fire.webp" width="32" height="32" alt="image">Äại há»i Sale 10/10</a> 2229 </div> 2230 <div class="moblie-menu-item"> 2231 <div class="mei-title"> 2232 Magic Note Pad <i class="icon-a-icon1x-34 iconfont"></i> 2233 </div> 2234 <!--æ åç±»çæ åµ--> 2235 <div class="mei-warpper-content"> 2236 <div class="mei-warpper"> 2237 <a class="mei-item" href='https://www.storexppen.vn/buy/magic-note-pad.html' aria-label="link"> 2238 <div class="mi-img-warpper"> 2239 <img data-src="https://resource.xp-pen.com/Uploads/goods/20250703/XrqOc0Cbo1F1ooxqvyo0.webp" 2240 alt="Magic Note Pad"> 2241 </div> 2242 <div class="title"> 2243 Magic Note Pad </div> 2244 </a> 2245 <a href="https://www.storexppen.vn/series/magic-note-pad.html" class="mw-view-more">View More</a> 2246 2247 2248 </div> 2249 </div> 2250 2251 2252 </div> 2253 <div class="moblie-menu-item"> 2254 <div class="mei-title"> 2255 Graphic Display <i class="icon-a-icon1x-34 iconfont"></i> 2256 </div> 2257 <!--æ åç±»çæ åµ--> 2258 <div class="mei-warpper-content"> 2259 <div class="mei-warpper"> 2260 <a class="mei-item" href='https://www.storexppen.vn/buy/artist-16-3rd.html' aria-label="link">
2261 <div class="mi-img-warpper"> 2262 <img data-src="https://resource.xp-pen.com/Uploads/goods/20260413/QVNyWnUq5FBT5aTdbsOj.webp" 2263 alt="Artist 16 3rd -X4 Stylus"> 2264 </div> 2265 <div class="title"> 2266 Artist 16 3rd -X4 Stylus </div> 2267 </a> 2268 <a class="mei-item" href='https://www.storexppen.vn/buy/magic-drawing-pad.html' aria-label="link"> 2269 <div class="mi-img-warpper"> 2270 <img data-src="https://resource.xp-pen.com/Uploads/goods/20250808/46Ly17DpoINbbxpGm9sG.webp" 2271 alt="Magic Drawing Pad"> 2272 </div> 2273 <div class="title"> 2274 Magic Drawing Pad </div> 2275 </a> 2276 <a class="mei-item" href='https://www.storexppen.vn/buy/artist-ultra-14.html' aria-label="link"> 2277 <div class="mi-img-warpper"> 2278 <img data-src="https://resource.xp-pen.com/Uploads/goods/20260813/xHIhPGHztwlflXvsuwAl.webp" 2279 alt="Artist Ultra 14"> 2280 </div> 2281 <div class="title"> 2282 Artist Ultra 14 </div> 2283 </a> 2284 <a class="mei-item" href='https://www.storexppen.vn/buy/artist-12-3rd.html' aria-label="link"> 2285 <div class="mi-img-warpper"> 2286 <img data-src="https://resource.xp-pen.com/Uploads/goods/20260630/OVCEIvv7iHWov3bkKAl0.webp" 2287 alt="Artist 12 3rd"> 2288 </div> 2289 <div class="title"> 2290 Artist 12 3rd </div> 2291 </a> 2292 <a class="mei-item" href='https://www.storexppen.vn/buy/artist-12-2nd-gen.html' aria-label="link"> 2293 <div class="mi-img-warpper"> 2294 <img data-src="https://resource.xp-pen.com/Uploads/goods/20250821/UkZwIDj6xd714GfLIU75.webp" 2295 alt="Artist 12 2nd Gen Display"> 2296 </div> 2297 <div class="title"> 2298 Artist 12 2nd Gen Display </div> 2299 </a> 2300 <a href="https://www.storexppen.vn/series/graphic-display.html" class="mw-view-more">View More</a> 2301 2302 2303 </div> 2304 </div> 2305 2306 2307 </div> 2308 <div class="moblie-menu-item"> 2309 <div class="mei-title"> 2310 Graphic Tablet <i class="icon-a-icon1x-34 iconfont"></i> 2311 </div> 2312 <!--æ åç±»çæ åµ--> 2313 <div class="mei-warpper-content"> 2314 <div class="mei-warpper"> 2315 <a class="mei-item" href='https://www.storexppen.vn/buy/87.html' aria-label="link"> 2316 <div class="mi-img-warpper"> 2317 <img data-src="https://resource.xp-pen.com/Uploads/goods/20260409/e0XBIe7oDngi08Tcilf0.webp" 2318 alt="Doodle Learning Board"> 2319 </div> 2320 <div class="title"> 2321 Doodle Learning Board </div> 2322 </a> 2323 <a class="mei-item" href='https://www.storexppen.vn/buy/93.html' aria-label="link">
2324 <div class="mi-img-warpper"> 2325 <img data-src="https://resource.xp-pen.com/Uploads/goods/20260403/EbGp0zeNKOi4KWkZOeDg.webp" 2326 alt="Hà ng Má»i Có Há»p Äã má»"> 2327 </div> 2328 <div class="title"> 2329 Hà ng Má»i Có Há»p Äã má» </div> 2330 </a> 2331 <a class="mei-item" href='https://www.storexppen.vn/buy/38.html' aria-label="link"> 2332 <div class="mi-img-warpper"> 2333 <img data-src="https://resource.xp-pen.com/Uploads/goods/20260821/JM1UIJE7wS2P83ljChMz.webp" 2334 alt="Hà ng Mẫu Triá»n Lãm"> 2335 </div> 2336 <div class="title"> 2337 Hà ng Mẫu Triá»n Lãm </div> 2338 </a> 2339 <a class="mei-item" href='https://www.storexppen.vn/buy/note-plus.html' aria-label="link"> 2340 <div class="mi-img-warpper"> 2341 <img data-src="https://resource.xp-pen.com/Uploads/goods/20260129/8gqOoF4z8FjKt1nOB8HI.webp" 2342 alt="Note Plus"> 2343 </div> 2344 <div class="title"> 2345 Note Plus </div> 2346 </a> 2347 <a class="mei-item" href='https://www.storexppen.vn/buy/deco-640.html' aria-label="link"> 2348 <div class="mi-img-warpper"> 2349 <img data-src="https://resource.xp-pen.com/Uploads/goods/20260805/wKefzqrcsuIb1kBnckHv.webp" 2350 alt="Deco 640 16K Pen Pressure"> 2351 </div> 2352 <div class="title"> 2353 Deco 640 16K Pen Pressure </div> 2354 </a> 2355 <a href="https://www.storexppen.vn/series/graphic-tablet.html" class="mw-view-more">View More</a> 2356 2357 2358 </div> 2359 </div> 2360 2361 2362 </div> 2363 <div class="moblie-menu-item"> 2364 <div class="mei-title"> 2365 Accessories <i class="icon-a-icon1x-34 iconfont"></i> 2366 </div> 2367 <!--æåç±»çæ åµ--> 2368 <div class="mei-warpper-content" > 2369 <!--ååç±»--> 2370 <div class="mwc-item"> 2371 2372 <div class="mwc-title"> 2373 Stylus <i class="icon-a-icon1x-34 iconfont"></i> 2374 </div> 2375 2376 <div class="mei-warpper-content"> 2377 <div class="mei-warpper"> 2378 <a class="mei-item" href='https://www.storexppen.vn/buy/x4-stylus.html' aria-label="link"> 2379 <div class="mi-img-warpper"> 2380 <img data-src="https://resource.xp-pen.com/Uploads/goods/20260226/pTywg1D6xUBL7oD9bZ1g.webp" 2381 alt="X4 Stylus -16K Pen pressure"> 2382 </div> 2383 <div class="title"> 2384 X4 Stylus -16K Pen pressure 2385 </div> 2386 </a> 2387 <a class="mei-item" href='https://www.storexppen.vn/buy/x3-pro-stylus.html' aria-label="link">
2388 <div class="mi-img-warpper"> 2389 <img data-src="https://resource.xp-pen.com/Uploads/goods/20240511/Akf1CO0kA6KhzReZitqg.webp" 2390 alt="X3 Pro Roller Stylus & X3 Pro Stylus"> 2391 </div> 2392 <div class="title"> 2393 X3 Pro Roller Stylus & X3 Pro Stylus 2394 </div> 2395 </a> 2396 <a class="mei-item" href='https://www.storexppen.vn/buy/37.html' aria-label="link"> 2397 <div class="mi-img-warpper"> 2398 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220106/752fae1bf63411bbacf9a7669a33b44f.webp" 2399 alt="P01 Battery-free Stylus"> 2400 </div> 2401 <div class="title"> 2402 P01 Battery-free Stylus 2403 </div> 2404 </a> 2405 <a class="mei-item" href='https://www.storexppen.vn/buy/92.html' aria-label="link"> 2406 <div class="mi-img-warpper"> 2407 <img data-src="https://resource.xp-pen.com/Uploads/goods/20260316/mDFa2Y7P8U8srT1twPop.webp" 2408 alt="X3 Pro Stylus Pencil 2 for Magic Note Pad"> 2409 </div> 2410 <div class="title"> 2411 X3 Pro Stylus Pencil 2 for Magic Note Pad 2412 </div> 2413 </a> 2414 <a class="mei-item" href='https://www.storexppen.vn/buy/36.html' aria-label="link"> 2415 <div class="mi-img-warpper"> 2416 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220106/82f96bcd66426a9b5d508708be1ad467.webp" 2417 alt="P05 / P05R"> 2418 </div> 2419 <div class="title"> 2420 P05 / P05R 2421 </div> 2422 </a> 2423 <a class="mei-item" href='https://www.storexppen.vn/buy/35.html' aria-label="link"> 2424 <div class="mi-img-warpper"> 2425 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220106/069dffb22afb22758040914465231b2c.webp" 2426 alt="PH10B Battery-free Stylus"> 2427 </div> 2428 <div class="title"> 2429 PH10B Battery-free Stylus 2430 </div> 2431 </a> 2432 <a class="mei-item" href='https://www.storexppen.vn/buy/34.html' aria-label="link"> 2433 <div class="mi-img-warpper"> 2434 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220106/a675bdfd0d5bb7f0a3081c61f7ccdc84.webp" 2435 alt="PH20B Battery-Free Stylus"> 2436 </div> 2437 <div class="title"> 2438 PH20B Battery-Free Stylus 2439 </div> 2440 </a> 2441 <a class="mei-item" href='https://www.storexppen.vn/buy/33.html' aria-label="link">
2442 <div class="mi-img-warpper"> 2443 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220106/44a9936079f2854dbc8330a38573071d.webp" 2444 alt="PA6 Battery-free Stylus"> 2445 </div> 2446 <div class="title"> 2447 PA6 Battery-free Stylus 2448 </div> 2449 </a> 2450 <a href="https://www.storexppen.vn/series/stylus.html" class="mw-view-more">View More</a> 2451 2452 2453 </div> 2454 2455 2456 </div> 2457 2458 2459 2460 </div> 2461 <!--ååç±»--> 2462 <div class="mwc-item"> 2463 2464 <div class="mwc-title"> 2465 Nibs <i class="icon-a-icon1x-34 iconfont"></i> 2466 </div> 2467 2468 <div class="mei-warpper-content"> 2469 <div class="mei-warpper"> 2470 <a class="mei-item" href='https://www.storexppen.vn/buy/felt-nibs.html' aria-label="link"> 2471 <div class="mi-img-warpper"> 2472 <img data-src="https://resource.xp-pen.com/Uploads/goods/20240906/YbvEujVPMDOHzHu1Bkx0.webp" 2473 alt="Felt Nibs -20pcs"> 2474 </div> 2475 <div class="title"> 2476 Felt Nibs -20pcs 2477 </div> 2478 </a> 2479 <a class="mei-item" href='https://www.storexppen.vn/buy/41.html' aria-label="link"> 2480 <div class="mi-img-warpper"> 2481 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220107/b73986eb21aaaeedd8a2e9bca241e207.webp" 2482 alt="Replacement Nibs (50PCS)"> 2483 </div> 2484 <div class="title"> 2485 Replacement Nibs (50PCS) 2486 </div> 2487 </a> 2488 <a href="https://www.storexppen.vn/series/nibs.html" class="mw-view-more">View More</a> 2489 2490 2491 </div> 2492 2493 2494 </div> 2495 2496 2497 2498 </div> 2499 <!--ååç±»--> 2500 <div class="mwc-item"> 2501 2502 <div class="mwc-title"> 2503 Stands & Gloves <i class="icon-a-icon1x-34 iconfont"></i> 2504 </div> 2505 2506 <div class="mei-warpper-content"> 2507 <div class="mei-warpper"> 2508 <a class="mei-item" href='https://www.storexppen.vn/buy/acs15-ergo-stand.html' aria-label="link"> 2509 <div class="mi-img-warpper"> 2510 <img data-src="https://resource.xp-pen.com/Uploads/goods/20250724/ZoO3DNPaJM1TydbaEFSg.webp" 2511 alt="ACS15 Ergo Stand"> 2512 </div> 2513 <div class="title"> 2514 ACS15 Ergo Stand 2515 </div> 2516 </a> 2517 <a class="mei-item" href='https://www.storexppen.vn/buy/acs18-stand.html' aria-label="link">
2518 <div class="mi-img-warpper"> 2519 <img data-src="https://resource.xp-pen.com/Uploads/goods/20241031/wjdrqzOsN1Gs1K2CjBcO.webp" 2520 alt="ACS18 Adjustable Stand"> 2521 </div> 2522 <div class="title"> 2523 ACS18 Adjustable Stand 2524 </div> 2525 </a> 2526 <a class="mei-item" href='https://www.storexppen.vn/buy/stand.html' aria-label="link"> 2527 <div class="mi-img-warpper"> 2528 <img data-src="https://resource.xp-pen.com/Uploads/goods/20240430/Sn1pGdZTAoeuULMKWdnB.webp" 2529 alt="ACS05 Stand for Drawing Display"> 2530 </div> 2531 <div class="title"> 2532 ACS05 Stand for Drawing Display 2533 </div> 2534 </a> 2535 <a class="mei-item" href='https://www.storexppen.vn/buy/50.html' aria-label="link"> 2536 <div class="mi-img-warpper"> 2537 <img data-src="https://resource.xp-pen.com/Uploads/goods/20240329/nzpvWd24GpHdDV3KK7OP.webp" 2538 alt="Drawing Glove"> 2539 </div> 2540 <div class="title"> 2541 Drawing Glove 2542 </div> 2543 </a> 2544 <a href="https://www.storexppen.vn/series/stand.html" class="mw-view-more">View More</a> 2545 2546 2547 </div> 2548 2549 2550 </div> 2551 2552 2553 2554 </div> 2555 <!--ååç±»--> 2556 <div class="mwc-item"> 2557 2558 <div class="mwc-title"> 2559 Protective Case <i class="icon-a-icon1x-34 iconfont"></i> 2560 </div> 2561 2562 <div class="mei-warpper-content"> 2563 <div class="mei-warpper"> 2564 <a class="mei-item" href='https://www.storexppen.vn/buy/76.html' aria-label="link"> 2565 <div class="mi-img-warpper"> 2566 <img data-src="https://resource.xp-pen.com/Uploads/goods/20240906/kck5XUVIKSX2LcTHV1ef.webp" 2567 alt="Sleeve Bag for Magic Drawing Pad"> 2568 </div> 2569 <div class="title"> 2570 Sleeve Bag for Magic Drawing Pad 2571 </div> 2572 </a> 2573 <a class="mei-item" href='https://www.storexppen.vn/buy/54.html' aria-label="link"> 2574 <div class="mi-img-warpper"> 2575 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220610/6e9c3848fc92cf6c8b2947d984462325.webp" 2576 alt="ACJ08/ACJ09 Sleeve Case"> 2577 </div> 2578 <div class="title"> 2579 ACJ08/ACJ09 Sleeve Case 2580 </div> 2581 </a> 2582 <a class="mei-item" href='https://www.storexppen.vn/buy/53.html' aria-label="link">
2583 <div class="mi-img-warpper"> 2584 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220610/fb269912032ca02d26562ad11baf40d8.webp" 2585 alt="ACJ02/ACJ03 Sleeve Case"> 2586 </div> 2587 <div class="title"> 2588 ACJ02/ACJ03 Sleeve Case 2589 </div> 2590 </a> 2591 <a href="https://www.storexppen.vn/series/case.html" class="mw-view-more">View More</a> 2592 2593 2594 </div> 2595 2596 2597 </div> 2598 2599 2600 2601 </div> 2602 <!--ååç±»--> 2603 <div class="mwc-item"> 2604 2605 <div class="mwc-title"> 2606 Protective Film <i class="icon-a-icon1x-34 iconfont"></i> 2607 </div> 2608 2609 <div class="mei-warpper-content"> 2610 <div class="mei-warpper"> 2611 <a class="mei-item" href='https://www.storexppen.vn/buy/45.html' aria-label="link"> 2612 <div class="mi-img-warpper"> 2613 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220107/e5e3337bd75f6d293946f7883b2fc8a5.webp" 2614 alt="Protective Film for Drawing Display -2PCS"> 2615 </div> 2616 <div class="title"> 2617 Protective Film for Drawing Display -2PCS 2618 </div> 2619 </a> 2620 <a class="mei-item" href='https://www.storexppen.vn/buy/44.html' aria-label="link"> 2621 <div class="mi-img-warpper"> 2622 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220107/c2f33d4e25f740a53f6256fb9220e49d.webp" 2623 alt="Protective Film for Drawing Tablet (2PCS)"> 2624 </div> 2625 <div class="title"> 2626 Protective Film for Drawing Tablet (2PCS) 2627 </div> 2628 </a> 2629 <a href="https://www.storexppen.vn/series/film.html" class="mw-view-more">View More</a> 2630 2631 2632 </div> 2633 2634 2635 </div> 2636 2637 2638 2639 </div> 2640 <!--ååç±»--> 2641 <div class="mwc-item"> 2642 2643 <div class="mwc-title"> 2644 Shortcut Remote & Others <i class="icon-a-icon1x-34 iconfont"></i> 2645 </div> 2646 2647 <div class="mei-warpper-content"> 2648 <div class="mei-warpper"> 2649 <a class="mei-item" href='https://www.storexppen.vn/buy/pilot-pro.html' aria-label="link"> 2650 <div class="mi-img-warpper"> 2651 <img data-src="https://resource.xp-pen.com/Uploads/goods/20260518/sSt6Cn6WNCaHsPWFrzp9.webp" 2652 alt="Pilot Pro Editing Console"> 2653 </div> 2654 <div class="title"> 2655 Pilot Pro Editing Console 2656 </div> 2657 </a> 2658 <a class="mei-item" href='https://www.storexppen.vn/buy/ack09-keyboard.html' aria-label="link">
2659 <div class="mi-img-warpper"> 2660 <img data-src="https://resource.xp-pen.com/Uploads/goods/20251110/VZQ7w4dnelZhMddTEKQg.webp" 2661 alt="ACK09 Keyboard for Magic Note Pad"> 2662 </div> 2663 <div class="title"> 2664 ACK09 Keyboard for Magic Note Pad 2665 </div> 2666 </a> 2667 <a class="mei-item" href='https://www.storexppen.vn/buy/ack08-keyboard.html' aria-label="link"> 2668 <div class="mi-img-warpper"> 2669 <img data-src="https://resource.xp-pen.com/Uploads/goods/20240627/zV9z2QPwl4qE8drJvLpM.webp" 2670 alt="ACK08 Keyboard for Magic Drawing Pad"> 2671 </div> 2672 <div class="title"> 2673 ACK08 Keyboard for Magic Drawing Pad 2674 </div> 2675 </a> 2676 <a class="mei-item" href='https://www.storexppen.vn/buy/ack05-shortcut-remote.html' aria-label="link"> 2677 <div class="mi-img-warpper"> 2678 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20230606/2f161babc1111cf0cef319d6a28edc68.webp" 2679 alt="ACK05 Shortcut Remote"> 2680 </div> 2681 <div class="title"> 2682 ACK05 Shortcut Remote 2683 </div> 2684 </a> 2685 <a class="mei-item" href='https://www.storexppen.vn/buy/otg.html' aria-label="link"> 2686 <div class="mi-img-warpper"> 2687 <img data-src="https://resource.xp-pen.com/Uploads/goods/20240606/L2DFTd3qRBT1zbynw94c.webp" 2688 alt="OTG Dongle"> 2689 </div> 2690 <div class="title"> 2691 OTG Dongle 2692 </div> 2693 </a> 2694 <a class="mei-item" href='https://www.storexppen.vn/buy/49.html' aria-label="link"> 2695 <div class="mi-img-warpper"> 2696 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220107/6d80570c9802d68eae30736bd56b5cb7.webp" 2697 alt="Shortcut Keys Sticker (Pack of 8)"> 2698 </div> 2699 <div class="title"> 2700 Shortcut Keys Sticker (Pack of 8) 2701 </div> 2702 </a> 2703 <a class="mei-item" href='https://www.storexppen.vn/buy/wireless-receiver.html' aria-label="link"> 2704 <div class="mi-img-warpper"> 2705 <img data-src="https://resource.xp-pen.com/Uploads/goods/20240712/rOviUmZnCsNGAx29d0wK.webp" 2706 alt="Wireless Receiver for ACK05 Shortcut Keys"> 2707 </div> 2708 <div class="title"> 2709 Wireless Receiver for ACK05 Shortcut Keys 2710 </div> 2711 </a> 2712 <a href="https://www.storexppen.vn/series/shortcut-remote-others.html" class="mw-view-more">View More</a> 2713 2714 2715 </div> 2716 2717 2718 </div> 2719 2720 2721 2722 </div> 2723 <!--ååç±»--> 2724 <div class="mwc-item"> 2725 2726 <div class="mwc-title"> 2727 Cables <i class="icon-a-icon1x-34 iconfont"></i> 2728 </div> 2729 2730 <div class="mei-warpper-content"> 2731 <div class="mei-warpper"> 2732 <a class="mei-item" href='https://www.storexppen.vn/buy/63.html' aria-label="link">
2733 <div class="mi-img-warpper"> 2734 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20230324/a5ea2fc4a5532956414dfbe606743a53.webp" 2735 alt="Charging cables for Drawing tablet"> 2736 </div> 2737 <div class="title"> 2738 Charging cables for Drawing tablet 2739 </div> 2740 </a> 2741 <a class="mei-item" href='https://www.storexppen.vn/buy/48.html' aria-label="link"> 2742 <div class="mi-img-warpper"> 2743 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220107/15561e4dce0735a5a26b54e39eaaea28.webp" 2744 alt="Type C to Type C Cable"> 2745 </div> 2746 <div class="title"> 2747 Type C to Type C Cable 2748 </div> 2749 </a> 2750 <a class="mei-item" href='https://www.storexppen.vn/buy/46.html' aria-label="link"> 2751 <div class="mi-img-warpper"> 2752 <img data-src="https://resource.xp-pen.com/Uploads/vn/goods/20220107/a767098de2928548e63c95b887e08124.webp" 2753 alt="3-in-1 Cable for Drawing Display"> 2754 </div> 2755 <div class="title"> 2756 3-in-1 Cable for Drawing Display 2757 </div> 2758 </a> 2759 <a href="https://www.storexppen.vn/series/cable.html" class="mw-view-more">View More</a> 2760 2761 2762 </div> 2763 2764 2765 </div> 2766 2767 2768 2769 </div> 2770 2771 </div> 2772 2773 2774 </div> 2775 <div class="foot_margin_end nm-toolbar"> 2776 <div style="color:#000;border: 1px solid #CECCD3;;text-align:left;border-radius: 6px;cursor: pointer;display: flex;align-items: center; justify-content: space-between;width: 350px;background: #fff;" class="countryLanguageSelectOpen countryLanguageSelectOpen2"> 2777 <p class="current_site_name">Southeast Asia Official Store</p> 2778 <p class="icon-warpper"> <i class="iconfont icon-inter tong_icon pull-left"></i></p> 2779 2780 </div> 2781 </div> 2782 2783 2784 2785 </div> 2786 2787 2788 </div> 2789 2790</div> 2791 </div> 2792 2793 2794 <div class="search-warpper"> 2795 <div class="search_background"></div> 2796<div class="nav_search" id="nav_searchs"> 2797 <form class="search_form_bar" action="https://www.storexppen.vn/search/index.html" method="get"> 2798 <div class="search_form_wrapper"> 2799 <div class="search_form_input"> 2800 <div class="input_box" style="flex: 1;"> 2801 <button type="button" class="search_btn" aria-label="search button"><i class="iconfont icon-search"></i></button> 2802 <input class="search_input" id="searchInput" name="search_word" type="search" placeholder="search" autocomplete="off" value=""> 2803 <i class="iconfont icon-a-icon1x-31 close-icon" ></i> 2804 </div> 2805 <button type="button" class="inp_search search_btn">search</button> 2806 </div> 2807 <div class="search_form_close">
2808 <span class="close_text"> 2809 <i class="iconfont icon-close"></i> 2810 </span> 2811 </div> 2812 </div> 2813 <div class="history"> 2814 <div class="history_title"> 2815 <div>HISTORIC_RECORDS</div> 2816 <div>CLEAR_ALL</div> 2817 </div> 2818 <div class="history_btn"> 2819 </div> 2820 </div> 2821 2822 <div class="search_bar_menu" id="searchMenu" aria-hidden="true"> 2823 <div class="searchMenu-warpper"> 2824 <div class="sw-result"> 2825 <ul class="search_bar_menu_linklist search-list-box"> 2826 <li class="search_input search_bar_menu_link " data-id="43">Artist 24 Pro</li> 2827 <li class="search_input search_bar_menu_link " data-id="44">Artist Pro 16TP</li> 2828 <li class="search_input search_bar_menu_link " data-id="46">Deco mini 7W</li> 2829 <li class="search_input search_bar_menu_link " data-id="45">Artist 15.6 Pro</li> 2830 </ul> 2831 </div> 2832 <div class="sw-history"> 2833 <p class="history-title">HISTORIC_RECORDS</p> 2834 <ul class="search_bar_menu_linklist search_history"> 2835 2836 </ul> 2837 </div> 2838 2839 </div> 2840 2841 </div> 2842 2843 </form> 2844</div>
2845<script> 2846 2847 2848 var swiper = new Swiper(".mySwiper", { 2849 slidesPerView: 2, 2850 spaceBetween: 9, 2851 navigation: { 2852 nextEl: '.swiper-button-next', 2853 prevEl: '.swiper-button-prev', 2854 }, 2855 }); 2856</script>
vendor: 2 bytes, line 2856
2856
2857<script> 2858 $(function () { 2859 $('#searchInput').bind('input propertychange', debounce(ajaxGetSearchResult,100,true)); 2860 function debounce (fn, delay, immediate) { 2861 var timer = null; 2862 immediate = immediate || false; 2863 return function() { 2864 var context = this; 2865 var args = arguments; 2866 timer && clearTimeout(timer); 2867 if (immediate) { 2868 var callbackNow = !timer; 2869 timer = setTimeout(() => { 2870 timer = null; 2871 }, delay); 2872 callbackNow && fn.apply(context, args); 2873 } else { 2874 timer = setTimeout(() => { 2875 fn.apply(context, args); 2876 }, delay); 2877 } 2878 } 2879 } 2880 function ajaxGetSearchResult(){ 2881 $.ajax({ 2882 url: _ROOT_+"search/ajaxGetSearchWord", 2883 type: "get", 2884 dataType: "json", 2885 data: { "keyword": $('#searchInput').val() }, 2886 success: function (data) { 2887 let searchData = data.data 2888 let source = '' 2889 if(searchData?.recommend_keyword){ 2890 for (let i = 0; i < searchData.goods_list.length; i++) { 2891 source += `<li class="hot-search-tag vague-search-item" style="position: relative;" data-search="${searchData.goods_list[i].goods_name}" data-url="${searchData.goods_list[i].buy_url}"> 2892 <span class="search_input search_bar_menu_link cus-label-upstep" data-id="1077">${searchData.goods_list[i].goods_name}</a> 2893 </li>` 2894 } 2895 $('.search_bar_menu .search-list-box').html(source) 2896 $('.vague-search-item').click(function () { 2897 searchKeywordsHwTag($(this)); 2898 2899 window.location.href = $(this).attr('data-url'); 2900 }) 2901 }else{ 2902 for (let i = 0; i < searchData.length; i++) { 2903 source += `<li class="hot-search-tag vague-search-item" style="position: relative;" data-search="${searchData[i]}"> 2904 <span class="search_input search_bar_menu_link cus-label-upstep" data-id="1077">${searchData[i]}</span> 2905 </li>` 2906 } 2907 $('.search_bar_menu .search-list-box').html(source) 2908 $('.vague-search-item').click(function () { 2909 searchKeywordsHwTag($(this)); 2910 window.location.href = _ROOT_ + 'Search/index?search_word=' + $(this).attr('data-search'); 2911 }) 2912 } 2913 KeyWordExpHwTag(); 2914 return true; 2915 } 2916 }) 2917 2918 } 2919 2920 2921 }) 2922 2923 $('#searchInput').bind('keydown', function (event) { 2924 if (event.keyCode == "13") { 2925 if ($(this).val() != 'undefined') { 2926 let search_key = $(this).val(); 2927 updatePubAttr({ 2928 "key_word": search_key, 2929 "key_word_type": "direct_words", 2930 "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', 2931 "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1', 2932 }); 2933 hwtag('event', 'SearchKeywords', { 2934 "key_word": search_key, 2935 "key_word_type": "direct_words", 2936 }); 2937 localStorage['SearchResults'] = JSON.stringify({ 2938 "key_word" : search_key, 2939 "key_word_type" : "direct_words", 2940 "result_number" : 0, 2941 }); 2942 store_search_history(search_key); 2943 } 2944 } 2945 }) 2946 $('.search_form_input .close-icon').click(function(){ 2947 2948 $('#searchMenu').animate({height:"0"},300,function () { 2949 $(this).hide() 2950 $('.search-warpper').hide() 2951 $('#searchMenu').height('auto') 2952 $('.search_bar_menu').attr('aria-hidden', true); 2953 2954 }) 2955 $('body').off('click'); 2956 2957 }) 2958 2959 function base64Encode(str) { 2960 return btoa(encodeURIComponent(str)); 2961 } 2962 2963 2964 function getQueryString(name) { 2965 let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 2966 let r = window.location.search.substr(1).match(reg); 2967 if (r != null) { 2968 return unescape(r[2]); 2969 }; 2970 return null; 2971 } 2972 // if (window.location.pathname == '/search/index.html') { 2973 // console.log("nononononono") 2974 // $('#searchInput').val("") 2975 // } 2976 2977 function searchKeywordsHwTag($this){ 2978 2979 try { 2980 var key_word_type; 2981 var parentUl = $this.closest('ul'); 2982 if(parentUl.attr('class').includes('search_history')) { 2983 key_word_type = 'history_words'; 2984 }else{ 2985 key_word_type = 'related_words'; 2986 } 2987 let key_word = $this.text().trim(); 2988 updatePubAttr({ 2989 "key_word": key_word, 2990 "key_word_type" : key_word_type, 2991 "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', 2992 "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1' 2993 }); 2994 hwtag('event', 'SearchKeywords', { 2995 "key_word": key_word, 2996 "key_word_type" : key_word_type, 2997 }); 2998 localStorage['SearchResults'] = JSON.stringify({ 2999 'key_word' : $this.text().trim(), 3000 'key_word_type' : 'related_words', 3001 'result_number' :1 3002 }); 3003 } catch (e) { 3004 console.log(e.message); 3005 } 3006 } 3007 function KeyWordExpHwTag(){ 3008 try { 3009 let eventParam = []; 3010 $("ul.search-list-box li").each(function () { 3011 eventParam.push({ 3012 "key_word": $(this).find('.search_input').text().trim().replace(/\n/g, '') ,
3013 "key_word_type":"recommend_words" , 3014 "key_word_number": $(this).index()+1 , 3015 }); 3016 }); 3017 $(".search_input").each(function () { 3018 let key_word = $(this).find('.search_bar_menu_link').text().trim().replace(/\n/g, ''); 3019 if(key_word){ 3020 eventParam.push({ 3021 "key_word": key_word , 3022 "key_word_type":"history_words" , 3023 "key_word_number": $(this).index()+1 , 3024 }); 3025 } 3026 }); 3027 console.log(eventParam); 3028 updatePubAttr({ 3029 "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', 3030 "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1' 3031 }); 3032 hwtag('event', 'KeyWordExp', eventParam); 3033 }catch (e){ 3034 console.log(e.message); 3035 } 3036 } 3037 3038</script>
3038 3039 </div> 3040 </div> 3041 <!-- new_tips_ad (æ°æç¤ºå¹¿å) --> 3042 <!-- new_tips_ad (æ°æç¤ºå¹¿å) end--> 3043 3044<div id="body_back_rask"></div> 3045</header> 3046 3047 3048<div class="" id="store_SiteSwitchMask"></div> 3049<div id="store_SiteSwitch"> 3050 <div class="SS_el-dialog new_Year_star0"> 3051 <div class="SS_el-dialog_icon"><i class="iconfont icon-colose "></i></div> 3052 <div class="SS_el-dialog_tit"> Choose your country or region</div> 3053 <div class="SS_el-dialog_region"> 3054 <!-- 1 --> 3055 3056 </div> 3057 </div> 3058</div>
3059<script async src="/newxp/static2024/js/index/header.js?ver=20260814"></script>
vendor: 2 bytes, line 3059
3059
3060<script src="/newxp/static2024/js/index/lazy.js?ver=20260814"></script>
vendor: 2 bytes, line 3060
3060
3061<script src="/newxp/static2024/js/ziyon/jquery.raty.min.js?ver=20260814"></script>
vendor: 2 bytes, line 3061
3061
3062<script> 3063 var flat = true 3064 var announcementBarSwiper = new Swiper('.navbar_header1 .swiper-container', { 3065 direction: 'vertical', 3066 loop: true, 3067 autoplay: { 3068 delay: 8000, 3069 disableOnInteraction: false, 3070 }, 3071 // 妿éè¦åè¿åéæé® 3072 navigation: { 3073 nextEl: '.swiper-button-next', 3074 prevEl: '.swiper-button-prev', 3075 }, 3076 observeParents: true, 3077 observer: true //ä¿®æ¹swiperèªå·±æåå ç´ æ¶ï¼èªå¨åå§åswiper 3078 }) 3079 var announcementBarSwiper2 = new Swiper('.navbar_header2 .swiper-container', { 3080 direction: 'vertical', 3081 loop: true, 3082 autoplay: { 3083 delay: 8000, 3084 disableOnInteraction: false, 3085 }, 3086 // 妿éè¦åè¿åéæé® 3087 navigation: { 3088 nextEl: '.swiper-button-next', 3089 prevEl: '.swiper-button-prev', 3090 }, 3091 observeParents: true, 3092 observer: true //ä¿®æ¹swiperèªå·±æåå ç´ æ¶ï¼èªå¨åå§åswiper 3093 }) 3094 if (_LANG_ != 'jp') { 3095 // è¯è®ºç½®é¡¶ 3096 $(window).on('scroll', function () { 3097 var windowscrollWidth = $(window).width(); 3098 if (windowscrollWidth > 768) { 3099 if ($(window).scrollTop() <= 136) { 3100 $('.navbar_header2').css('position', 'relative') 3101 $('.navbar_header2').css('display', 'none') 3102 flat = true 3103 $($('.shownavcart')[1]).parents('.navbar_right_cart').removeClass('open') 3104 } else if ($(window).scrollTop() > 136) { 3105 $('.navbar_header2').css('display', 'block') 3106 $('.navbar_header2').css('position', 'fixed') 3107 $('.navbar_header2').css('z-index', '999') 3108 $('.navbar_header2').css('top', '0') 3109 $('.navbar_header2').css('overflow', 'visible') 3110 flat = false 3111 $($('.shownavcart')[0]).parents('.navbar_right_cart').removeClass('open') 3112 }}});} 3113 3114</script>
vendor: 2 bytes, line 3114
3114
3115<script type="text/javascript" charset="utf-8"> 3116$(function () { 3117 const pictureLazy = () => { 3118 let winWidth = $(window).innerWidth() 3119 if (winWidth <= 768) { 3120 $(".lazymobie").scrollLoading();//ç§»å¨ç«¯ 3121 } 3122 else { 3123 $(".lazypc").scrollLoading();//pc端 3124 } 3125 $(".lazy").scrollLoading();//å ±ç¨ 3126 } 3127 3128 (window.onresize = () => { 3129 pictureLazy() 3130 })() 3131 $(document).on("click", ".SS_el-dialog_icon i", function () { 3132 $("#store_SiteSwitchMask").fadeOut(300); 3133 $("#store_SiteSwitch").fadeOut(300); 3134 $('html').removeClass('sitebodyhidee'); 3135 3136 }) 3137 $(document).on("click", "#store_SiteSwitch", function () { 3138 $("#store_SiteSwitchMask").fadeOut(300); 3139 $("#store_SiteSwitch").fadeOut(300); 3140 $('html').removeClass('sitebodyhidee'); 3141 }) 3142 $(document).on("click", "#store_SiteSwitch .SS_el-dialog", function (e) { 3143 e.stopPropagation();//黿¢äºä»¶å泡å³å¯ 3144 }); 3145 $(document).on("click", ".jump2site", function (e) { 3146 var urls = $(this).attr('data-url'); 3147 urls = urls.split(','); 3148 newsetCookie('user_select', 1); 3149 newsetCookie('select_jump', urls[0]); 3150 var jumpUrl = urls[0] + "?user_select=1"; 3151 if (window._hwtagSDK && typeof window._hwtagSDK.rewriteUrlWithUtm === 'function') { 3152 jumpUrl = window._hwtagSDK.rewriteUrlWithUtm(jumpUrl); 3153 } 3154 window.parent.location = jumpUrl; 3155 }); 3156 3157 $('.form-select').click(function () { 3158 if (this.value === 'change-site') { 3159 this.options[0].selected = true; 3160 selectSite(); 3161 } 3162 }); 3163 $(document).on("click", ".countryLanguageSelectOpen", function () { 3164 selectSite(); 3165 }); 3166 $(document).on("click", ".nation-select", function () { 3167 selectSite(); 3168 }); 3169 $(document).on("click", ".header-word-waprrer .hww-warpper .location-select", function () { 3170 selectSite(); 3171 }); 3172 3173 $('.navbar_header-nation .nation-close').click(function () { 3174 $('.navbar_header-nation').hide() 3175 localStorage.setItem('ip_pop',1) 3176 }) 3177 if(localStorage.getItem('ip_pop')!=1){ 3178 $('.navbar_header-nation').css('display','flex') 3179 } 3180 function selectSite() { 3181 var index = layer.load(1); 3182 $.ajax({ 3183 type: "POST", 3184 url: 'https://www.storexppen.vn/index/selectsite.html', //+tab,"/index/selectSite" 3185 data: { action: "json" }, 3186 dataType: "json", 3187 success: function (data) { 3188 layer.close(index); 3189 var workHtml = ""; 3190 var workul = ""; 3191 $.each(data, function (index, value) { 3192 workHtml += '<div class="SS_el-dialog_country">' + 3193 '<div class="SS_el-dialog_cytit">' + value.fullname + '</div>' + 3194 '<ul class="SS_el-dialog_country_list" >' 3195 $.each(value.child, function (index1, value1) { 3196 workHtml += '<li class="SS_el-dialog_cylist"><span class="jump2site" data-url="' + value1.jump_url + '"><span> ' + value1.title + '</span><span></span>' + '</span></li>' 3197 }); 3198 workHtml += '</ul>' + 3199 '</div>'; 3200 }); 3201 $("#store_SiteSwitch .SS_el-dialog_region").html(workHtml); 3202 $("#store_SiteSwitchMask").show(); 3203 $("#store_SiteSwitch").fadeIn(300); 3204 $('html').addClass('sitebodyhidee'); 3205 } 3206 }); 3207 } 3208 var initSearshList = $('.search-list-box').html() 3209 let initsbmHeight = '' 3210 let searchMenu = document.getElementById('searchMenu'); 3211 $('.menu-search .iconfont').click(function () { 3212 if(localStorage.getItem('xppen/search_history')!=null){ 3213 if(JSON.parse(localStorage.getItem('xppen/search_history')).length==0){ 3214 $('#searchMenu .history-title').hide() 3215 initsbmHeight='' 3216 }else{ 3217 $('#searchMenu .history-title').show() 3218 } 3219 }else{ 3220 initsbmHeight='' 3221 $('#searchMenu .history-title').hide() 3222 } 3223 var is_new_search="" 3224 if(is_new_search){ 3225 // å¨æè®¾ç½®é®ç½©å±çtopä½ç½® 3226 if (typeof setSearchBackgroundPosition === 'function') { 3227 setSearchBackgroundPosition(); 3228 } else { 3229 var navbarHeight = $('.navbar_header').outerHeight() || 60; 3230 $('.search_background').css('top', navbarHeight + 'px'); 3231 } 3232 $('.search_background').show() 3233 $('.search_background').css('opacity', 1) 3234 $('.navbar_header .search-warpper').show() 3235 $('.search_bar_menu').attr('aria-hidden', false); 3236 $('.search_bar_menu').show() 3237 function calculateSearchMenuHeight() { 3238 let baseHeight = 0; 3239 let recommendHeight = $('.sw-recommend').length > 0 ? $('.sw-recommend').outerHeight(true) : 0; 3240 let historyHeight = $('.sw-history .search_input').length > 0 ? $('.sw-history').outerHeight(true) : 0; 3241 let resultHeight = $('.sw-result').length > 0 ? $('.sw-result').outerHeight(true) : 0; 3242 let viewAllHeight = $('.search-view-all-wrapper').length > 0 ? $('.search-view-all-wrapper').outerHeight(true) : 0; 3243 let paddingHeight = 32; // searchMenu-warpperçpadding: 16px * 2 3244 // 妿æç´¢é¡¹å°äºçäº5个ï¼ä½¿ç¨æå°é«åº¦ï¼ä½è¦å 䏿¨è模åé«åº¦ 3245 if($('.search_bar_menu_linklist li').length <= 5){ 3246 baseHeight = 79; // åå°åºç¡é«åº¦ï¼å 为è¦å ä¸å ¶ä»æ¨¡å 3247 } else { 3248 // å¨æè®¡ç®ç»æåºåé«åº¦ 3249 baseHeight = resultHeight; 3250 } 3251 console.log(baseHeight, 'baseHeight'); 3252 console.log(recommendHeight, 'recommendHeight'); 3253 console.log(historyHeight, 'historyHeight'); 3254 console.log(viewAllHeight, 'viewAllHeight'); 3255 console.log(paddingHeight, 'paddingHeight'); 3256 return baseHeight + recommendHeight + historyHeight + viewAllHeight + paddingHeight; 3257 } 3258 let sbmHeight = calculateSearchMenuHeight() + 'px'; 3259 if(initsbmHeight==''){ 3260 initsbmHeight = sbmHeight; 3261 } 3262 // 宿´éç½®æç´¢ç¶æ 3263 $('#searchInput').val('') 3264 $('.search-list-box').html(initSearshList).removeClass('grid-layout') 3265 // æ¸ çå¯è½åå¨çView Allæé® 3266 $('.search_bar_menu .search-view-all-wrapper').remove(); 3267 $('.search_bar_menu').height('0px').animate({ height: initsbmHeight }, 300); 3268 }else { 3269 $('.navbar_header .search-warpper').show() 3270 $('.search_bar_menu').attr('aria-hidden', false); 3271 $('.search_bar_menu').show() 3272 if($('.search_bar_menu_linklist li').length<=5){ 3273 let sbmHeight = '300px'; 3274 }else{ 3275 let sbmHeight = $('.search_bar_menu').height(); 3276 } 3277 if(initsbmHeight==''){ 3278 if($('.search_bar_menu_linklist li').length<=5){ 3279 initsbmHeight = '300px'; 3280 }else{ 3281 initsbmHeight = $('.search_bar_menu').height(); 3282 } 3283 } 3284 $('#searchInput').val('') 3285 $('.search-list-box').html(initSearshList) 3286 $('.search_bar_menu').height('0px').animate({ height: initsbmHeight!=''?initsbmHeight:sbmHeight }, 300); 3287 setTimeout(function(){ 3288 3289 $('body').click(function(e){ 3290 3291 if(!JSON.parse($('.search_bar_menu').attr('aria-hidden'))){ 3292 3293 if(!document.querySelectorAll('.navbar_header-warpper')[0].contains(e.target)){ 3294 3295 $('.search_form_input .close-icon').click() 3296 3297 3298 } 3299 3300 3301 3302 } 3303 }) 3304 },400) 3305 } 3306 3307 $('.search_bar_menu_link').click(function () { 3308 SearchKeywordsHwTag($(this)); 3309 var search_key = $(this).html(); 3310 $('.search_input[name="search_word"]').val(search_key).focus(); 3311 var times = 1; 3312 var arr = document.cookie.match(new RegExp("(^| )" + 'search_key_' + search_key + "=([^;]*)(;|$)")); 3313 if (arr != null) { 3314 times = unescape(arr[2]) * 1 + 1; 3315 } 3316 document.cookie = "search_key_" + search_key + "=" + times + ";path=/"; 3317 store_search_history($(this).html()) 3318 var item_id = $(this).attr('data-id'); 3319 $.post(_ROOT_ + 'search/ajaxIncrCmsItemClickTime',{'id':item_id}) 3320 window.location.href = _ROOT_ + 'Search/index?search_word=' + $(this).text() 3321 3322 }) 3323 3324 }) 3325 3326 3327 $('.search_bar_menu_link').click(function () { 3328 var search_key = $(this).html(); 3329 $('.search_input[name="search_word"]').val(search_key).focus(); 3330 var times = 1; 3331 var arr = document.cookie.match(new RegExp("(^| )" + 'search_key_' + search_key + "=([^;]*)(;|$)")); 3332 if (arr != null) { 3333 times = unescape(arr[2]) * 1 + 1; 3334 } 3335 document.cookie = "search_key_" + search_key + "=" + times + ";path=/"; 3336 store_search_history($(this).html()) 3337 window.location.href = _ROOT_ + 'Search/index?search_word=' + $(this).text() 3338 3339 }) 3340 $('.search_background').click(function () { 3341 // éç½®æç´¢ç¶æ 3342 if (typeof resetSearchState === 'function') { 3343 resetSearchState(); 3344 } else { 3345 // 妿彿°ä¸åå¨ï¼è³å°æ¸ çView Allæé® 3346 $('.search_bar_menu .search-view-all-wrapper').remove(); 3347 } 3348 $('.search_background').hide() 3349 $('.search_background').css('opacity', 0) 3350 $('.navbar_header .search-warpper').hide() 3351 $('.search_bar_menu').attr('aria-hidden', true); 3352 $('.search_bar_menu').hide() 3353 }) 3354 let url = window.location.href 3355 if (url.indexOf('?user_select=1') !== -1) { 3356 url = url.replace('?user_select=1', '') 3357 window.history.pushState({}, '', url) 3358 } 3359 3360 function SearchKeywordsHwTag($this){ 3361 let search_key = $this.text().trim(); 3362 3363 if($this.closest('ul').hasClass('search_history')){ 3364 updatePubAttr({ 3365 "key_word": search_key, 3366 "key_word_type" : 'history_words', 3367 "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', 3368 "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1', 3369 }) 3370 hwtag('event', 'SearchKeywords', { 3371 "key_word": search_key, 3372 "key_word_type" : 'history_words', 3373 }); 3374 localStorage['SearchResults'] = JSON.stringify({ 3375 'key_word' : search_key, 3376 'key_word_type' : 'history_words', 3377 'result_number' :0 3378 }); 3379 }else{ 3380 updatePubAttr({ 3381 "key_word": search_key,
3382 "key_word_type" : 'recommend_words', 3383 "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', 3384 "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1', 3385 }); 3386 hwtag('event', 'SearchKeywords', { 3387 "key_word": search_key, 3388 "key_word_type" : 'recommend_words', 3389 }); 3390 localStorage['SearchResults'] = JSON.stringify({ 3391 'key_word' : search_key, 3392 'key_word_type' : 'recommend_words', 3393 'result_number' :0 3394 }); 3395 } 3396 } 3397 3398 3399}); 3400 3401</script>
vendor: 2 bytes, line 3401
3401
3402<script> 3403 3404 $(function () { 3405 renew_cart_list() 3406 3407 $('#mobile_navtoggle .navbar-toggler').click(function(){ 3408 $('.navbarToggleExternalContent-warpper').find('img').each(function(){ 3409 !$(this).attr('src')?$(this).attr('src',$(this).attr('data-src')):'' 3410 }) 3411 }) 3412 $('.navbar_header .nw-category-title').hover(function () { 3413 if (!$(this).parent().parent().hasClass('nw-category-item-active')) { 3414 $('.navbar_header .nw-category-item').each(function () { 3415 $(this).removeClass('nw-category-item-active') 3416 }) 3417 $(this).parent().parent().addClass('nw-category-item-active') 3418 } 3419 }) 3420 3421 var pro_flag = true 3422 $('.navbar_header .navbar-menu .navbar-menu-list').hover(function () { 3423 pro_flag = $(this).is(".pro_list"); 3424 if(pro_flag){ 3425 $("#body_back_rask").css("display","block"); 3426 }else{ 3427 } 3428 $(this).find('img').each(function(){ 3429 !$(this).attr('src')?$(this).attr('src',$(this).attr('data-src')):'' 3430 }) 3431 $($(this).find('.nw-category-item')[0]).addClass('nw-category-item-active') 3432 $(this).find('.navbar-menu-list-title .iconfont').css('transform', 'rotate(180deg)') 3433 $(this).find('.nml-category-mask').css("display","block"); 3434 if($(this).find('.nml-category-mask').find('.nml-not-category').length>0){ 3435 /*$(this).find('.nml-category-mask').find('.nml-not-category').stop(true).animate({ height:'320px'},350,function(){ 3436 $(this).find('.nnc-container').fadeIn(800) 3437 })*/ 3438 $(this).find('.nml-category-mask').find('.nml-not-category').css('height', '320px'); 3439 $(this).find('.nml-category-mask').find('.nml-not-category').find('.nnc-container').css("display","block"); 3440 } 3441 if($(this).find('.nml-category-mask').find('.nml-category ').length>0){ 3442 /*$(this).find('.nml-category-mask').find('.nml-category ').stop(true).animate({ height:'600px'},350,function(){ 3443 $(this).find('.nml-warpper').fadeIn(800,function(){ 3444 $(this).css('display','flex') 3445 }) 3446 })*/ 3447 var $category = $(this).find('.nml-category-mask').find('.nml-category'); 3448 $category.css('height', '600px'); 3449 $category.find('.nml-warpper').show().css('display', 'flex'); 3450 } 3451 if($(this).find('.nml-item-warpper').length>0){ 3452 $(this).find('.nml-item-warpper .nml-item').css('left',$(this).offset().left -50) 3453 $(this).find('.nml-item-warpper .nml-item').css('display','flex') 3454 } 3455 3456 3457 }, function () { 3458 $("#body_back_rask").css("display","none"); 3459 $('.navbar_header .navbar-menu .navbar-menu-list').find('.nw-category-item').removeClass('nw-category-item-active') 3460 $(this).find('.navbar-menu-list-title .iconfont').css('transform', 'rotate(0deg)') 3461 if($(this).find('.nml-category-mask').find('.nml-not-category').length>0){ 3462 /*$(this).find('.nml-category-mask').find('.nml-not-category').stop(true).animate({ height:'0'},350,function(){ 3463 $(this).find('.nnc-container').hide() 3464 $(this).parent().hide() 3465 })*/ 3466 var $notCategory = $(this).find('.nml-category-mask').find('.nml-not-category'); 3467 $notCategory.css('height', '0'); 3468 $notCategory.find('.nnc-container').css("display","none"); 3469 $notCategory.parent().css("display","none"); 3470 } 3471 if($(this).find('.nml-category-mask').find('.nml-category ').length>0){ 3472 /*$(this).find('.nml-category-mask').find('.nml-category ').stop(true).animate({ height:'0'},350,function(){ 3473 $(this).find('.nml-warpper').css('display','none') 3474 $(this).parent().hide() 3475 })*/ 3476 var $category = $(this).find('.nml-category-mask').find('.nml-category'); 3477 $category.css('height', '0'); 3478 $category.find('.nml-warpper').css('display', 'none'); 3479 $category.parent().css("display","none"); 3480 } 3481 if($(this).find('.nml-item-warpper').length>0){ 3482 $(this).find('.nml-item-warpper .nml-item').css('display','none') 3483 } 3484 3485 }) 3486 $('.navbar_header .navbar-menu .navbar-menu-list .nml-category').hover(function () { 3487 3488 }, function () { 3489 $(this).stop(true).animate({ height:'0'},350,function(){ 3490 $(this).parent().hide() 3491 }) 3492 3493 }) 3494 $('.navbar_header .navbar-menu .navbar-menu-list .nml-not-category').hover(function () { 3495 3496 }, function () { 3497 $(this).stop(true).animate({ height:'0'},350,function(){ 3498 $(this).parent().hide() 3499 }) 3500 3501 }) 3502 3503 $(window).scroll(function() { 3504 if($(window).width()>1024){
3505 $('.navbar_header .navbar-menu .navbar-menu-list').find('.nw-category-item').removeClass('nw-category-item-active') 3506 $(this).find('.navbar-menu-list-title .iconfont').css('transform', 'rotate(0deg)') 3507 $(this).find('.nml-category-mask').hide() 3508 $('.navbar_header .navbar-menu .navbar-menu-list .nml-category').parent().hide() 3509 $('.navbar_header .navbar-menu .navbar-menu-list .nml-not-category').parent().hide() 3510 } 3511 }); 3512 let height = $('.navbar_header').height() 3513 $('#collapsibleNavbar .moblie-menu').css('height', `calc(100vh - ${height}px)`) 3514 3515 $('#collapsibleNavbar').on('show.bs.collapse', function () { 3516 $("body").css({"overflow":"hidden","height":`calc(${window.innerHeight}px - ${height}px)`}) 3517 3518 $('#collapsibleNavbar .moblie-menu').css('height', `calc(100vh - ${height}px)`) 3519 3520 }).on('hide.bs.collapse', function () { 3521 $("body").css({ "overflow": "auto", "height": "auto" }) 3522 }); 3523 $('.shop-drawer-warpper .mask').click(function () { 3524 3525 $('.shop-drawer-warpper .shop-drawer').animate({ right: `-${$('.shop-drawer-warpper .shop-drawer').width()}` }, function () { 3526 $('.shop-drawer-warpper').fadeOut() 3527 $("body").css({ "overflow": "auto", "height": "auto" }) 3528 }) 3529 3530 3531 3532 }) 3533 $('.shop-drawer .icon-colose').click(function () { 3534 3535 $('.shop-drawer-warpper .shop-drawer').animate({ right: `-${$('.shop-drawer-warpper .shop-drawer').width()}` }, function () { 3536 $('.shop-drawer-warpper').fadeOut() 3537 $("body").css({ "overflow": "auto", "height": "auto" }) 3538 }) 3539 3540 3541 3542 }) 3543 3544 $('.moblie-menu .mei-title').click(function (e) { 3545 3546 $($(this).parent().find('.mei-warpper-content')[0]).toggle() 3547 3548 3549 }) 3550 $('.moblie-menu .mwc-title').click(function (e) { 3551 3552 $(this).parent().find('.mei-warpper-content').toggle() 3553 3554 }) 3555 $('.header-word-waprrer .toggle-word').click(function(){ 3556 $(this).parent().find('.hww-warpper').toggle() 3557 }) 3558 3559 if($(window).width()>=1024){ 3560 if($('.navbar-menu-waprrer').width() <=$('.navbar-menu-waprrer .navbar-menu')[0].scrollWidth){ 3561 $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'visible') 3562 // $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'visible') 3563 } 3564 } 3565 window.addEventListener('resize',function() { 3566 3567 if($(window).width()>=1024){ 3568 3569 if($('.navbar-menu-waprrer').width() <=$('.navbar-menu-waprrer .navbar-menu')[0].scrollWidth){ 3570 3571 $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'visible') 3572 // $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'visible') 3573 } 3574 else{ 3575 3576 $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'hidden') 3577 $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'hidden') 3578 } 3579 3580 3581 }else{ 3582 $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'hidden') 3583 $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'hidden') 3584 } 3585 }); 3586 3587 $('.navbar-menu-waprrer .left-icon').click(function(){ 3588 $('.navbar-menu-waprrer .navbar-menu').animate({ 3589 scrollLeft: '0' 3590 }, 500,function(){ 3591 $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'hidden') 3592 $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'visible') 3593 }) 3594 }) 3595 $('.navbar-menu-waprrer .right-icon').click(function(){ 3596 $('.navbar-menu-waprrer .navbar-menu').animate({ 3597 scrollLeft: $('.navbar-menu-waprrer .navbar-menu')[0].scrollWidth - $('.navbar-menu-waprrer .navbar-menu')[0].clientWidth 3598 }, 500,function(){ 3599 $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'visible') 3600 $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'hidden') 3601 }) 3602 3603 }) 3604 var before_request = 1; 3605 function renew_cart_list() { 3606 let cartRoter = [_ROOT_ + 'cart/index.html', _ROOT_ + 'Cart/index', _ROOT_ + 'Cart/index.html', _ROOT_ + 'cart/index'] 3607 $.ajax({ 3608 type: "POST", 3609 url: _ROOT_ + "Cart/getCart",//+tab, 3610 data: { "selected": 0, "selectedPrice": 0, "cart_page": cartRoter.includes(_ROOT_.includes('https') ? 'https://' + window.location.host + window.location.pathname : window.location.pathname) ? 1 : 0 },// ä½ çformId 3611 success: function (data) { 3612 $(".drawer-container").html(''); 3613 $(".drawer-container").append(data); 3614 } 3615 }); 3616 } 3617 $(window).on('scroll', function () { 3618 $('.hww-warpper').hide() 3619 }) 3620 $('body').click(function(e) { 3621 if ($('.word-waprrer .hww-warpper').css('display') != 'none') { 3622 console.log(e.target) 3623 if(document.querySelectorAll('.word-waprrer').length>0){ 3624 if(!document.querySelectorAll('.word-waprrer')[0].contains(e.target)){ 3625 $('.word-waprrer .hww-warpper').hide() 3626 } 3627 } 3628 } 3629 if ($('.dollar-waprrer .hww-warpper').css('display') != 'none') { 3630 if(document.querySelectorAll('.dollar-waprrer').length>0){ 3631 if(!document.querySelectorAll('.dollar-waprrer')[0].contains(e.target)){ 3632 $('.dollar-waprrer .hww-warpper').hide() 3633 } 3634 } 3635 } 3636 }); 3637}); 3638</script>
3638 3639
3640<script type="text/javascript" charset="utf-8"> 3641 var oss_host = 'https://resource.xp-pen.com'; 3642 var _OSS_STATIC_ = oss_host + '/newxp/static/'; 3643 var isSupportWebp; 3644 (function (doc, _this) { 3645 var image = new Image(); 3646 image.onload = function () { 3647 if (image.width === 1) { 3648 document.documentElement.classList.add('webp'); 3649 isSupportWebp = 1; 3650 } else { 3651 isSupportWebp = 0; 3652 } 3653 }; 3654 image.src = "data:image/webp;base64,UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAARBxAR/Q9ERP8DAABWUDggGAAAABQBAJ0BKgEAAQAAAP4AAA3AAP7mtQAAAA=="; 3655 })(document); 3656 function webpFormat(file) { 3657 if (isSupportWebp) { 3658 if (file.indexOf(oss_host) !== -1) { 3659 return file.replace(/\.[^.]+$/, '.webp'); 3660 } 3661 } 3662 return file; 3663 } 3664 3665</script>
3665 3666<style> 3667 .crumbs a:hover{ 3668 color: rgba(0,0,0,1); 3669 } 3670</style>
3671<script> 3672 var regStatus="0"; 3673 var token = "294e17b8cee6c8ce2c0dc4e1cf506149"; 3674</script>
3674 3675<div class="padding_top"> 3676 <!--第1页--> 3677 <div class="goods-content" style="padding-bottom: 0;"> 3678 <link rel="stylesheet" href="https://resource.xp-pen.com/img/active_list/DoubleTeenPromotion/public3.css"/><link rel="stylesheet" href="https://resource.xp-pen.com/img/active_list/DoubleTeenPromotion/module-config.css"/><main style="word-wrap: break-word;word-break: normal;"><div class="" id="module"><!-- å¤´å¾ --><div class="module_banner"><img class="lazy-2nd pc" data-lazysrc="https://resource.xp-pen.com/img/active_list/DoubleTeenPromotion/banner.webp" width="2560" height="1000" alt=""/><img class="lazy-2nd mo" data-lazysrc="https://resource.xp-pen.com/img/active_list/DoubleTeenPromotion/banner_mob.webp" width="750" height="1248" alt=""/><div class="module_banner_text"><div class="banner-info-item"><h1 class="Wb_textH1">Äại há»i Sale 10/10</h1></div><div class="banner-info-item-bg"><p class="Wb_textH2">Ưu Äãi lên Äến <span class="Wb_textH2_p1">43%</span></p></div><div class="banner-info-item"><p class="Wb_text2">21/09/2026 - 12/10/2026</p></div></div></div><!-- å¤´å¾ --><!-- å¯¼èªæ --><div class="module_nav"><div class="nav-list active" data-jump="point0"><span class="nav_list_span">Android Pad</span></div><div class="nav-list" data-jump="point1"><span class="nav_list_span">Ưu Äãi Äặc biá»t</span></div><div class="nav-list" data-jump="point2"><span class="nav_list_span">Bảng vẽ mà n hình bán chạy</span></div><div class="nav-list" data-jump="point3"><span class="nav_list_span">Bảng vẽ Äiá»n tá» bán chạy</span></div></div><div class="module_bg"><!-- ç«çåè®¡æ¶ --><div class="Ch2020_countdown" id="Ch2020_countdown_2"><p class="Ch2020_cd_title">Ưu Äãi kết thúc sau</p><div class="Ch2020_countdown_opacity"><div class="Ch2020_cd_box"><div class="Ch2020_cd_djs"><div class="Ch2020_djs_time"><span class="Ch2020_day">00</span><p class="Ch2020_djs_txt">Ngà y</p></div><div class="Ch2020_seperator">:</div><div class="Ch2020_djs_time"><span class="Ch2020_hour">00</span><p class="Ch2020_djs_txt">Giá»</p></div><div class="Ch2020_seperator">:</div><div class="Ch2020_djs_time"><span class="Ch2020_mins">00</span><p class="Ch2020_djs_txt">Phút</p></div><div class="Ch2020_seperator">:</div><div class="Ch2020_djs_time"><span class="Ch2020_secs">00</span><p class="Ch2020_djs_txt">Giây</p></div></div></div></div></div><div class="module_inner"><div class="module_title_bg"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/active_list/DoubleTeenPromotion/tittle.webp" alt="" width="1224" height="209"/><h2 class="module_title" id="point0">Android Pad</h2></div><div class="NY_goods_list L-content_1"></div><div class="module_title_bg"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/active_list/DoubleTeenPromotion/tittle.webp" alt="" width="1224" height="209"/><h2 class="module_title" id="point1">Ưu Äãi Äặc biá»t</h2></div><div class="NY_goods_list L-content_2"></div><div class="module_title_bg"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/active_list/DoubleTeenPromotion/tittle.webp" alt="" width="1224" height="209"/><h2 class="module_title" id="point2">Bảng vẽ mà n hình bán chạy</h2></div><div class="NY_goods_list M-content_1"></div><div class="NY_More"><a class="ga-select-promotion2" data-location-name="Bảng vẽ mà n hình bán chạy" href="https://www.storexppen.vn/series/graphic-display.html">Nhiá»u ưu Äãi khác</a></div><div class="module_title_bg"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/active_list/DoubleTeenPromotion/tittle.webp" alt="" width="1224" height="209"/><h2 class="module_title" id="point3">Bảng vẽ Äiá»n tá» bán chạy</h2></div><div class="NY_goods_list M-content_2"></div><div class="NY_More"><a class="ga-select-promotion2" data-location-name="Bảng vẽ Äiá»n tá» bán chạy" href="https://www.storexppen.vn/series/graphic-tablet.html">Nhiá»u ưu Äãi khác</a></div><!-- XL ä¸è¡ä¸ä¸ª --><div class="NY_big xl-content_1"></div><div class="footer-banner col-md-list"><div class="col-md-item"><a aria-label="link" href="https://www.xp-pen.com/21-day-doodle-journey.html" target="_blank"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/active_list/Anniversary21th/en/img1_mob.webp" width="584" height="497" alt="image"/></a></div><div class="col-md-item"><a aria-label="link" href="https://community.xp-pen.com/events/global-art-toy-design-contest" target="_blank"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/active_list/Anniversary21th/en/img2_mob.webp" width="584" height="497" alt="image"/></a></div></div></div></div></div></main>
3678<script src="https://resource.xp-pen.com/img/active_list/DoubleTeenPromotion/countdown.js"></script>
3678<script>var oNoHis = 1791820799; //ç»ææ¶é´æ³ 2026-10-12 23:59:59 3679 var startoNoHis = 1789920000; //å¼å§æ¶é´æ³ 2026-09-21 00:00:00 3680 // var timestamp = Date.parse(new Date())/1000; //æ¬å°æ¶é´æ³ 3681 var timestamp = _NOW_TIME; //æå¡å¨è¿åçæ¶é´ 3682var productListData = { 3683 discountImg:'https://resource.xp-pen.com/img/active_list/Mothersday24/DisCount.png', 3684 shopBtn:'MUA NGAY', 3685 unit:'â«', 3686 promotionId:"", 3687 promotionName:"", 3688 siteLink:'https://www.storexppen.vn/', 3689 goodsListBox:[ 3690 { 3691 goodsId:[80,15], 3692 goodsBox:'.L-content_1', 3693 goodsImg:["magicnotpad_L.png","MagicDrawingPad_L.webp"], 3694 goodsName:["Magic Note Pad","Magic Drawing Pad"], 3695 fileLink:'https://resource.xp-pen.com/img/product/L/', 3696 size:'l', 3697 sellText:false 3698 }, 3699 { 3700 goodsId:[38,93], 3701 goodsBox:'.L-content_2', 3702 goodsImg:["img_dis.png","img_tab.png"], 3703 goodsName:["Hà ng Mẫu Triá»n Lãm","Hà ng má»i dạng há»p má»"], 3704 fileLink:'https://resource.xp-pen.com/img/active_list/DoubleTeenPromotion/', 3705 size:'l', 3706 sellText:false 3707 }, 3708 { 3709 goodsId:[85,95,24,21,20,18,64,23,90,64,78,72,67,57,77], 3710 goodsBox:'.M-content_1', 3711 goodsImg:["Artist123rd_pink_M.png","ArtistUltra14_M.png","Artist163rd_M.png","active_list/77slae/artist122nd_b_M.png","Artist133prov2_M.png","Artist156prov2_M.png","ArtistPro16gen2_M.png","ArtistPro19gen2_M.png","ArtistPro27Gen2_M.png","ArtistPro22Gen2_M.webp","ArtistPro24_165hz_M.webp","Artist22plus_M.webp","ArtistPro14_M.png","active_list/77slae/artist132nd_b_M.png","ArtistPro24_4k_M.png"], 3712 goodsName:["Artist 12 3rd","Artist Ultra 14","Artist 16 3rd","Artist 12 2nd Gen","Artist 13.3 Pro V2","Artist 15.6 Pro V2","Artist Pro 16 gen2","Artist Pro 19 Gen2","Artist Pro 27 Gen2","Artist Pro 22 Gen2","Artist Pro 24 Gen2 165HZ","Artist 22 Plus","Artist Pro 14 Gen2","Artist 13 2nd Gen","Artist Pro 24 Gen2 4K"], 3713 fileLink:'https://resource.xp-pen.com/img/product/M/', 3714 size:'m', 3715 sellText:false 3716 }, 3717 { 3718 goodsId:[69,1,88,10,9,51,68,89,87], 3719 goodsBox:'.M-content_2', 3720 goodsImg:["Deco640_Purple_M.png","Deco01_M.webp","Decomini7WV2_M.png","StarG430Sv2_M.png","Deco_Fun_XS_M.png","Deco_MW_M.png","DecoProGen2_M.webp","noteplus_M.png","DoodleLearningBoard_M.png"], 3721 goodsName:["Deco 640","Deco01V3","Deco 7W V2","Star G430S V2","Deco Fun XS","Deco MW","Deco Pro Gen2","Note Plus","Doodle Learning Board"], 3722 fileLink:'https://resource.xp-pen.com/img/product/M/', 3723 size:'m', 3724 sellText:false 3725 }, 3726 { 3727 goodsId:[94], 3728 goodsBox:'.xl-content_1', 3729 goodsImg:['PILOTPRO1_XL.png'], 3730 goodsName:['Pilot Pro'], 3731 description:['Äiá»u khiá»n má»t tay<br>Cắt chÃnh xác trên timeline<br>Joystick Äa hưá»ng | Äiá»u khiá»n không cần nhìn<br>Núm xoay tá»c Äá» cao | Thiết kế công thái há»c'], 3732 fileLink:'https://resource.xp-pen.com/img/product/XL/', 3733 size:'xl', 3734 sellText:false 3735 }, 3736 ], 3737 3738}</script>
3738<script src="https://resource.xp-pen.com/img/active_list/DoubleTeenPromotion/public.js"></script>
3738 </div> 3739 <!--第1页--> 3740 </div>
3741<script src="/newxp/static2024/images/activ_list/public/js/lazy-2nd.js?ver=20260814"></script>
vendor: 2 bytes, line 3741
3741
3742<script > 3743 var token = "EJyzoXZSQer0dXtiOkLT"; 3744 var user_email = ""; 3745 var nickname = ""; 3746 $(function(){ 3747 $("body").on('click','.ga-select-promotion',function(e){ 3748 if($(this).hasClass('ga-select-promotion')){ 3749 e.preventDefault(); 3750 let promotion_id = "68"; 3751 let promotion_name = "Äại há»i Sale 10/10"; 3752 // let goods_id = $(this).attr('data-goods-sku'); 3753 let goods_name = $(this).attr('data-goods-name'); 3754 let list_name = $(this).attr('data-list-name'); 3755 3756 ga_event = { 3757 "promotion_id":promotion_id, 3758 "promotion_name":promotion_name, 3759 "item_name":goods_name, 3760 "quantity":1, 3761 "item_list_name":list_name 3762 } 3763 add_google_gtag_event('select_promotion',ga_event); 3764 3765 $(this).removeClass('ga-select-promotion') 3766 e.currentTarget.click(); 3767 } 3768 3769 }) 3770 }) 3771</script>
3771 3772
3772<script src="https://cdn.seel.com/prod/scripts/xppen/1.0.0/xppen.wfp-marketplace-embedded.min.js"></script>
3772 3773<link rel="stylesheet" type="text/css" href="/newxp/static2024/css/bootstrap/Trun_1.css" /> 3774 3775<!-- å¢å¼æå¡ start--> 3776<section id="store_services" > 3777 <div class="services"> 3778 <div class="container"> 3779 <div class="row"> 3780 <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12"> 3781 <div class="services_sort"> 3782 <i class="iconfont icon-transportation"></i> 3783 3784 <div class="services_sort_txt"> 3785 <p class="services_sort_title">FREE DELIVERY</p> 3786 <p class="services_sort_p">We offer free shipping</p> 3787 </div> 3788 </div> 3789 </div> 3790 <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12"> 3791 <div class="services_sort"> 3792 <i class="iconfont icon-password"></i> 3793 3794 <div class="services_sort_txt"> 3795 <p class="services_sort_title">SECURE PAYMENT</p> 3796 <p class="services_sort_p">Your payment information is processed securely</p> 3797 </div> 3798 </div> 3799 </div> 3800 <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12"> 3801 <div class="services_sort"> 3802 <i class="iconfont icon-account-information"></i> 3803 3804 <div class="services_sort_txt"> 3805 <p class="services_sort_title">TECH SUPPORT</p> 3806 <p class="services_sort_p">[email protected]</p> 3807 </div> 3808 </div> 3809 </div> 3810 <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12"> 3811 <div class="services_sort"> 3812 <i class="iconfont icon-warranty"></i> 3813 3814 <div class="services_sort_txt"> 3815 <p class="services_sort_title">18-MONTH WARRANTY</p> 3816 <p class="services_sort_p">18-month warranty only for official E-store</p> 3817 </div> 3818 </div> 3819 </div> 3820 </div> 3821 </div> 3822 </div> 3823 <!-- ç§»å¨ç«¯æ¾ç¤º --> 3824 <div class="newmobei_store_services"> 3825 <div class="newmobei_weService"></div> 3826 <div class="newmobei_services_content"> 3827 <div class="services_content_box"> 3828 <i class="iconfont icon-transportation"></i> 3829 3830 <div> 3831 <div class="services_content_uptitle">FREE DELIVERY</div> 3832 <div class="services_content_downtitle">We offer free shipping</div> 3833 </div> 3834 </div> 3835 <div class="services_content_box"> 3836 <i class="iconfont icon-password"></i> 3837 3838 <div> 3839 <div class="services_content_uptitle">SECURE PAYMENT</div> 3840 <div class="services_content_downtitle">Your payment information is processed securely</div> 3841 </div> 3842 </div> 3843 <div class="services_content_box"> 3844 <i class="iconfont icon-account-information"></i> 3845 3846 <div> 3847 <div class="services_content_uptitle">TECH SUPPORT</div> 3848 <div class="services_content_downtitle">[email protected]</div> 3849 </div> 3850 </div> 3851 <div class="services_content_box"> 3852 <i class="iconfont icon-warranty"></i> 3853 3854 <div> 3855 <div class="services_content_uptitle">18-MONTH WARRANTY</div> 3856 <div class="services_content_downtitle">18-month warranty only for official E-store</div> 3857 </div> 3858 </div> 3859 </div> 3860 </div> 3861</section> 3862<!-- å¢å¼æå¡ end--> 3863 3864 3865<!--è¿åé¡¶é¨--> 3866<div id="backTop" class="backTop"><i class="iconfont icon-arrow-up icon"></i></div> 3867<!--è¿åé¡¶é¨--> 3868<!-- foot --> 3869<style> 3870 /* èªå®ä¹å¼¹çªæ ·å¼ */ 3871 .lottery-popup-skin { 3872 width: 667px; 3873 height: auto; 3874 background-image: url('http://xpstore.oss-us-west-1.aliyuncs.com/img/pop06.webp'); 3875 background-size: 100%; 3876 background-color: #FA776A; 3877 border-radius: 16px; 3878 transform: translate(-50%, -50%); 3879 left: 50%; 3880 top: 50%; 3881 } 3882 /* æ 颿 ·å¼ */ 3883 .lottery-popup-skin .title { 3884 color: #fff; 3885 font-size: 20px; 3886 font-weight: bold; 3887 text-align: center; 3888 line-height: 1.5; 3889 height: auto; 3890 border: none; 3891 padding: 10px 0 8px 0; 3892 border-radius: 16px 16px 0 0; 3893 display: block; 3894 } 3895 /* 坿 é¢å®¹å¨ */ 3896 .lottery-subtitle { 3897 text-align: center; 3898 color: #fff; 3899 padding: 0 20px 8px; 3900 flex-shrink: 0; 3901 } 3902 .lottery-subtitle h2 { 3903 font-size: 12px; 3904 font-weight: 400; 3905 text-align: center; 3906 margin-bottom: 24px; 3907 } 3908 .lottery-subtitle p { 3909 font-size: 14px; 3910 font-weight: bold; 3911 line-height: 1.4;
3912 height: 26px; 3913 text-align: center; 3914 } 3915 .lottery_tips{ 3916 font-size: 11px; 3917 position: absolute; 3918 bottom: 34px; 3919 left: 50%; 3920 width: fit-content; 3921 text-wrap: nowrap; 3922 transform: translate(-50%, 0); 3923 color: #fff; 3924 } 3925 /* å ³éæé®æ ·å¼ */ 3926 .lottery-popup-skin .layui-layer-close { 3927 color: #fff; 3928 font-size: 24px; 3929 font-weight: bold; 3930 } 3931 .lottery-popup-skin .layui-layer-content { 3932 display: block; 3933 height: auto !important; 3934 display: flex; 3935 flex-direction: column; 3936 } 3937 /* 左侧转çå®¹å¨ */ 3938 .lottery-wheel-container { 3939 width: 55%; 3940 padding: 16px; 3941 display: flex; 3942 align-items: center; 3943 justify-content: center; 3944 height: 392px; 3945 overflow: hidden; 3946 } 3947 .lottery-wheel { 3948 flex-shrink: 0; 3949 } 3950 /* å³ä¾§å å®¹å®¹å¨ */ 3951 .lottery-content-container { 3952 width: 45%; 3953 padding: 16px; 3954 padding-left: 0; 3955 background: #fff; 3956 border-radius: 0 16px 16px 0; 3957 display: flex; 3958 flex-direction: column; 3959 justify-content: center; 3960 height: auto; 3961 } 3962 /* è¡¨åæ ·å¼ */ 3963 .lottery-form { 3964 /* padding: 20px; */ 3965 } 3966 .lottery-form-title { 3967 font-size: 20px; 3968 font-weight: bold; 3969 margin-bottom: 24px; 3970 color: #000; 3971 } 3972 .lottery-form-title-new { 3973 font-size: 14px; 3974 font-weight: bold; 3975 margin-bottom: 8px; 3976 color: #000; 3977 text-align: center; 3978 } 3979 .lottery-form .form-group { 3980 margin-bottom: 8px; 3981 } 3982 .lottery-form input { 3983 width: 100%; 3984 height: 40px; 3985 border: 1px solid #E5E5E5; 3986 border-radius: 4px; 3987 padding: 0 12px; 3988 font-size: 14px; 3989 outline: none; 3990 } 3991 .lottery-form input::placeholder { 3992 color: #999; 3993 } 3994 .lottery-form .captcha-group { 3995 display: flex; 3996 gap: 12px; 3997 } 3998 .lottery-form .captcha-group input { 3999 flex: 1; 4000 } 4001 .lottery-form .captcha-group img { 4002 width: 120px; 4003 height: 40px; 4004 border-radius: 4px; 4005 } 4006 .lottery-form .form-checkbox { 4007 display: flex; 4008 align-items: flex-start; 4009 gap: 8px; 4010 margin: 8px 0; 4011 } 4012 .lottery-form .form-checkbox input[type="checkbox"] { 4013 width: 16px; 4014 height: 16px; 4015 margin-top: 3px; 4016 border: none; 4017 padding: 0; 4018 } 4019 .lottery-form .form-checkbox label { 4020 font-size: 12px; 4021 line-height: 1.4; 4022 color: #666; 4023 } 4024 .agreement { 4025 font-size: 12px; 4026 margin-top: 8px; 4027 } 4028 .agreement a { 4029 font-weight: bold; 4030 color: #000; 4031 } 4032 .agreement a:hover { 4033 color: #FF640A; 4034 text-decoration: underline!important; 4035 } 4036 .lottery-form button { 4037 width: 100%; 4038 height: 48px; 4039 background: #FF640A; 4040 border-radius: 6px; 4041 color: #fff; 4042 font-size: 16px; 4043 font-weight: bold; 4044 border: none; 4045 cursor: pointer; 4046 text-align: center; 4047 } 4048 .lottery-form button:hover { 4049 background: #ff7a33; 4050 } 4051 /* æ¨¡ç³ææå®¹å¨ */ 4052 .lottery-popup-skin:before { 4053 content: ''; 4054 position: absolute; 4055 top: 0; 4056 left: 0; 4057 right: 0; 4058 bottom: 0; 4059 background: inherit; 4060 filter: blur(190px); 4061 z-index: -1; 4062 } 4063 .pc-tip { 4064 display: block; 4065 } 4066 .h5-tip { 4067 display: none; 4068 } 4069 .lottery-white-box { 4070 display: flex; 4071 background: #fff; 4072 border-radius: 16px; 4073 margin: 0 6px 6px 6px; 4074 flex: 1; 4075 } 4076 @media screen and (max-width: 768px) { 4077 .lottery-popup-skin { 4078 width: 90% !important; 4079 max-width: 400px; 4080 background-image: none; 4081 } 4082 /* .lottery-white-box { 4083 flex-direction: column; 4084 } 4085 .lottery-content-container.lottery-form { 4086 display: block; 4087 } */ 4088 .popup_countdown { 4089 display: block!important; 4090 background-color: #FF640A; 4091 border-radius: 4px; 4092 padding: 4px 5px; 4093 width: fit-content; 4094 margin: 0 auto; 4095 margin-top: 8px; 4096 margin-bottom: 20px; 4097 } 4098 .lottery-white-box { 4099 max-height: 90vh; 4100 overflow: scroll; 4101 } 4102 .lottery-wheel-container { 4103 height: auto; 4104 } 4105 .popup_countdown span { 4106 color: #fff; 4107 } 4108 .pc-tip { 4109 display: none; 4110 } 4111 .h5-tip { 4112 display: block; 4113 max-width: 280px; 4114 text-align: center; 4115 margin: 0 auto; 4116 font-size: 12px; 4117 font-weight: bold; 4118 margin-top: 8px; 4119 color: #000; 4120 } 4121 /* .lottery-popup-skin .layui-layer-content { 4122 max-height: 90vh; 4123 overflow: scroll; 4124 } */ 4125 .lottery-popup-skin .layui-layer-content > div:last-child { 4126 flex-direction: column; 4127 } 4128 .lottery-wheel { 4129 margin: 0 auto; 4130 } 4131 .lottery-subtitle { 4132 padding-bottom: 0; 4133 } 4134 .lottery-wheel-container, 4135 .lottery-content-container { 4136 width: 100% !important; 4137 flex-direction: column; 4138 border-radius: 16px; 4139 } 4140 .lottery-content-container { 4141 display: none; /* åå§éèæ³¨å表å */ 4142 } 4143 .lottery-content-container { 4144 padding: 20px; 4145 } 4146 .lottery-tips { 4147 display: none; 4148 } 4149 .lottery-wheel-container { 4150 padding: 16px 0 0 0; 4151 display: block ; /* å§ç»æ¾ç¤ºè½¬çå®¹å¨ */ 4152 } 4153 .lottery-wheel-container.disabled .start-register-btn { 4154 display: block !important; /* æªæ³¨åæ¶æ¾ç¤ºæ³¨åæé® */ 4155 text-align: center; 4156 padding: 8px 0; 4157 max-width: 300px; 4158 } 4159 .start-register-btn { 4160 display: block; 4161 width: 80%; 4162 margin: 0 auto 20px; 4163 padding: 12px 0; 4164 background: #FF5100; 4165 color: #fff; 4166 border: none; 4167 border-radius: 4px; 4168 font-size: 16px; 4169 font-weight: bold; 4170 cursor: pointer; 4171 } 4172 /* 转çæå°åæ ·å¼ */ 4173 .lottery-wheel-container.minimized { 4174 padding: 10px 0; 4175 } 4176 .lottery-wheel-container.minimized #lottery-wheel { 4177 transform: scale(0.6); 4178 transition: transform 0.3s ease; 4179 } 4180 .lottery-wheel-container.minimized .h5-tip, 4181 .lottery-wheel-container.minimized .start-register-btn { 4182 display: none !important; 4183 } 4184 .lottery-white-box { 4185 display: flex; background: #fff; border-radius: 16px;margin:16px; 4186 } 4187 .lottery-white-box { 4188 min-height: 300px; 4189 } 4190 } 4191</style> 4192<div class="xp_foot" id="xp_foot"> 4193 <div class="xp_foot_1400"> 4194 4195 <div class="row"> 4196 <div class="qx_padd"> 4197 <dl class="foot_off"> 4198 <dt>Help <i class="iconfont icon-a-icon1x-9"></i> </dt> 4199 <dd><a href="/article/3.html" aria-label="link">
4199Registration</a></dd> 4200 </dl> 4201 </div> 4202 <div class="qx_padd"> 4203 <dl class="foot_off"> 4204 <dt>Shopping & distribution <i class="iconfont icon-a-icon1x-9"></i> </dt> 4205 <dd><a href="/article/7.html" aria-label="link">Ordering & Payment</a></dd> 4206 </dl> 4207 </div> 4208 <div class="qx_padd"> 4209 <dl class="foot_off"> 4210 <dt>Service Policy <i class="iconfont icon-a-icon1x-9"></i> </dt> 4211 <dd><a href="/article/5.html" aria-label="link">Return Policy</a></dd> 4212 <dd><a href="/article/6.html" aria-label="link">Warranty Policy</a></dd> 4213 <dd><a href="/article/12.html" aria-label="link">Privacy Policy</a></dd> 4214 <dd><a href="/article/13.html" aria-label="link">Shipping Policy</a></dd> 4215 </dl> 4216 </div> 4217 <div class="qx_padd"> 4218 <dl class="foot_off"> 4219 <dt>Contact us <i class="iconfont icon-a-icon1x-9"></i> </dt> 4220 <dd><a href="/article/8.html" aria-label="link">About us</a></dd> 4221 <dd><a href="/article/10.html" aria-label="link">Contact us</a></dd> 4222 </dl> 4223 </div> 4224 4225 4226 </div> 4227 4228 <div class="row"> 4229 <!-- <div class="foot_margin"> 4230 <div class="pc_foot_iconfoot foot_iconfoot"> 4231 </div> 4232 <div class="newmobei_foot_iconfoot"> 4233 </div> 4234 </div> --> 4235 <div class="foot_margin foot_svg"> 4236 <div class=" foot_paypal"> 4237 <object data="https://resource.xp-pen.com/static/images/20240815/k2ouBIFtIUmTB7TLiM1t.webp" aria-label="icon"></object> 4238 4239 <object data="https://resource.xp-pen.com/static/images/20240815/MGsQO9RwtQHAee62Q46k.webp" aria-label="icon"></object> 4240 4241 <object data="https://resource.xp-pen.com/static/images/20240816/Ly4enOVV1Ue2NS3xnoVm.webp" aria-label="icon"></object> 4242 4243 <object data="https://resource.xp-pen.com/static/images/20240815/pILN83owJnQ7rUCr9LVu.webp" aria-label="icon"></object> 4244 4245 <object data="https://resource.xp-pen.com/static/images/20240815/bqjCPnpSalI8OD2NU1IP.webp" aria-label="icon"></object> 4246 4247 </div> 4248 </div> 4249 <!-- <div class="reclame"> 4250 <img src="https://xpstore.oss-us-west-1.aliyuncs.com/img/reclame.svg" alt=""> 4251 </div> --> 4252 4253 </div> 4254 4255 4256 4257 <!--åä½ä¼ä¼´ start--> 4258 <!--è®¢é æ¨¡å end--> 4259 4260 4261 <div class="foot_row2"> 4262 <div class="foot_row2_txt"> 4263 <p style="text-align: center;">Copyright© 2025 <span style="text-align: center;">HANVON UGEE (HK) TECHNOLOGY CO., LIMITED</span> All Rights Reserved.</p><div id="xppen_fixed_cookie" style="position: relative;z-index:99999999999;"><div class="xppen_fixed1"><div class="xppen_fixed1_cookie"><div class="xppen_p">We use cookies to improve our site and your experience. By continuing to browse our site you accept our cookie policy <a href="https://www.storexppen.com/article/12.html" target="_blank">(Find out more)</a></div><span class="cookie_accept" onclick="closeFootAd_cookie()">Accept</span></div></div></div> </div> 4264 <div class="foot_margin foot_margin_end"> 4265 <div style="color:#000;border: 1px solid #CECCD3;;text-align:left;border-radius: 6px;cursor: pointer;display: flex;align-items: center; justify-content: space-between;width: 250px;background: #fff;" class="countryLanguageSelectOpen countryLanguageSelectOpen2"> 4266 <p class="current_site_name">Southeast Asia Official Store</p> 4267 <p class="icon-warpper"> <i class="iconfont icon-inter tong_icon pull-left"></i></p> 4268 4269 </div> 4270 4271 </div> 4272 </div> 4273 </div> 4274</div> 4275<!--
4275<script src="https://unpkg.com/[email protected]"></script>
4275 -->
4276<script type="text/javascript" src="/newxp/static2024/js/index/index.umd.js"></script>
vendor: 2 bytes, line 4276
4276
4277<script type="text/javascript" src="/newxp/static2024/js/index/lottery-register.js"></script>
vendor: 2 bytes, line 4277
4277
4278<script type="text/javascript" src="/newxp/static2024/js/index/homefoot.js"></script>
4278 4279
4280<script> 4281 $('.countryLanguageSelectOpen2').click(function () { 4282 $('#store_SiteSwitch2').css('margin-top',`0px`) 4283 }) 4284</script>
vendor: 2 bytes, line 4284
4284
4285<script> 4286$(function() { 4287 4288 4289 function setCookie(name, value, days) { 4290 let expires = ''; 4291 if (days) { 4292 const date = new Date(); 4293 date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); 4294 expires = '; expires=' + date.toUTCString(); 4295 } 4296 document.cookie = name + '=' + (value || '') + expires + '; path=/'; 4297 } 4298 function getCookie(name) { 4299 const nameEQ = name + '='; 4300 const ca = document.cookie.split(';'); 4301 for(let i = 0; i < ca.length; i++) { 4302 let c = ca[i]; 4303 while (c.charAt(0) == ' ') c = c.substring(1, c.length); 4304 if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); 4305 } 4306 return null; 4307 } 4308 // æ·»å ç»å½é¡µé¢å¤æå½æ° 4309 function checkLoginPage() { 4310 const currentUrl = window.location.href; 4311 // 夿å½åç«ç¹æ¯å¦å±äºæå®çç«ç¹æ°ç» 4312 const allowedSites = ['fr', 'uk', 'ie','kr','de','es','pt','it']; 4313 if (!allowedSites.includes(_LANG_)) { 4314 return false; 4315 } 4316 if (currentUrl.indexOf('/login/index.html') > -1) { 4317 const urlParams = new URLSearchParams(window.location.search); 4318 const jumpUrl = urlParams.get('jumpUrl'); 4319 // 妿jumpUrlæåè´ä¹°é¡µé¢ï¼å䏿¾ç¤ºå¼¹çª 4320 if (jumpUrl && ( 4321 jumpUrl.indexOf('/buy/') > -1 || 4322 jumpUrl.indexOf('buy_mobile.html') > -1 4323 )) { 4324 return false; 4325 } 4326 } 4327 const lotteryDrawnData = this.getCookie('lottery_drawn'); 4328 if (lotteryDrawnData) { 4329 $.ajax({
4330 url: _ROOT_+'lottery/checkLotterySpecialData', 4331 type: 'POST', 4332 data: { 4333 device_id: this.getCookie('hw_tag_device_id'), 4334 prize_id: JSON.parse(lotteryDrawnData).prize_id, 4335 }, 4336 success: function(response) { 4337 if(response.code == 1) { 4338 return true; 4339 } 4340 }, 4341 error: function() { 4342 return false; 4343 } 4344 }); 4345 } 4346 return true; 4347 } 4348 // ä¿®æ¹åæçå¼¹çªæ¾ç¤ºé»è¾ 4349 // && _LANG_ =='fr' 4350 if(window.location.href.indexOf('/buy') > -1 && checkLoginPage() ) { 4351 // åå§ååé 4352 let hasChecked = false; 4353 let lotteryLayerIndex; 4354 let popContent = ''; // åå¨å¼¹çªå 容 4355 let uid; // åå¨ç¨æ·ID 4356 let countdownTimer; // åå¨å计æ¶å®æ¶å¨ 4357 let countdownStarted = false; // æ è®°åè®¡æ¶æ¯å¦å·²ç»å¼å§ 4358 let currentStep = 'initial'; // è®°å½å½åæ¥éª¤ï¼initial=åå§ç¶æ, verify=éªè¯ç ç¶æ, success=注åæåç¶æ 4359 let firstStepData = null; // åå¨ç¬¬ä¸æ¥çè¡¨åæ°æ® 4360 const ENTRY_DISPLAY_TIME = 30 * 60; // å ¥å£æ¾ç¤ºæ¶é´ï¼30åéï¼ 4361 const ONE_DAY = 24 * 60 * 60 * 1000; // 24å°æ¶çæ¯«ç§æ° 4362 let lotteryData = null; 4363 // ç¹å»å ¥å£å¾æ éæ°æå¼å¼¹çª 4364 $('#lottery_entry').on('click', function() { 4365 // æ£æ¥æ¯å¦åºè¯¥æ¾ç¤ºå¼¹çª 4366 if (!checkLoginPage()) { 4367 return; 4368 } 4369 hwtag("event", "popup_click", { 4370 click_type: 'ç¹å»å计æ¶å¼¹çª', // ç¹å»å ç´ ç±»å 4371 element_type: 'OBS-MktReg-Pop-1', // å½ååä½ç±»åç¼ç 4372 element_type_name: 'ç½ç«å¼¹çª', // å½ååä½ç±»ååç§° 4373 element_id: 'OBS-MktReg-Pop-1_1', // åä½å ç´ ç¼ç 4374 element_name:'峿¶è¥éå¼¹çª' // åä½å ç´ åç§° 4375 }); 4376 const hasRegistered = getCookie('lottery_registered'); 4377 const hasDrawn = getCookie('lottery_drawn'); 4378 if (hasDrawn) { 4379 try { 4380 // è°ç¨è·åä¸å¥ä¿¡æ¯æ¥å£ 4381 $.ajax({
4382 url: _ROOT_+'lottery/getLotteryWinnerList', 4383 type: 'post', 4384 data: { 4385 winner_id: JSON.parse(hasDrawn).unique_id, 4386 device_id: getCookie('hw_tag_device_id'), 4387 lottery_id: JSON.parse(hasDrawn).activity_id, 4388 }, 4389 success: function(result) { 4390 if(result.code === 1) { 4391 // ä¿åå¥åä¿¡æ¯å°localStorage 4392 if (typeof window.saveLotteryPrizeInfo === 'function') { 4393 window.saveLotteryPrizeInfo({ 4394 prize_id: result.data.prize_info.prize_id, 4395 prize_name: result.data.prize_info.prize_name, 4396 prize_image: result.data.prize_info.prize_image, 4397 active_id: result.data.prize_info.id, 4398 winner_id: result.data.winner_id, 4399 unique_id: result.data.unique_id || JSON.parse(hasDrawn).unique_id 4400 }); 4401 } else { 4402 // å¦æå ¨å±å½æ°ä¸åå¨ï¼ç´æ¥ä¿åå°localStorage 4403 localStorage.setItem('lottery_prize_info', JSON.stringify({ 4404 prize_id: result.data.prize_info.prize_id, 4405 prize_name: result.data.prize_info.prize_name, 4406 prize_image: result.data.prize_info.prize_image, 4407 active_id: result.data.prize_info.id, 4408 winner_id: result.data.winner_id, 4409 unique_id: result.data.unique_id || JSON.parse(hasDrawn).unique_id 4410 })); 4411 } 4412 layer.open({ 4413 type: 1, 4414 title: false, 4415 closeBtn: 1, 4416 area: _LANG_ == 'fr' ? ['400px','auto']:['700px', 'auto'], 4417 skin: 'lottery-popup-skin OBS-MktReg-Pop-1', 4418 content: result.data.pop_window.replace( 4419 'src=""', 4420 `src="${result.data.prize_info.prize_image}"` 4421 ).replace( 4422 '<h3 style="font-size: 20px; color: #000; margin-bottom: 16px;display: none;"></h3>', 4423 `<h3 style="font-size: 20px; color: #000; margin-bottom: 16px;display: none;">${result.data.prize_info.prize_name}<span class="id" style="display:none">${result.data.prize_info.prize_id}</span><span class="active_id" style="display:none">${result.data.prize_info.id}</span><span class="winner_id">${result.data.winner_id}</span></h3>` 4424 ), 4425 cancel: function() { 4426 // å ³éå¼¹çªæ¶æ¸ é¤å¥åä¿¡æ¯ 4427 $('#lottery_entry').css('display','block'); 4428 } 4429 }); 4430 $('#lottery_entry').css('display','none'); 4431 } else { 4432 console.error('Failed to get winner info:', result.msg); 4433 } 4434 }, 4435 error: function() { 4436 console.error('Network error when getting winner info'); 4437 } 4438 }); 4439 } catch (e) { 4440 console.error('Failed to parse prize info:', e); 4441 return; 4442 } 4443 return; 4444 } 4445 // å¦æå·²æ³¨å使ªæ½å¥ï¼è®¾ç½®ç¶æ 4446 if (hasRegistered) { 4447 currentStep = 'success'; 4448 uid = getCookie('lottery_uid'); 4449 } 4450 // å¦æå·²ç»ææ°æ®ï¼ç´æ¥ä½¿ç¨ 4451 if(lotteryData) { 4452 showLotteryPopup( 4453 lotteryData.pop_window, 4454 lotteryData.lottery_info, 4455 lotteryData.lottery_rule_list 4456 ); 4457 return; 4458 } 4459 // ç¬¬ä¸æ¬¡ç¹å»æ¶è·åæ°æ® 4460 $.ajax({
4461 url: _ROOT_+'lottery/checkIfCanPopRegisterDrawPrize/device_id/'+getCookie('hw_tag_device_id'), 4462 type: 'GET', 4463 dataType: 'json', 4464 success: function(response) { 4465 if(response.code == 1) { 4466 // ä¿åæ¥å£è¿åçæ°æ® 4467 lotteryData = response.data; 4468 4469 showLotteryPopup( 4470 lotteryData.pop_window, 4471 lotteryData.lottery_info, 4472 lotteryData.lottery_rule_list 4473 ); 4474 }else { 4475 $('#lottery_entry').css('display','none'); 4476 if(lotteryLayerIndex) { 4477 layer.close(lotteryLayerIndex); 4478 } 4479 } 4480 } 4481 }); 4482 }); 4483 // ä» localStorage è·å累计æ¶é´åæåæ´æ°æ¶é´æ³ 4484 let accumulatedTime = parseInt(localStorage.getItem('buyPageStayTime') || '0'); 4485 let lastTimestamp = parseInt(localStorage.getItem('lastBuyPageTimestamp')) || new Date().getTime(); 4486 // 妿åå¨ä¸æ¬¡æ¶é´æ³ï¼è®¡ç®é¡µé¢å ³éæé´çæ¶é´ä¸è®¡å ¥ç´¯è®¡æ¶é´ 4487 if (lastTimestamp) { 4488 const now = new Date().getTime(); 4489 // 妿è·ç¦»ä¸æ¬¡æ´æ°è¶ è¿3ç§ï¼è¯´æé¡µé¢å¯è½è¢«å ³éè¿ï¼éç½®lastTimestamp 4490 if (now - lastTimestamp > 3000) { 4491 lastTimestamp = now; 4492 } 4493 } 4494 // æ´æ°æåæ¶é´æ³ 4495 localStorage.setItem('lastBuyPageTimestamp', lastTimestamp.toString()); 4496 // è·åå计æ¶å¼å§æ¶é´åå©ä½æ¶é´ 4497 const countdownStartTime = localStorage.getItem('lotteryCountdownStart'); 4498 let remainingTime; 4499 if(countdownStartTime) { 4500 // 妿已ç»å¼å§è®¡æ¶ï¼è®¡ç®å©ä½æ¶é´ 4501 const elapsedTime = Math.floor((new Date().getTime() - parseInt(countdownStartTime)) / 1000); 4502 remainingTime = ENTRY_DISPLAY_TIME - elapsedTime; 4503 if(remainingTime > 0) { 4504 // å¦æè¿æå©ä½æ¶é´ï¼æ¾ç¤ºå ¥å£å¹¶å¼å§åè®¡æ¶ 4505 $('#lottery_entry').show(); 4506 startCountdown(); 4507 } else { 4508 // 妿æ¶é´å·²å°ï¼è®°å½å°localStorage 4509 localStorage.setItem('lastLotteryPopupTime', new Date().getTime().toString()); 4510 } 4511 } else { 4512 remainingTime = ENTRY_DISPLAY_TIME; 4513 } 4514 // æ£æ¥æ¯å¦å¨24å°æ¶å å·²ç»æ¾ç¤ºè¿ 4515 const lastPopupTime = localStorage.getItem('lastLotteryPopupTime'); 4516 if (lastPopupTime && (new Date().getTime() - parseInt(lastPopupTime)) < ONE_DAY) { 4517 // 妿å¨24å°æ¶å å·²ç»æ¾ç¤ºè¿ï¼ä¸åæ§è¡åç»ä»£ç 4518 return; 4519 } 4520 // 宿¶æ£æ¥åçæ¶é´ 4521 const timeCheckInterval = setInterval(function() { 4522 const currentTime = new Date().getTime(); 4523 const timeDiff = currentTime - lastTimestamp; 4524 // 妿æ¶é´å·®å¼è¿å¤§ï¼è¶ è¿3ç§ï¼ï¼è¯´æé¡µé¢å¯è½è¢«æèµ·æåæ¢ 4525 if (timeDiff > 3000) { 4526 lastTimestamp = currentTime - 1000; // åªè®¡ç®1ç§çæ¶é´ 4527 } 4528 // 计ç®è¿æ¬¡é´éå¢å çæ¶é´ï¼ç§ï¼ 4529 const intervalSeconds = Math.floor((currentTime - lastTimestamp) / 1000); 4530 if (intervalSeconds > 0) { // åªæå¨æå®é æ¶é´å¢å æ¶ææ´æ° 4531 // æ´æ°ç´¯è®¡æ¶é´ 4532 accumulatedTime += intervalSeconds; 4533 // æ´æ°æåæ¶é´æ³ 4534 lastTimestamp = currentTime; 4535 // ä¿å累计æ¶é´åæ¶é´æ³å° localStorage 4536 localStorage.setItem('buyPageStayTime', accumulatedTime.toString()); 4537 localStorage.setItem('lastBuyPageTimestamp', lastTimestamp.toString()); 4538 4539 // 使ç¨ç´¯è®¡æ¶é´å¤æ 4540 if(accumulatedTime >= 20 && !hasChecked && !countdownStartTime) { 4541 hasChecked = true; 4542 // ç«å³åæ¢è®¡æ¶ 4543 clearInterval(timeCheckInterval); 4544 // åéAJAX请æ±è·åå¼¹çªå 容 4545 $.ajax({
4546 url: _ROOT_+'lottery/checkIfCanPopRegisterDrawPrize/device_id/'+getCookie('hw_tag_device_id'), 4547 type: 'GET', 4548 dataType: 'json', 4549 success: function(response) { 4550 if(response.code === 1) { 4551 // ä¿åæ¥å£è¿åçæ°æ® 4552 lotteryData = response.data; 4553 showLotteryPopup( 4554 lotteryData.pop_window, 4555 lotteryData.lottery_info, 4556 lotteryData.lottery_rule_list 4557 ); 4558 // 设置24å°æ¶å 已弹åºçæ è®°ï¼è䏿¯æ¸ é¤ç´¯è®¡æ¶é´ 4559 localStorage.setItem('lastLotteryPopupTime', new Date().getTime().toString()); 4560 } else { 4561 // å¨è¿ééèå ¥å£ä»¥åå¼¹çª 4562 $('#lottery_entry').css('display','none'); 4563 if(lotteryLayerIndex) { 4564 layer.close(lotteryLayerIndex); 4565 } 4566 // åæ ·è®¾ç½®æ è®° 4567 localStorage.setItem('lastLotteryPopupTime', new Date().getTime().toString()); 4568 } 4569 } 4570 }); 4571 // è¾¾å°ç®æ æ¶é´åç´æ¥è¿åï¼ä¸åç»§ç»è®¡æ¶ 4572 return; 4573 } 4574 } 4575 }, 200); 4576 // 卿½å¥æåæ¶æ¸ é¤ç´¯è®¡æ¶é´ 4577 function clearAccumulatedTime() { 4578 localStorage.removeItem('buyPageStayTime'); 4579 localStorage.removeItem('lastBuyPageTimestamp'); 4580 } 4581 // å计æ¶å½æ° 4582 function startCountdown() { 4583 countdownStarted = true; 4584 const $countdown = $('#entry_countdown'); 4585 countdownTimer = setInterval(function() { 4586 remainingTime--; 4587 // æ´æ°åè®¡æ¶æ¾ç¤º 4588 const minutes = Math.floor(remainingTime / 60); 4589 const seconds = remainingTime % 60; 4590 const countdownHtml = ` 4591 <span style="display: inline-block; width: 14px; text-align: center;font-size:18px;background-image: url(http://xpstore.oss-us-west-1.aliyuncs.com/img/pop05.webp);background-size: 100%;background-repeat: no-repeat;background-position: center;">${Math.floor(minutes/10)}</span> 4592 <span style="display: inline-block; width: 14px; text-align: center;font-size:18px;background-image: url(http://xpstore.oss-us-west-1.aliyuncs.com/img/pop05.webp);background-size: 100%;background-repeat: no-repeat;background-position: center;">${minutes%10}</span> 4593 <span style="display: inline-block; width: 14px; text-align: center;font-size:18px;">:</span> 4594 <span style="display: inline-block; width: 14px; text-align: center;font-size:18px;background-image: url(http://xpstore.oss-us-west-1.aliyuncs.com/img/pop05.webp);background-size: 100%;background-repeat: no-repeat;background-position: center;">${Math.floor(seconds/10)}</span> 4595 <span style="display: inline-block; width: 14px; text-align: center;font-size:18px;background-image: url(http://xpstore.oss-us-west-1.aliyuncs.com/img/pop05.webp);background-size: 100%;background-repeat: no-repeat;background-position: center;">${seconds%10}</span> 4596 `; 4597 $countdown.html(countdownHtml); 4598 // æ´æ°å¼¹çªä¸çåè®¡æ¶ 4599 $('.popup_countdown').html(countdownHtml); 4600 // æ¶é´å°ï¼éèå ¥å£åå ³éå¼¹çª 4601 if(remainingTime <= 0) { 4602 clearInterval(countdownTimer); 4603 // å éèå ¥å£ 4604 $('#lottery_entry').fadeOut().promise().done(function() { 4605 $(this).hide(); 4606 // åå ³éå¼¹çª 4607 layer.closeAll(); 4608 }); 4609 // è®°å½å¼¹çªæ¶å¤±çæ¶é´ 4610 localStorage.setItem('lastLotteryPopupTime', new Date().getTime().toString()); 4611 // æ¸ é¤å计æ¶å¼å§æ¶é´ 4612 localStorage.removeItem('lotteryCountdownStart'); 4613 // éç½®åé 4614 countdownStarted = false; 4615 remainingTime = ENTRY_DISPLAY_TIME; 4616 } 4617 }, 1000); 4618 } 4619 // æ¾ç¤ºæ½å¥å¼¹çªå½æ° 4620 function showLotteryPopup(popContent, lotteryInfo, prizeList) { 4621 4622 // æ·»å æå¼æ½å¥é¡µé¢åç¹ 4623 hwtag("event", "OPEN_DRAW_PRIZE_PAGE", { 4624 lottery_id: lotteryInfo.id,
4625 lottery_name: lotteryInfo.lottery_name, 4626 }); 4627 setTimeout(() => { 4628 hwtag("event", "popup_impression", { 4629 element_type: "OBS-MktReg-Pop-1", // å½ååä½ç±»åç¼ç 4630 element_type_name: "ç½ç«å¼¹çª", // å½ååä½ç±»ååç§° 4631 element_id: "OBS-MktReg-Pop-1_1", // åä½å ç´ ç¼ç 4632 element_name: "峿¶è¥éå¼¹çª", // åä½å ç´ åç§° 4633 }) 4634 }, 500); 4635 // æ£æ¥æ¯å¦å·²æ³¨ååæ½å¥ 4636 const hasRegistered = getCookie('lottery_registered'); 4637 const hasDrawn = getCookie('lottery_drawn'); 4638 if (hasDrawn) { 4639 try { 4640 // è°ç¨è·åä¸å¥ä¿¡æ¯æ¥å£ 4641 $.ajax({ 4642 url: _ROOT_+'lottery/getLotteryWinnerList', 4643 type: 'post', 4644 data: { 4645 winner_id: hasDrawn.winner_id, 4646 device_id: getCookie('hw_tag_device_id'), 4647 lottery_id: hasDrawn.activity_id, 4648 }, 4649 success: function(result) { 4650 if(result.code === 1) { 4651 // ä¿åå¥åä¿¡æ¯å°localStorage 4652 if (typeof window.saveLotteryPrizeInfo === 'function') { 4653 window.saveLotteryPrizeInfo({ 4654 prize_id: result.data.prize_info.prize_id, 4655 prize_name: result.data.prize_info.prize_name, 4656 prize_image: result.data.prize_info.prize_image, 4657 active_id: result.data.prize_info.id, 4658 winner_id: result.data.winner_id, 4659 unique_id: result.data.unique_id 4660 }); 4661 } else { 4662 // å¦æå ¨å±å½æ°ä¸åå¨ï¼ç´æ¥ä¿åå°localStorage 4663 localStorage.setItem('lottery_prize_info', JSON.stringify({ 4664 prize_id: result.data.prize_info.prize_id, 4665 prize_name: result.data.prize_info.prize_name, 4666 prize_image: result.data.prize_info.prize_image, 4667 active_id: result.data.prize_info.id, 4668 winner_id: result.data.winner_id, 4669 unique_id: result.data.unique_id 4670 })); 4671 } 4672 layer.open({ 4673 type: 1, 4674 title: false, 4675 closeBtn: 1, 4676 area: _LANG_ == 'fr' ? ['400px','auto']:['700px', 'auto'], 4677 skin: 'lottery-popup-skin OBS-MktReg-Pop-1', 4678 content: result.data.pop_window.replace( 4679 'src=""', 4680 `src="${result.data.prize_info.prize_image}"` 4681 ).replace( 4682 '<h3 style="font-size: 20px; color: #000; margin-bottom: 16px;display: none;"></h3>', 4683 `<h3 style="font-size: 20px; color: #000; margin-bottom: 16px;display: none;">${result.data.prize_info.prize_name}<span class="id" style="display:none">${result.data.prize_info.prize_id}</span><span class="active_id" style="display:none">${result.data.prize_info.id}</span><span class="winner_id">${result.data.winner_id}</span></h3>` 4684 ) 4685 }); 4686 } else { 4687 console.error('Failed to get winner info:', result.msg); 4688 } 4689 }, 4690 error: function() { 4691 console.error('Network error when getting winner info'); 4692 } 4693 }); 4694 } catch (e) { 4695 console.error('Failed to parse prize info:', e); 4696 return; 4697 } 4698 return; 4699 } 4700 // å¦æå·²æ³¨å使ªæ½å¥ï¼ç´æ¥æ¾ç¤ºæ½å¥çé¢ 4701 if (hasRegistered) { 4702 currentStep = 'success'; 4703 uid = getCookie('lottery_uid'); 4704 } 4705 // å å ³éææå·²åå¨çå¼¹çª 4706 layer.closeAll(); 4707 // éèå ¥å£ 4708 $('#lottery_entry').hide(); 4709 // ä½¿ç¨ localStorage å卿°æ® 4710 localStorage.setItem('lotteryFormContent', popContent); 4711 localStorage.setItem('lotteryInfo', JSON.stringify(lotteryInfo)); 4712 localStorage.setItem('prizeList', JSON.stringify(prizeList)); 4713 // æ ¹æ®å½åæ¥éª¤æ¾ç¤ºå¯¹åºå 容 4714 let formContent = ''; 4715 if (hasRegistered || currentStep === 'success') { 4716 // ç´æ¥æ¾ç¤ºæ½å¥çé¢ 4717 formContent = ` 4718 <div class="lottery-tips" style="text-align:center;padding:20px;"> 4719 <img src="http://xpstore.oss-us-west-1.aliyuncs.com/img/maskGroup.webp" alt=""> 4720 <p style="text-align:center;font-size:16px;color:#000;font-weight:500;margin-bottom:15px"> 4721 ${L('LOTTERY_GIFT_AFTER_RECIEVED')} 4722 </p> 4723 </div> 4724 `; 4725 // æ¸ é¤ä¹åçå 容并æ¾ç¤ºæ°å 容 4726 setTimeout(() => { 4727 $('.lottery-content-container').empty().html(formContent).show(); 4728 // ç§»é¤æ½å¥æé®çç¦ç¨ç¶æ 4729 $('.lottery-wheel-container').removeClass('disabled'); 4730 // ç¡®ä¿æ½å¥æé®å¯è§ 4731 $('.lottery-wheel-container').show(); 4732 $('.start-register-btn').hide() 4733 }, 0); 4734 } else if (currentStep === 'verify' && firstStepData) { 4735 formContent = ` 4736 <div class="form-group"> 4737 <input type="text" name="verify_code" placeholder="${L('CAPTURE')}*" required> 4738 <p class="verify-tip" style="font-size:12px;color:#666;margin-top:8px;text-warp:pretty"> 4739 ${L('LOTTERY_REWARD_GIFT_EMAIL_TIPS')} 4740 </p> 4741 </div> 4742 <button type="button" id="confirmVerifyCode" style="margin-top:8px">${L('CONTINUE')}</button> 4743 `; 4744 // ç§»é¤ form-checkbox 4745 setTimeout(() => { 4746 $('.form-checkbox').hide(); 4747 $('button[type="submit"]').hide(); // éèsubmitæé® 4748 // éæ°ç»å®éªè¯ç 确认æé®ç¹å»äºä»¶ 4749 $('#confirmVerifyCode').on('click', function() { 4750 const verifyCode = $('input[name="verify_code"]').val(); 4751 if(!verifyCode) { 4752 layer.msg(L('VERIFICATION_CODE_ERROR'), {icon: 2,skin:'layui-layer-hui'}); 4753 return; 4754 } 4755 // æ¾ç¤ºloading 4756 const loadingIndex = layer.load(1, { 4757 shade: [0.3, '#fff'] 4758 }); 4759 // åéç¬¬äºæ¥æ³¨åè¯·æ± 4760 $.ajax({
4761 url: _ROOT_+'lottery/lottery_register', 4762 type: 'POST', 4763 data: JSON.stringify({ 4764 verify_code: verifyCode, // ç¨æ·è¾å ¥çé®ç®±éªè¯ç 4765 email: firstStepData.email, // é®ç®± 4766 nonce: firstStepData.nonce, // nonceå¼ 4767 is_agree: firstStepData.is_agree, // æ¯å¦åæè®¢é 4768 pwd: firstStepData.pwd, // å¯ç 4769 device_id: firstStepData.device_id // 设å¤ID 4770 }), 4771 contentType: 'application/json', 4772 success: function(res) { 4773 // å ³éloading 4774 layer.close(loadingIndex); 4775 if(res.code === 1) { 4776 // 设置注åæåçcookie 4777 register_handle(res) 4778 setCookie('lottery_registered', '1', 7); 4779 setCookie('lottery_uid', res.data.sso_uid, 7); 4780 // ä¿åç¨æ·ä¿¡æ¯å°cookie 4781 setCookie('lottery_user_info', JSON.stringify({ 4782 email: firstStepData.email, 4783 uid: res.data.sso_uid, 4784 device_id: firstStepData.device_id 4785 }), 7); 4786 4787 // 注åæå 4788 layer.msg(L('LOTTERY_GIFT_CLICK_TIPS_LEFT'), {icon: 1,skin:'layui-layer-hui'}); 4789 uid = res.data.sso_uid; 4790 currentStep = 'success'; 4791 // æ¸ é¤ä¹åçå 容并æ¾ç¤ºæ½å¥çé¢ 4792 const successContent = ` 4793 <div class="lottery-tips" style="text-align:center;padding:20px;"> 4794 <img src="http://xpstore.oss-us-west-1.aliyuncs.com/img/maskGroup.webp" alt=""> 4795 <p style="text-align:center;font-size:16px;color:#000;font-weight:500;margin-bottom:15px"> 4796 ${L('LOTTERY_GIFT_CLICK_TIPS')} 4797 </p> 4798 </div> 4799 `; 4800 $('.lottery-content-container').empty().html(successContent).show(); 4801 // ç§»é¤æ½å¥æé®çç¦ç¨ç¶æ 4802 $('.lottery-wheel-container').removeClass('disabled'); 4803 // ç¡®ä¿æ½å¥æé®å¯è§ 4804 $('.lottery-wheel-container').show(); 4805 } else { 4806 layer.msg(res.data.msg || '', {icon: 2,skin:'layui-layer-hui'}); 4807 } 4808 }, 4809 error: function() { 4810 // å ³éloading 4811 layer.close(loadingIndex); 4812 layer.msg(res.data.msg || '', {icon: 2,skin:'layui-layer-hui'}); 4813 } 4814 }); 4815 }); 4816 }, 0); 4817 } else { 4818 formContent = popContent; 4819 currentStep = 'initial'; 4820 firstStepData = null; 4821 } 4822 // 妿æ¯ç¬¬ä¸æ¬¡æ¾ç¤ºå¼¹çªï¼å¼å§åè®¡æ¶ 4823 if (!countdownStarted) { 4824 // è®°å½å计æ¶å¼å§æ¶é´ 4825 localStorage.setItem('lotteryCountdownStart', new Date().getTime().toString()); 4826 startCountdown(); 4827 } 4828 // å¤çå¥ååè¡¨æ°æ® 4829 const prizes = prizeList.map((prize, index) => ({ 4830 background: index % 2 === 0 ? '#FFF' : '#FD9B9A', 4831 fonts: [{ 4832 text: prize.prize_name, 4833 top: '56%', 4834 fontSize: '10px', 4835 fontColor: index % 2 === 0 ? '#FF5100' : '#FFF', 4836 lineClamp: 4, 4837 }], 4838 imgs: [{ 4839 src: prize.prize_image, 4840 width: '40px', 4841 height: '40px', 4842 top: '12%' 4843 }] 4844 })); 4845 // åå§å注å表åå¤ç 4846 const lotteryRegister = new LotteryRegister(); 4847 lotteryRegister.init('.lottery-content-container'); 4848 // 使ç¨layerå¼¹çª 4849 lotteryLayerIndex = layer.open({ 4850 type: 1, 4851 closeBtn: 1, 4852 area:['700px', 'auto'], 4853 shadeClose: true, 4854 skin: 'lottery-popup-skin OBS-MktReg-Pop-1', 4855 offset: 'auto', 4856 anim: 0, 4857 resize: false, 4858 fixed: true, 4859 isOutAnim: false, 4860 cancel: function() { 4861 // 妿å计æ¶å·²ç»æï¼åæ¶éèå ¥å£ 4862 if(remainingTime <= 0) { 4863 $('#lottery_entry').fadeOut().promise().done(function() { 4864 $(this).hide(); 4865 }); 4866 } else { 4867 $('#lottery_entry').fadeIn(); 4868 } 4869 }, 4870 success: function(layero, index) { 4871 // çå¾ å 容å è½½å®æåéæ°è®¡ç®é«åº¦ 4872 setTimeout(() => { 4873 const $content = $(layero).find('.layui-layer-content'); 4874 const height = $content.children().outerHeight(); 4875 $content.height(height); 4876 }, 100); 4877 }, 4878 content: ` 4879 <div class="lottery-subtitle"> 4880 <div class="title">LOTTERY_SIGN_UP_NOW</div> 4881 <h2>LOTTERY_WIN_YOUR_PRIZE</h2> 4882 <p class="pc-tip">LOTTERY_WIN_PRIZE_CHANCE<span class="popup_countdown"></span></p> 4883 </div> 4884 <div class="lottery-white-box" style="display: flex; background: #fff; border-radius: 0 0 16px 16px;margin:0 6px 6px 6px"> 4885 <div class="lottery-wheel-container disabled"> 4886 <div id="lottery-wheel" style="margin: 0 auto;"></div> 4887 <p class="h5-tip">LOTTERY_WIN_PRIZE_CHANCE</p> 4888 <div style="height:30px;margin-top:8px;margin-bottom:20px;"><div class="popup_countdown" style="display: none;"></div></div> 4889 <button class="start-register-btn" style="display: none;"> 4890 Register </button> 4891 </div> 4892 <div class="lottery-content-container"> 4893 <div class="lottery-form"> 4894 <h3 class="lottery-form-title-new">Register</h3> 4895 <form id="registerForm" style="margin-top:12px"> 4896 ${formContent} 4897 <div class="form-checkbox"> 4898 <input type="checkbox" id="newsletter" > 4899 <label for="newsletter"> 4900 LOTTERY_GET_EMAIL_SUBSCRIBE </label> 4901 </div> 4902 <button type="submit" data-click-type="continue">Next</button> 4903 4904 <div class="agreement">LOTTERY_REGIST_ACCOUNT_SIGN</div> 4905 </form> 4906 </div> 4907 </div> 4908 </div>`, 4909 success: function(layero, index) { 4910 // åå§åæ½å¥è½¬ç 4911 const myLucky = new LuckyCanvas.LuckyWheel('#lottery-wheel', { 4912 width: '333px', 4913 height: '333px', 4914 blocks: [ 4915 { 4916 padding: '24px', 4917 imgs: [{ 4918 src: 'http://xpstore.oss-us-west-1.aliyuncs.com/img/wheelBackgroun
4918d.webp', 4919 width: '100%', 4920 height: '100%', 4921 rotate: true 4922 }] 4923 } 4924 ], 4925 defaultConfig: { 4926 gutter: "2px", 4927 }, 4928 prizes: prizes, 4929 buttons: [ 4930 { 4931 radius: '29%', 4932 imgs: [{ 4933 src: 'http://xpstore.oss-us-west-1.aliyuncs.com/img/pointer.webp', 4934 width: '100%', 4935 top: '-150%' 4936 }] 4937 } 4938 ], 4939 start: function() { 4940 // å¦æè½¬çæ¯ç¦ç¨ç¶æ,æ¾ç¤ºæç¤º 4941 if($('.lottery-wheel-container').hasClass('disabled') && _LANG_ =='fr') { 4942 hwtag("event", "popup_click", { 4943 click_type: 'æªæ³¨åæ½å¥', // ç¹å»å ç´ ç±»å 4944 element_type: 'OBS-MktReg-Pop-1', // å½ååä½ç±»åç¼ç 4945 element_type_name: 'ç½ç«å¼¹çª', // å½ååä½ç±»ååç§° 4946 element_id: 'OBS-MktReg-Pop-1_1', // åä½å ç´ ç¼ç 4947 element_name:'峿¶è¥éå¼¹çª' // åä½å ç´ åç§° 4948 }); 4949 layer.msg('Inscrivez-vous d\'abord pour participer à la loterie', { 4950 time: 3000, 4951 icon: 2 4952 }); 4953 return; 4954 }else { 4955 const hasRegistered = getCookie('lottery_registered'); 4956 console.log(hasRegistered,'hasRegistered'); 4957 hwtag("event", "popup_click", { 4958 click_type: hasRegistered ? 'ç¹å»æ½å¥' : 'æªæ³¨åæ½å¥', // ç¹å»å ç´ ç±»å 4959 element_type: 'OBS-MktReg-Pop-1', // å½ååä½ç±»åç¼ç 4960 element_type_name: 'ç½ç«å¼¹çª', // å½ååä½ç±»ååç§° 4961 element_id: 'OBS-MktReg-Pop-1_1', // åä½å ç´ ç¼ç 4962 element_name:'峿¶è¥éå¼¹çª' // åä½å ç´ åç§° 4963 }); 4964 } 4965 // è·åç¨æ·ä¿¡æ¯ 4966 const userInfo = JSON.parse(getCookie('lottery_user_info') || '{}'); 4967 // æ¾ç¤ºloading 4968 const loadingIndex = layer.load(1, { 4969 shade: [0.3, '#fff'] 4970 }); 4971 // åéæ½å¥è¯·æ± 4972 $.ajax({
4973 url: _ROOT_+'lottery/drawPrize', 4974 type: 'POST', 4975 data: JSON.stringify({ 4976 device_id: getCookie('hw_tag_device_id'), 4977 lottery_id: lotteryInfo.id, 4978 uid: getCookie('lottery_uid') 4979 }), 4980 contentType: 'application/json', 4981 success: function(result) { 4982 // å ³éloading 4983 layer.close(loadingIndex); 4984 if(result.code === 1) { 4985 // ä¿å winner_id åæ´»å¨ id 4986 const lotteryDrawnData = { 4987 winner_id: result.data.winner_id, 4988 activity_id: result.data.prize_info.id, 4989 unique_id: result.data.unique_id, 4990 prize_id: result.data.prize_info.prize_id 4991 }; 4992 setCookie('lottery_drawn', JSON.stringify(lotteryDrawnData), 7); 4993 updatePubAttr({"account_id": getCookie('lottery_uid')}); 4994 // æ·»å æ½å¥åç¹ 4995 hwtag("event", "CLICK_TO_DRAW_PRIZE", { 4996 lottery_id: result.data.prize_info.id, 4997 prize_id: result.data.prize_info.prize_id 4998 ? result.data.prize_info.prize_id 4999 : "0", 5000 winner_id: result.data.winner_id, 5001 lottery_name: result.data.prize_info.lottery_name 5002 }); 5003 hwtag("event", "popup_click", { 5004 click_type: 'ç¹å»æ½å¥', // ç¹å»å ç´ ç±»å 5005 element_type: 'OBS-MktReg-Pop-1', // å½ååä½ç±»åç¼ç 5006 element_type_name: 'ç½ç«å¼¹çª', // å½ååä½ç±»ååç§° 5007 element_id: 'OBS-MktReg-Pop-1_1', // åä½å ç´ ç¼ç 5008 element_name:'峿¶è¥éå¼¹çª' // åä½å ç´ åç§° 5009 }); 5010 // æ¾å°ä¸å¥å¥åçç´¢å¼ 5011 const index = prizeList.findIndex(item => 5012 item.prize_id === result.data.prize_info.prize_id 5013 ); 5014 if(index !== -1) { 5015 // 转å¨å°ä¸å¥ä½ç½® 5016 myLucky.play(); 5017 setTimeout(() => { 5018 myLucky.stop(index); 5019 // çå¾ è½¬çåæ¢åæ¾ç¤ºä¸å¥å¼¹çª 5020 setTimeout(() => { 5021 layer.closeAll(); 5022 layer.open({ 5023 type: 1, 5024 title: false, 5025 area: _LANG_ == 'fr' ? ['400px','auto']:['700px', 'auto'], 5026 shadeClose: false, 5027 skin: 'lottery-popup-skin OBS-MktReg-Pop-1', 5028 content: result.data.pop_window.replace( 5029 'src=""', 5030 `src="${result.data.prize_info.prize_image}"` 5031 ).replace( 5032 '<h3 style="font-size: 20px; color: #000; margin-bottom: 16px; display: none"></h3>', 5033 `<h3 style="font-size: 20px; color: #000; margin-bottom: 16px;display: none;">${result.data.prize_info.prize_name}<span class="id" style="display:none">${result.data.prize_info.prize_id}</span><span class="active_id" style="display:none">${result.data.prize_info.id}</span><span class="winner_id">${result.data.winner_id}</span></h3>` 5034 ) 5035 }); 5036 // ä¿åå¥åä¿¡æ¯å°localStorage 5037 if (typeof window.saveLotteryPrizeInfo === 'function') { 5038 window.saveLotteryPrizeInfo({ 5039 prize_id: result.data.prize_info.prize_id, 5040 prize_name: result.data.prize_info.prize_name, 5041 prize_image: result.data.prize_info.prize_image, 5042 active_id: result.data.prize_info.id, 5043 winner_id: result.data.winner_id, 5044 unique_id: result.data.unique_id 5045 }); 5046 } else { 5047 // å¦æå ¨å±å½æ°ä¸åå¨ï¼ç´æ¥ä¿åå°localStorage 5048 localStorage.setItem('lottery_prize_info', JSON.stringify({ 5049 prize_id: result.data.prize_info.prize_id, 5050 prize_name: result.data.prize_info.prize_name, 5051 prize_image: result.data.prize_info.prize_image, 5052 active_id: result.data.prize_info.id, 5053 winner_id: result.data.winner_id, 5054 unique_id: result.data.unique_id 5055 })); 5056 } 5057 }, 3000); 5058 }, 2500); 5059 } 5060 } else { 5061 layer.msg(result.data.pop_msg || 'æ½å¥å¤±è´¥', {icon: 2,skin:'layui-layer-hui'}); 5062 } 5063 } 5064 }); 5065 } 5066 }); 5067 // çå¾ è½¬çåå 容å è½½å®æå 5068 setTimeout(() => { 5069 // æ¾ç¤ºåè®¡æ¶ 5070 if($(window).width() <= 768) { 5071 $('.popup_countdown').fadeIn(); 5072 } 5073 // æ´æ°å¼¹çªé«åº¦ 5074 const height = $(layero).find('.layui-layer-content').height(); 5075 layer.style(index, { 5076 height: height + 'px', 5077 top: '50%', 5078 marginTop: -(height/2) + 'px' 5079 }); 5080 }, 100); 5081 // ç§»å¨ç«¯å¤ç 5082 if($(window).width() <= 768) { 5083 $('.start-register-btn').show(); 5084 // ç¹å»å¼å§æ³¨åæé® 5085 $('.start-register-btn').on('click', function() { 5086 $(this).hide(); // éèæé® 5087 $('.lottery-wheel-container').hide(); // éè转ç 5088 $('.lottery-content-container').fadeIn(); // æ¾ç¤ºæ³¨å表å 5089 // éæ°è®¡ç®å¼¹çªé«åº¦ 5090 setTimeout(() => { 5091 const height = $(layero).find('.layui-layer-content').height(); 5092 layer.style(index, { 5093 height: height + 'px', 5094 top: '50%', 5095 marginTop: -(height/2) + 'px' 5096 }); 5097 }, 100); 5098 }); 5099 } 5100 // ç§»é¤ä¹åå¯è½åå¨çäºä»¶çå¬å¨ 5101 $('#registerForm').off('submit'); 5102 // 注å表åæäº¤å¤ç 5103 $('#registerForm').on('submit', function(e) { 5104 e.preventDefault(); 5105 // è·åè¡¨åæ°æ® 5106 const email = $('input[name="email"]').val(); 5107 const pwd = $('input[name="pwd"]').val(); 5108 const code = $('input[name="code"]').val(); 5109 // å¯ç æ ¼å¼æ ¡éª 5110 const pwdRegex = /(?=.*[a-zA-Z]+)(?=.*\d+)/; 5111 if (!pwdRegex.test(pwd) || pwd.length < 6 || pwd.length > 18) { 5112 layer.msg(L('PLEASE_INPUT_A_CORRECT_PASSWORD'), { 5113 icon: 2, 5114 time: 3000, 5115 skin:'layui-layer-hui' 5116 }); 5117 return; 5118 } 5119 // éªè¯å¿ å¡«åæ®µ 5120 if(!email || !pwd || !code) { 5121 layer.msg(L('PLEASE_INPUT_VERIFY'), {icon: 2,skin:'layui-layer-hui'}); 5122 return; 5123 } 5124 // æ¾ç¤ºloading 5125 const loadingIndex = layer.load(1, { 5126 shade: [0.3, '#fff'] 5127 }); 5128 // è·åè¡¨åæ°æ® 5129 const formData = { 5130 email: $('input[name="email"]').val(), 5131 pwd: $('input[name="pwd"]').val(), 5132 code: $('input[name="code"]').val(), 5133 nonce: $('input[type="hidden"][name="nonce"]').val(), 5134 is_agree: $('#newsletter').is(':checked') ? 1 : 0, 5135 device_id: getCookie('hw_tag_device_id') 5136 }; 5137 $.ajax({
5138 url: _ROOT_+'lottery/lottery_register_verify', 5139 type: 'POST', 5140 data: JSON.stringify(formData), 5141 contentType: 'application/json', 5142 success: function(response) { 5143 // å ³éloading 5144 layer.close(loadingIndex); 5145 if(response.code === 1) { 5146 // ç¬¬ä¸æ¥éªè¯æåï¼æ¾ç¤ºéªè¯ç è¾å ¥æ¡ 5147 currentStep = 'verify'; 5148 firstStepData = {...formData}; 5149 $('.lottery-form form').html(` 5150 <div class="form-group"> 5151 <input type="text" name="verify_code" placeholder='${L('CAPTURE')}' required> 5152 <p class="verify-tip" style="font-size:12px;color:#666;margin-top:8px;text-wrap:pretty"> 5153 ${L('LOTTERY_REWARD_GIFT_EMAIL_TIPS')} 5154 </p> 5155 </div> 5156 <button type="button" id="confirmVerifyCode" style="margin-top:8px">${L('CONTINUE')}</button> 5157 `); 5158 // ç§»é¤ form-checkbox 5159 $('.form-checkbox').hide(); 5160 $('button[type="submit"]').hide(); // éèsubmitæé® 5161 // ä¿åç¬¬ä¸æ¥çè¡¨åæ°æ®å°å ¨å±åé 5162 firstStepData = {...formData}; 5163 // ç«å³ç»å®éªè¯ç 确认æé®ç¹å»äºä»¶ 5164 $('#confirmVerifyCode').on('click', function() { 5165 const verifyCode = $('input[name="verify_code"]').val(); 5166 if(!verifyCode) { 5167 layer.msg(L('VERIFICATION_CODE_ERROR'), {icon: 2,skin:'layui-layer-hui'}); 5168 return; 5169 } 5170 // æ¾ç¤ºloading 5171 const loadingIndex = layer.load(1, { 5172 shade: [0.3, '#fff'] 5173 }); 5174 // åéç¬¬äºæ¥æ³¨åè¯·æ± 5175 $.ajax({
5176 url: _ROOT_+'lottery/lottery_register', 5177 type: 'POST', 5178 data: JSON.stringify({ 5179 verify_code: verifyCode, // ç¨æ·è¾å ¥çé®ç®±éªè¯ç 5180 email: firstStepData.email, // é®ç®± 5181 nonce: firstStepData.nonce, // nonceå¼ 5182 is_agree: firstStepData.is_agree, // æ¯å¦åæè®¢é 5183 pwd: firstStepData.pwd, // å¯ç 5184 device_id: firstStepData.device_id // 设å¤ID 5185 }), 5186 contentType: 'application/json', 5187 success: function(res) { 5188 // å ³éloading 5189 layer.close(loadingIndex); 5190 if(res.code == 1) { 5191 // 设置注åæåçcookie 5192 register_handle(res) 5193 setCookie('lottery_registered', '1', 7); 5194 setCookie('lottery_uid', res.data.sso_uid, 7); 5195 // ä¿åç¨æ·ä¿¡æ¯å°cookie 5196 setCookie('lottery_user_info', JSON.stringify({ 5197 email: firstStepData.email, 5198 uid: res.data.sso_uid, 5199 device_id: firstStepData.device_id 5200 }), 7); 5201 hwtag("event", "popup_click", { 5202 click_type: '注åç¨æ·', // ç¹å»å ç´ ç±»å 5203 element_type: 'OBS-MktReg-Pop-1', // å½ååä½ç±»åç¼ç 5204 element_type_name: 'ç½ç«å¼¹çª', // å½ååä½ç±»ååç§° 5205 element_id: 'OBS-MktReg-Pop-1_1', // åä½å ç´ ç¼ç 5206 element_name:'峿¶è¥éå¼¹çª' // åä½å ç´ åç§° 5207 }); 5208 // 注åæå 5209 layer.msg(L('LOTTERY_GIFT_CLICK_TIPS_LEFT')); 5210 uid = res.data.sso_uid; 5211 currentStep = 'success'; 5212 // æ¸ é¤ä¹åçå 容并æ¾ç¤ºæ½å¥çé¢ 5213 const successContent = ` 5214 <div class="lottery-tips" style="text-align:center;padding:20px;"> 5215 <img src="http://xpstore.oss-us-west-1.aliyuncs.com/img/maskGroup.webp" alt=""> 5216 <p style="text-align:center;font-size:16px;color:#000;font-weight:500;margin-bottom:15px"> 5217 ${L('LOTTERY_GIFT_CLICK_TIPS')} 5218 </p> 5219 </div> 5220 `; 5221 $('.lottery-content-container').empty().html(successContent).show(); 5222 // ç§»é¤æ½å¥æé®çç¦ç¨ç¶æ 5223 $('.lottery-wheel-container').removeClass('disabled'); 5224 // ç¡®ä¿æ½å¥æé®å¯è§ 5225 $('.lottery-wheel-container').show(); 5226 } else { 5227 layer.msg(res.data.msg || 'Ãchec de la vérification', {icon: 2}); 5228 } 5229 }, 5230 error: function() { 5231 // å ³éloading 5232 layer.close(loadingIndex); 5233 layer.msg("SYSTEM_ERROR", {icon: 2,skin:'layui-layer-hui'}); 5234 } 5235 }); 5236 }); 5237 } else { 5238 layer.msg(response.data.msg || 'Ãchec de l\'inscription', {icon: 2,skin:'layui-layer-hui'}); 5239 // å·æ°éªè¯ç 5240 refreshCaptcha($('.captcha-img')[0]); 5241 } 5242 } 5243 }); 5244 }); 5245 }, 5246 end: function() { 5247 // åªæå¨åè®¡æ¶æªç»ææ¶ææ¾ç¤ºå ¥å£ 5248 hwtag("event", "popup_click", { 5249 click_type: 'å ³éå¼¹çª', // ç¹å»å ç´ ç±»å 5250 element_type: 'OBS-MktReg-Pop-1', // å½ååä½ç±»åç¼ç 5251 element_type_name: 'ç½ç«å¼¹çª', // å½ååä½ç±»ååç§° 5252 element_id: 'OBS-MktReg-Pop-1_1', // åä½å ç´ ç¼ç 5253 element_name:'峿¶è¥éå¼¹çª' // åä½å ç´ åç§° 5254 }); 5255 if(remainingTime > 0) { 5256 $('#lottery_entry').fadeIn(); 5257 } 5258 } 5259 }); 5260 } 5261 // 页é¢ç¦»å¼æ¶æ¸ é¤å®æ¶å¨ 5262 $(window).on('beforeunload', function() { 5263 clearInterval(timeCheckInterval); 5264 if(countdownTimer) { 5265 clearInterval(countdownTimer); 5266 } 5267 if(lotteryLayerIndex) { 5268 layer.close(lotteryLayerIndex); 5269 } 5270 }); 5271 } 5272}); 5273function register_handle(res){ 5274 // 设置注åæåçcookie 5275 let sso_url = 'https://account.xp-pen.com/login/init'; 5276 $.ajax({
5277 type: 'POST', 5278 url: sso_url, 5279 data: {'sid': res.data.return.PHPSESSID}, 5280 xhrFields: {withCredentials: true}, 5281 crossDomain: true, 5282 async: true, 5283 dataType: 'json', 5284 success:function (data) { 5285 } 5286 }) 5287 var html_user = 5288 "\t\t\t\t\t<a href=\"https://www.storexppen.vn/login/index.html?jumpUrl=https://www.storexppen.vn/sales-event.html\" class=\"login1\"><img src=\"https://resource.xp-pen.com/static/images/user/name.webp\"><input type='hidden' id='userId' value=\""+res.data.sso_uid+"\"></a>\n"+ 5289 "<ul class=\"navbar_account_menu login_content\">\n" + 5290 " <span class=\"nav_bagview_caret right_account\"></span>\n" + 5291 " <li><a href=\"https://www.storexppen.vn/user.order/index.html\">My orders</a></li>\n" + 5292 " <li><a href=\"https://www.storexppen.vn/user/index.html\">Account</a></li>\n" + 5293 " <li><a href=\"https://www.storexppen.vn/user.info/edit.html\">Set up</a></li>\n" + 5294 " <li><a href=\""+sso_url+"/login/logout?jumpUrl=https://www.storexppen.vn/sales-event.html&lang=vn\">"+L('SIGN_OUT')+"</a></li>\n" + 5295 " </ul>"; 5296 $('#nav_accounts').html(html_user); 5297} 5298</script>
5298 5299<div id="lottery_entry" style="display:none; position:fixed; right:20px; bottom:250px; z-index:999; cursor:pointer;"> 5300 5301 <img src="https://resource.xp-pen.com/img/timeout_new.gif" width="120" height="120" alt="æ½å¥"> 5302 <p class="lottery_tips">LOTTERY_GIFT_LIMIT_TIPS</p> 5303 <div style="position: absolute; 5304 width: 100%; 5305 bottom: 10px; 5306 color: #fff; 5307 padding: 2px 8px; 5308 border-radius: 10px; 5309 font-size: 18px; 5310 text-align: center;"> 5311 <span id="entry_countdown"> 5312 <span style="display: inline-block; width: 14px; text-align: center;font-size:18px">3</span> 5313 <span style="display: inline-block; width: 14px; text-align: center;font-size:18px">0</span> 5314 <span style="display: inline-block; width: 14px; text-align: center;font-size:18px">:</span> 5315 <span style="display: inline-block; width: 14px; text-align: center;font-size:18px">0</span> 5316 <span style="display: inline-block; width: 14px; text-align: center;font-size:18px">0</span> 5317 </span> 5318 </div> 5319</div> 5320
5321<script type="text/javascript" src="/newxp/static2024/js/index/common.js?ver=20260814"></script>
5321 5322
5323<script type="text/javascript" src="/newxp/static2024/js/module/module_common.js?ver=111"></script>
5323 5324
5325<script type="text/javascript"> 5326 5327 $(function () { 5328 5329 $.fn.xploadingshow = function() { 5330 $('body').append('<div class="xppenloading-mask"><div class="xm-warpper"><div class="xppenloading"><i class="iconfont icon-a-icon1x-43"></i></div><div class="loading">Loading...</div></div></div>') 5331 $("body").css({"overflow":"hidden","height":"100vh"}) 5332 }; 5333 $.fn.xploadinghide = function() { 5334 $('.xppenloading-mask').remove() 5335 $("body").css({ "overflow": "auto", "height": "auto" }) 5336 }; 5337 5338 5339 const pictureLazy = () => { 5340 let winWidth = $(window).innerWidth() 5341 if (winWidth <= 996) { 5342 $(".lazymobie").scrollLoading();//ç§»å¨ç«¯ 5343 } 5344 else { 5345 $(".lazypc").scrollLoading();//pc端 5346 } 5347 $(".lazy").scrollLoading();//å ±ç¨ 5348 } 5349 5350 (window.onresize = () => { 5351 pictureLazy() 5352 })() 5353 5354 5355 // input è·åç¦ç¹äºä»¶ 5356 5357 $(".validate").focus(function () { 5358 5359 $(this).parent().addClass("sub_verify_focus"); 5360 5361 }) 5362 5363 // input失å»ç¦ç¹äºä»¶ 5364 5365 $(".validate").blur(function () { 5366 5367 //è·å span å ç´ 5368 5369 var error_span = $(this).parent().siblings().children('span'); 5370 5371 if (this.value.length <= 0) { 5372 5373 $(this).parent().removeClass("sub_verify_focus"); 5374 5375 $(this).parent().siblings().addClass("sub_error"); 5376 5377 var required = error_span.data("required"); 5378 5379 error_span.text(required); 5380 5381 return false; 5382 5383 } 5384 5385 // input email æ£åé®ç®±éªè¯ 5386 5387 var zz = /^[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*@[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*\.[a-z]{2,}$/ 5388 5389 if (zz.test($(this).val()) == false) { 5390 5391 $(this).parent().siblings().addClass("sub_error"); 5392 5393 var email_error = error_span.data("email"); 5394 5395 error_span.text(email_error); 5396 5397 return false; 5398 5399 } else { 5400 5401 $(this).parent().siblings().removeClass("sub_error"); 5402 5403 } 5404 5405 }) 5406 5407 //sub_buttonç¹å»äºä»¶ 5408 5409 $(".sub_button").click(function () { 5410 5411 var index_email = $("#index_email"); 5412 5413 if (index_email.val().length <= 0) { 5414 5415 index_email.focus(); 5416 5417 index_email.parent().addClass("sub_verify_focus"); 5418 5419 index_email.parent().siblings().addClass("sub_error"); 5420 5421 var click_error_span = index_email.parent().siblings().children('span'); 5422 5423 var click_required = click_error_span.data("required"); 5424 5425 click_error_span.text(click_required); 5426 5427 return false; 5428 5429 } 5430 5431 // input email æ£åé®ç®±éªè¯ 5432 5433 var zz = /^[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*@[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*\.[a-z]{2,}$/ 5434 5435 if (zz.test(index_email.val()) == false) { 5436 5437 return false; 5438 5439 } 5440 5441 }) 5442 5443 }) 5444 5445</script>
5445 5446 5447 5448 5449 5450</body> 5451 5452 5453 5454</html> 5455 5456<!-- æ°å¢SSOï¼æ£æ¥æ»ç«æ¯å¦ç»å½ãç¶ææ¯å¦è¶ æ¶ãç¨æ·æ°æ®æ¯å¦åæ¥ --> 5457 5458
5459<script type="text/javascript"> 5460 $(function(){ 5461 //æ£æ¥æ»ç« 5462 if (uid == 0) { 5463 var sso_url = "https://account.xp-pen.com" + '/login/is_login?lang='+'vn'; 5464 $.ajax({ 5465 type: 'POST', 5466 url: sso_url, 5467 xhrFields: {withCredentials: true}, 5468 data: { 5469 siteDomain: 'https://www.storexppen.vn/sales-event.html', 5470 }, 5471 crossDomain: true, 5472 async: true, 5473 dataType: 'json', 5474 success:function(data) { 5475 if (data.code == 1) { 5476 //ç»å½ 5477 $.post("https://www.storexppen.vn/sso.login/index.html", data.data, function(ret) { 5478 if (ret.code == 1) { 5479 if(window.location.href.indexOf("login_success") >= 0 ) { 5480 var index = parent.layer.getFrameIndex(window.name); //å å¾å°å½åiframeç»å½å±é¡µé¢çç´¢å¼ 5481 parent.layer.close(index); //åæ§è¡å ³é 5482 window.parent.location.reload(); //å·æ°ç¶ç±»é¡µé¢ 5483 return false; 5484 } 5485 location.reload(); //å·æ°å½åé¡µé¢ 5486 // dropdown_user(ret, 1); 5487 } 5488 }) 5489 } 5490 //æ¯å¦ç¦ç¨ç¬¬ä¸æ¹cookie 5491 if (data.code == 0 && data.data == null) { 5492 update_href_url(); 5493 } 5494 } 5495 }) 5496 } 5497 //æ£æ¥æ»ç« 5498 if (uid > 0) { 5499 //å¼¹çªå ³éå¹¶å·æ° 5500 if(window.location.href.indexOf("login_success") >= 0 ) { 5501 var index = parent.layer.getFrameIndex(window.name); //å å¾å°å½åiframeç»å½å±é¡µé¢çç´¢å¼ 5502 parent.layer.close(index); //åæ§è¡å ³é 5503 window.parent.location.reload(); //å·æ°ç¶ç±»é¡µé¢ 5504 return false; 5505 } 5506 //æ¯å¦ç¦ç¨ç¬¬ä¸æ¹cookie 5507 if(_LANG_== 'fr'){ 5508 var phpsessid_sso = JSON.parse(getCookie('user'))?.userInfo?.session_id_ticket; 5509 var token_sso = JSON.parse(getCookie('user'))?.userInfo?.token_sso; 5510 }else{ 5511 var phpsessid_sso = ''; 5512 var token_sso = ''; 5513 } 5514 if (phpsessid_sso && token_sso) { 5515 var sso_url = "https://account.xp-pen.com" + '/login/status_login_ticket?lang=vn'; 5516 $.ajax({
5517 type: 'POST', 5518 url: sso_url, 5519 data: {'uid_sso': '0', 'token': token_sso, 'PHPSESSID': phpsessid_sso}, 5520 xhrFields: {withCredentials: true}, 5521 crossDomain: true, 5522 async: true, 5523 dataType: 'json', 5524 success:function (data) { 5525 //éåºç»å½ 5526 if (data.code == 0) { 5527 $.ajax({ 5528 type: 'POST', 5529 url: 'https://www.storexppen.vn/sso.login/logout_syn.html', 5530 async: true, 5531 dataType: 'json', 5532 success:function (ret) { 5533 dropdown_user(ret, 2, 'login'); 5534 } 5535 }) 5536 } 5537 //åæ¥ç¨æ·æ°æ® 5538 if (data.code == 1) { 5539 $.post("https://www.storexppen.vn/sso.user/edit.html", data.data, function(ret) { 5540 if (ret.code == 1) { 5541 var url = window.location.pathname; 5542 if (url.match('user')) { 5543 window.location.reload(); 5544 } 5545 } 5546 }) 5547 } 5548 } 5549 }) 5550 } else { 5551 var sso_url = "https://account.xp-pen.com" + '/login/status_login?uid_sso=0&lang=vn'; 5552 $.ajax({
5553 type: 'POST', 5554 url: sso_url, 5555 xhrFields: {withCredentials: true}, 5556 crossDomain: true, 5557 async: true, 5558 dataType: 'json', 5559 success:function (data) { 5560 //éåºç»å½ 5561 if (data.code == 0) { 5562 $.ajax({ 5563 type: 'POST', 5564 url: 'https://www.storexppen.vn/sso.login/logout_syn.html', 5565 async: true, 5566 dataType: 'json', 5567 success:function (ret) { 5568 dropdown_user(ret, 2); 5569 } 5570 }) 5571 } 5572 //åæ¥ç¨æ·æ°æ® 5573 if (data.code == 1) { 5574 $.post("https://www.storexppen.vn/sso.user/edit.html", data.data, function(ret) { 5575 if (ret.code == 1) { 5576 var url = window.location.pathname; 5577 if (url.match('user')) { 5578 window.location.reload(); 5579 } 5580 } 5581 }) 5582 } 5583 //忥ç»å½çä¿¡æ¯ 5584 if (data.code == 2) { 5585 $.post("https://www.storexppen.vn/sso.login/index.html", data.data, function(ret) { 5586 if (ret.code == 1) { 5587 dropdown_user(ret, 1); 5588 window.location.reload(); 5589 } 5590 }) 5591 } 5592 if (data.code == -1) { 5593 getUserEmailBySession().then(function (email) { 5594 klaviyoIdentifyByEmail(email); 5595 }); 5596 } 5597 } 5598 }) 5599 } 5600 } 5601 5602 }) 5603 function getUserEmailBySession() { 5604 return new Promise(function (resolve) { 5605 $.ajax({
5606 type: 'post', 5607 url: "https://www.storexppen.vn/webapi.user/getuserinfobysessionid.html", 5608 dataType: 'json', 5609 success: function (res) { 5610 var email = (((res || {}).data || {}).user_info || {}).email || ''; 5611 resolve(email); 5612 }, 5613 error: function () { 5614 resolve(''); 5615 } 5616 }); 5617 }); 5618 } 5619 function klaviyoIdentifyByEmail(email) { 5620 email = (email || '').trim(); 5621 if (!email) return; 5622 var profile = { email: email }; 5623 if (typeof KlaviyoTracker !== 'undefined' && typeof KlaviyoTracker.identify === 'function') { 5624 KlaviyoTracker.identify(profile); 5625 } else if (window.klaviyo && typeof window.klaviyo.identify === 'function') { 5626 window.klaviyo.identify(profile); 5627 } 5628 } 5629 function klaviyoIdentifyAfterLogin(ret) { 5630 if (!ret || ret.code != 1 || !ret.data) return; 5631 klaviyoIdentifyByEmail(ret.data.email || ''); 5632 } 5633 5634 //æ´æ°ç¨æ·å¤´ååè´ç©è½¦ï¼å¯¼èªæ ï¼ 5635 function dropdown_user(ret, type, login) { 5636 var login = login||''; 5637 var url = window.location.pathname; 5638 if (type == 1) { 5639 var sso_url = "https://account.xp-pen.com"; 5640 $('#login_dropdown').empty(); 5641 //å¤´åæ´æ° 5642 var html_user = 5643 "\t\t\t\t\t<a href=\"https://www.storexppen.vn/login/index.html?jumpUrl=https://www.storexppen.vn/sales-event.html\" class=\"login1\"><img src=\""+ret.data.faceurl+"\"><input type='hidden' id='userId' value=\""+ret.data.uid+"\"></a>\n"+ 5644 "<ul class=\"navbar_account_menu login_content\">\n" + 5645 " <span class=\"nav_bagview_caret right_account\"></span>\n" + 5646 " <li><a href=\"https://www.storexppen.vn/user.order/index.html\">My orders</a></li>\n" + 5647 " <li><a href=\"https://www.storexppen.vn/user/index.html\">Account</a></li>\n" + 5648 " <li><a href=\"https://www.storexppen.vn/user.info/edit.html\">Set up</a></li>\n" + 5649 " <li><a href=\""+sso_url+"/login/logout?jumpUrl=https://www.storexppen.vn/sales-event.html&lang=vn\">"+L('SIGN_OUT')+"</a></li>\n" + 5650 " </ul>"; 5651 $('#nav_accounts').html(html_user); 5652 // è´ç©è½¦ä¸å¿ 5653 if (url.match('/cart') && isDisable == 0) { 5654 window.location.reload(); 5655 } 5656 $('.icon_cart_num').text(ret.data.cart_count); 5657 } else if (type == 2) { 5658 // 个人ä¸å¿ 5659 if ((url.match('/user/index') || url.match('/user.')) && isDisable == 0) { 5660 window.location.href = 'https://www.storexppen.vn/'; 5661 return false; 5662 } 5663 // è´ç©è½¦ä¸å¿ 5664 if (url.match('/cart') && isDisable == 0) { 5665 window.location.reload(); 5666 } 5667 $('#nav_accounts').empty(); 5668 //å¤´åæ´æ° 5669 var sing = " Sign in"; 5670 var reg = "Register"; 5671 var html_user = 5672 '<a href="https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.vn/sales-event.html&lang=vn&webref=" class="login1">\ 5673 <i class="iconfont icon-account"></i>\ 5674 </a>\ 5675 <ul class="navbar_account_menu login_content">\ 5676 <span class="nav_bagview_caret right_account"></span>\ 5677 <li>\ 5678 <a id="login_url" href="https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.vn/sales-event.html&lang=vn&webref=" class="login2">'+sing+'</a>\ 5679 </li>\ 5680 <li>\ 5681 <a href="https://account.xp-pen.com/reg/index?jumpUrl=https://www.storexppen.vn/sales-event.html&lang=vn&webref=" class="login3">'+reg+'</a>\ 5682 </li>\ 5683 </ul>'; 5684 $('#nav_accounts').html(html_user); 5685 // è´ç©è½¦å¾æ 为0 5686 $('.icon_cart_num').text(0); 5687 if (login !== '') { 5688 update_href_url(); 5689 } 5690 // ç§»å¨ç«¯å¤´å 5691 $('#openUser').find('a').attr('href','https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.vn/sales-event.html&lang=vn&webref='); 5692 5693 } 5694 } 5695 5696 //æ¯å¦ç¦ç¨ç¬¬ä¸æ¹cookie 5697 function update_href_url() 5698 { 5699 $('.login1').attr('href', $('.login1').attr('href') + '&login=2'); 5700 $('.login2').attr('href', $('.login2').attr('href') + '&login=2'); 5701 $('.login3').attr('href', $('.login3').attr('href') + '&login=2'); 5702 // console.log()
5703 $('#openUser').find('a').attr('href', $('#openUser').find('a').attr('href') + '&login=2'); 5704 } 5705 5706</script>
5706 5707 5708 5709<!-- é»ååå¼¹çª --> 5710
5711<script type="text/javascript"> 5712 5713 $(function () { 5714 5715 if (isDisable == 1) { 5716 5717 layer.alert(L('USER_DISABLE_CONTENT'), { icon: 2, closeBtn: 0, title: L('PROMPT_MESSAGE'), btn: ['OK'] }, function () { 5718 5719 window.location.reload(); 5720 5721 }) 5722 5723 return false; 5724 5725 } 5726 if(_LANG_ == 'cl'){ 5727 //set country currency 5728 let currency = $("#nav_languages").find('span').not('.nav-country').html(); 5729 let content = ""; 5730 switch (currency){ 5731 case "CLP": 5732 content += "Chile/"+currency; 5733 break; 5734 case "PEN": 5735 content += "Peru/"+currency; 5736 break; 5737 case "USD": 5738 content += "Argentina/"+currency; 5739 break; 5740 case "UYU": 5741 content += "Uruguay/"+currency; 5742 break; 5743 case "COP": 5744 content += "Colombia/"+currency; 5745 break; 5746 5747 } 5748 if(content){ 5749 $("#nav_languages").find('span').not('.nav-country').html(content) 5750 } 5751 } 5752 5753 5754 5755 }) 5756</script>
vendor: 2 bytes, line 5756
5756
5757<script type="module"> 5758 5759 5760 5761 /** 5762 5763 * è¯è¨éæ©æ¡ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 5764 5765 */ 5766 5767 $.extend({ 5768 5769 getCookie: function (name) { 5770 5771 var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); 5772 5773 if (arr = document.cookie.match(reg)) 5774 5775 return unescape(arr[2]); 5776 5777 else 5778 5779 return null; 5780 5781 }, 5782 5783 setCookie: function (name, value,options) { 5784 5785 var Days = 30; 5786 5787 if(typeof options !== 'undefined'){ 5788 if(options?.expires){ 5789 Days = options.expires 5790 } 5791 5792 } 5793 5794 var exp = new Date(); 5795 5796 exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); 5797 5798 document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + ";path=/"; 5799 5800 }, 5801 5802 getArrEqual: function (arr1, arr2) { 5803 5804 let newArr = []; 5805 5806 for (let i = 0; i < arr2.length; i++) { 5807 5808 for (let j = 0; j < arr1.length; j++) { 5809 5810 if (arr1[j] === arr2[i]) { 5811 5812 newArr.push(arr1[j]); 5813 5814 } 5815 5816 } 5817 5818 } 5819 5820 return newArr; 5821 5822 } 5823 5824 }); 5825 5826 5827 5828 $.fn.extend({ 5829 5830 langCut: function () { 5831 5832 var $this = this; 5833 5834 var $div = $this.children('div'); 5835 5836 var $btn = $this.children('button'); 5837 5838 var $spinner = $this.find('.spinner-warp'); 5839 5840 5841 5842 $btn.click(function (ev) { 5843 5844 $div.stop().toggle(100, function () { 5845 5846 $btn.find('i').css('transform', 'rotateX(' + ($(this).is(':hidden') ? '0' : '180deg') + ')'); 5847 5848 }); 5849 5850 ev.stopPropagation(); 5851 5852 }); 5853 5854 $spinner.click(function (ev) { 5855 5856 ev.stopPropagation(); 5857 5858 }); 5859 5860 $(document).bind('click', function () { 5861 5862 $div.stop().hide(100, function () { 5863 5864 $btn.find('i').css('transform', 'rotateX(0)'); 5865 5866 }); 5867 5868 }); 5869 5870 5871 5872 5873 5874 var _use_lang = $.getCookie('tr_lang'); 5875 5876 5877 5878 $div.find('li p').each(function () { // å è½½é¦æ¬¡éæ© 5879 5880 if ($(this).data('lang') === _use_lang) { 5881 5882 $(this).next().show(); 5883 5884 return false; 5885 5886 } 5887 5888 }).click(function (ev) { 5889 5890 ev.stopPropagation(); 5891 5892 5893 5894 var old_lang = $.getCookie('tr_lang'); 5895 5896 var select_lang = ev.target.dataset.lang; 5897 5898 5899 5900 if (old_lang === select_lang) { 5901 5902 return $btn.trigger('click'); 5903 5904 } 5905 5906 5907 5908 $spinner.show(); 5909 5910 $.setCookie('tr_lang', select_lang, 60 * 60 * 24 * 30) 5911 5912 window.location.reload(); 5913 5914 }); 5915 5916 }, 5917 5918 mobileLangCut: function () { 5919 5920 var $this = this; 5921 5922 var $div = $this.children('div'); 5923 5924 var $btn = $this.children('p'); 5925 5926 var $spinner = $this.find('.spinner-warp'); 5927 5928 5929 5930 var $close = $('.cus-close-btn'); 5931 5932 5933 5934 $btn.click(function (ev) { 5935 5936 $div.show(); 5937 5938 $close.show(); 5939 5940 }); 5941 5942 5943 5944 $close.bind('click', function () { 5945 5946 if ($div.is(':visible')) { 5947 5948 $div.hide(); 5949 5950 $(this).hide(); 5951 5952 } 5953 5954 }); 5955 5956 5957 5958 5959 5960 var _use_lang = $.getCookie('tr_lang'); 5961 5962 5963 5964 $div.find('li a').each(function () { // å è½½é¦æ¬¡éæ© 5965 5966 if ($(this).data('lang') === _use_lang) { 5967 5968 $(this).next().show(); 5969 5970 return false; 5971 5972 } 5973 5974 }).click(function (ev) { 5975 5976 var old_lang = $.getCookie('tr_lang'); 5977 5978 var select_lang = ev.target.dataset.lang; 5979 5980 5981 5982 if (old_lang === select_lang) { 5983 5984 return $btn.trigger('click'); 5985 5986 } 5987 5988 5989 5990 $spinner.show(); 5991 5992 5993 5994 $.setCookie('tr_lang', select_lang, 60 * 60 * 24 * 30) 5995 5996 window.location.reload(); 5997 5998 }); 5999 6000 } 6001 6002 });
6003 6004 6005 6006 $('.cus-list-down').langCut(); 6007 6008 $('.cus-mobile-lang').mobileLangCut(); 6009 // var default_lang = ""; 6010 var default_lang 6011 switch (_LANG_){ 6012 case "id": 6013 default_lang = 'id'; 6014 break; 6015 case "pl": 6016 default_lang = 'pl_pl'; 6017 break; 6018 default: 6019 default_lang = ''; 6020 break; 6021 } 6022 if(default_lang){ 6023 if(!$.getCookie('tr_lang')){ 6024 $.setCookie('tr_lang',default_lang); 6025 // window.location.reload(); 6026 } 6027 } 6028 if(_LANG_ == 'vn'){ 6029 if(!$.getCookie('xppen_popup')){ 6030 layer.open( 6031 { 6032 content: '<span style="font-size: 16px; text-align: left">Ngôn ngữ / Language </span>' + 6033 '<br>' , 6034 btn:['Tiếng Viá»t','English'], 6035 yes: function(index, layero){ 6036 //do something 6037 $.setCookie('tr_lang','vi'); 6038 $.setCookie('xppen_popup',1); 6039 window.location.reload(); 6040 layer.close(index); 6041 }, 6042 btn2: function(index, layero){ 6043 $.setCookie('tr_lang','vn'); 6044 $.setCookie('xppen_popup',1); 6045 window.location.reload(); 6046 layer.close(index); 6047 }, 6048 success: function(layero, index) { 6049 var closeBtn = layero.find('.layui-layer-close'); 6050 closeBtn.attr('aria-label', 'Close'); 6051 } 6052 } 6053 ); 6054 } 6055 } 6056</script>
6056 6057<!-- é¢è®¡ç§¯å说æå¼¹çªï¼å ¨å±åªéä¸ä»½ï¼æ¾å¨é¡µé¢åºé¨ï¼ --> 6058<div id="points-estimate-dialog" class="points-estimate-dialog"> 6059 <a href="#" class="points-estimate-dialog__overlay" aria-label="close"></a> 6060 <div class="points-estimate-dialog__panel" role="dialog" aria-modal="true"> 6061 <p class="points-estimate-dialog__text">Final X-Coins rewards are based on the actual amount paid. Check your balance in Profile and redeem gifts in the XPPen Community</p> 6062 <a href="#" class="points-estimate-dialog__confirm">Confirm</a> 6063 </div> 6064</div>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.