XP-PEN Malaysia Official Store | XPPEN Malaysia Official Store

<!DOCTYPE html> <html lang='en'> <head> <meta charset="utf-8"/>  <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>XP-PEN Malaysia Official Store | XPPEN Malaysia Official Store</title> <meta name="keywords" content="XP-Pen Official store"/> <meta name="description" content="Buy xp-pen digital art pad tablets for best price online in malaysia at XP-Pen official Store, XP-Pen is a worldwide famous digital tablets, drawing monitor, stylus pen designer and manufacturer."/> <meta name="google-site-verification" content="6UN8CgtDxCSKKn65eoVnW12qTc-t-vGlhQbQSEjbaDY" />   <script src="/newxp/static2024/ace/js/jquery-2.1.4.min.js"></script> <script src="/newxp/static2024/layer/layer.js?ver=202502241"></script> <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.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: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>  <link rel="preload" as="style" href="/newxp/static2024/css/bootstrap/bootstrap.min.css?ver=202502241"> <link rel="preload" as="style" href="/newxp/static2024/swiper/swiper.min.css?ver=202502241"> <link rel="preload" as="style" href="/newxp/static2024/css/index/style_new.css?ver=202502241"> <link rel="preload" as="style" href="/newxp/static2024/css/index/style_my.css?ver=202502241"> <link rel="preload" as="style" href="/newxp/static2024/iconfont/iconfont.css?ver=202502241"> <link rel="preload" as="style" href="/newxp/static2024/iconfont/iconfont2.css?ver=202502241"> <link rel="preload" as="script" href="/newxp/static2024/layer/layer.js?ver=202502241"> <link rel="preload" as="script" href="/newxp/static2024/ace/js/jquery-2.1.4.min.js"> <link rel="preload" as="script" href="/newxp/static2024/ace/bootstrap4.0/js/bootstrap.min.js?ver=202502241">  <link rel="preload" as="script" href="/newxp/static2024/swiper/swiper.min.js?ver=202502241"> <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">  <link rel="canonical" href="https://www.storexppen.my">  <link rel="stylesheet" href="/newxp/static2024/css/index/style_new.css?ver=202502241"> <link rel="stylesheet" href="/newxp/static2024/iconfont/iconfont.css?ver=202502241"> <link rel="stylesheet" href="/newxp/static2024/iconfont/iconfont2.css?ver=202502241"> <link rel="stylesheet" href="/newxp/static2024/css/bootstrap/bootstrap.min.css?ver=202502241"> <link rel="stylesheet" href="/newxp/static2024/swiper/swiper.min.css?ver=202502241"> <link rel="stylesheet" href="/newxp/static2024/css/index/style_my.css?ver=202502241">  <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"> <script src="/newxp/static2024/ace/js/popper.min.js"></script> <script async src="/newxp/static2024/ace/bootstrap4.0/js/bootstrap.min.js?ver=202502241"></script> <script defer type="text/javascript" src="/newxp/static2024/JsLang/lang_my.js?ver=202502241"></script>  <script type="text/javascript" src="/newxp/static2024/swiper/swiper.min.js?ver=202502241"></script>  <script type="text/javascript"> var _AW_REG_CONVERSION=""; var _AW_ADDCART_CONVERSION=""; var _NOW_TIME=1741025157; var uid="0"; var isDisable = '0'; var _LANG_ ="my"; var _SSO_DOMAIN_ = "https://account.xp-pen.com"; var _ROOT_="/"; var _STATIC_="/newxp/static2024/"; </script> <script defer type="text/javascript" src="/newxp/static2024/js/index/layout_my.js?ver=202502241"></script> <script defer type="text/javascript" src="/newxp/static2024/js/index/search.js?ver=202502241"></script> <script src="https://www.dwin1.com/19038.js" type="text/javascript" defer="defer"></script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M5D5XR4');</script>     <script async src="https://www.googletagmanager.com/gtag/js?id=AW-10928571977"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-10928571977'); </script> <link rel="alternate" hreflang="x-default" href="https://www.xp-pen.com/store/" /> <link rel="alternate" hreflang="en-IE" href="https://www.xp-pen.com/ie-store/" /> <link rel="alternate" hreflang="es-CL" href="https://www.xp-pen.com/la-clstore/" /> <link rel="alternate" hreflang="en-ID" href="https://www.storexppen.id" /> <link rel="alternate" hreflang="en-TR" href="https://store.xppen.com.tr" /> <link rel="alternate" hreflang="pl-PL" href="https://www.storexppen.pl" /> <link rel="alternate" hreflang="en-VN" href="https://www.storexppen.vn" /> <link rel="alternate" hreflang="pt-PT" href="https://www.storexppen.pt" /> <link rel="alternate" hreflang="en-MY" href="https://www.storexppen.my" /> <link rel="alternate" hreflang="en-AU" href="https://www.xp-pen.com/au-store/" /> <link rel="alternate" hreflang="pt-BR" href="https://www.storexppen.com.br" /> <link rel="alternate" hreflang="es-MX" href="https://www.xp-pen.com/mx-store/" /> <link rel="alternate" hreflang="en-PH" href="https://www.storexppen.ph" /> <link rel="alternate" hreflang="ru-RU" href="https://www.storexppen.ru" /> <link rel="alternate" hreflang="ko-KR" href="https://www.storexppen.kr" /> <link rel="alternate" hreflang="fr-FR" href="https://www.storexppen.fr" /> <link rel="alternate" hreflang="it-IT" href="https://www.storexppen.it" /> <link rel="alternate" hreflang="de-DE" href="https://www.storexppen.de" /> <link rel="alternate" hreflang="es-ES" href="https://www.storexppen.es" /> <link rel="alternate" hreflang="ja-JP" href="https://www.storexppen.jp" /> <link rel="alternate" hreflang="en-UK" href="https://www.storexppen.co.uk" /> <link rel="alternate" hreflang="en-CA" href="https://www.xp-pen.com/ca-store/" /> <link rel="alternate" hreflang="en-SG" href="https://www.storexppen.sg/" /> <link rel="alternate" hreflang="en-EU" href="https://www.storexppen.eu/" /> <link rel="alternate" hreflang="en-IN" href="https://www.storexppen.net/" />  <script type="text/javascript" src="/newxp/static2024/js/index/cookie.js?ver=202502241"></script> <script type="text/javascript" src="/newxp/static2024/js/index/hw_tag.js?ver=202502241"></script>  <script> window.hwDataLayer = window.hwDataLayer || []; function hwtag() {hwDataLayer.push(arguments);} const site_code = "WEBMY"; const website_id = "8922XP000101A17"; hwtag('config', site_code, { 'website_code': site_code, 'website_id': website_id, 'account_id': '0', 'debug': "false",// test-env:true, pro-env:false 'brand_website': 'XPPen', 'website_type': 1, 'page_type': "index", 'pt': 'web', 'is_login': '0', 'business_channel': '独立站', 'pt_v': '', 'sr_reg': getCookie('sr_reg') ?? '', 'sr_ctrl': getCookie('sr_ctrl') ?? '', 'key_word': getCookie('key_word') ?? '', 'key_word_type': getCookie('key_word_type') ?? '', }); function updatePubAttr(data){ $.each(data,function(index_key,value){ if(index_key === 'key_word') { document.cookie = "key_word=" + value + ";path=/"; }else{ setCookie(index_key,value); } }); hwtag('config', site_code, data); } setCookie('page_type',"index"); setCookie('path',window.location.pathname); document.cookie = "title=" + document.title + ";path=/"; var currency='MYR'; </script> <script async src="https://t.xp-pen.com/hwtag.min.js?ver=202502241"></script>  </head> <body> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M5D5XR4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><script async src="https://t.cfjump.com/tag/74759"></script> <script> // Picture element HTML5 shiv document.createElement( "picture" ); </script> <script src="/newxp/static2024/ace/js/picturefill.min.js" async></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-P9VN0TKZK8"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-P9VN0TKZK8'); </script> <script src='/newxp/static2024/js/analyze/ga.js'></script > <link rel="preload" href="/newxp/static2024/css/reset.css?ver=202502241" as="style" /> <link rel="preload" href="/newxp/static2024/css/index/common.css?ver=202502241" as="style" /> <link rel="preload" href="/newxp/static2024/css/geren/commonstyle.css?ver=202502241" as="style" />  <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/reset.css?ver=202502241" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/index/common.css?ver=202502241" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/geren/commonstyle.css?ver=202502241" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/lang_cut/index.css?ver=202502241" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/revision.css?ver=202502241" /> <script type="text/javascript" src="/newxp/static2024/js/index/cart.js?ver=202502241"></script> <style> img[src=""],img:not([src]){ opacity:0; } #nav .logo_pc { display: block; } #nav .logo_mobile { display: none; } #navbar_header_height { padding-top: 0px; } @media screen and (max-width: 768px) { .bulletin_top_box { padding: 0 10px; } } @media screen and (max-width: 992px) { #nav .logo_pc { display: none; } #nav .logo_mobile { display: none; } #bulletin .icon .notice-icon { width: 16px; height: auto; } #bulletin .icon .bulletin-title { display: none; } } #bulletin { display: flex; align-items: center; justify-content: center; background-color: #f5f5f5; position: fixed; z-index: 999999; width: 100%; top: 0; } #bulletin .icon { display: flex; align-items: center; margin-right: 15px; /*width: 100px;*/ } .pad_right { padding-right: 50px; } .pad_right .title { margin-right: 10px; } #scroll_div { overflow: hidden; white-space: nowrap; width: 1400px; } #scroll_begin, #scroll_end { display: inline; } #closure { display: inline-block; margin-left: 15px; cursor: pointer; } </style> <header class="navbar_header" id="navbar_header_height">  <style> #closure { color: white !important; margin-right: 10px; } .announcement-bar { width: 100%; background: #000000 !important; display: flex; align-items: center; } .announcement-bar-swiper { width: 800px; padding: 0px 60px; box-sizing: content-box; height: 38px; line-height: 38px; color: white !important; text-align: center; } .announcement-bar-swiper .swiper-slide { background-color: #000000 !important; } .announcement-bar-swiper .iconfont { font-size: 14px; margin-top: 2px; } .announcement-bar-swiper .swiper-button-prev, .announcement-bar-swiper .swiper-button-next { background-image: none !important; height: auto !important; display: flex; justify-content: center; } .announcement-bar-swiper .swiper-button-next.swiper-button-disabled, .announcement-bar-swiper .swiper-button-prev.swiper-button-disabled { opacity: 1; pointer-events: auto !important } @media screen and (max-width: 768px) { .bulletin_top_box { padding: 0 10px; } .announcement-bar-swiper { width: 100vw; box-sizing: border-box; padding: 0 45px; } #closure { margin-right: 10px; } .announcement-bar-swiper .swiper-slide { overflow: hidden; height: auto !important; } } @media screen and (max-width: 992px) { #nav .logo_pc { display: none; } #nav .logo_mobile { display: none; } .bulletin .icon .bulletin-title { display: none; } } .bulletin { display: flex; align-items: center; justify-content: center; background-color: #000000 !important; color: white; font-size: 12px; } .pad_right { padding-right: 10px; } .pad_right .title { margin-right: 10px; color: white !important; } .pad_right .content { color: white !important; } .scroll_div { width: 1400px; overflow: hidden; white-space: nowrap; text-align: center; } .scroll_begin, .scroll_end { display: inline; } </style> <script> $(function (){ $('.scroll_div').each(function () { var speed = 20; let MyMar = null; var scroll_begin = $(this).find('.scroll_begin')[0]; var scroll_end = $(this).find('.scroll_end')[0]; var scroll_div = $(this)[0]; var isMobile = $(window).width() <= 768; if (isMobile ? $(this).find('.pad_right')[0].innerText.length >= 50 : $(this).find('.pad_right')[0].innerText.length >= 100) { scroll_begin.innerHTML += scroll_begin.innerHTML; scroll_end.innerHTML = scroll_begin.innerHTML; function Marquee() { if (scroll_end.offsetWidth - scroll_div.scrollLeft <= 0) scroll_div.scrollLeft -= scroll_begin.offsetWidth; else scroll_div.scrollLeft++; } MyMar = setInterval(Marquee, speed); // scroll_div.onmouseover = function () { // clearInterval(MyMar); // } // scroll_div.onmouseout = function () { // MyMar = setInterval(Marquee, speed); // } } }) }) $('.announcement-bar-closure').click(function () { document.getElementById("navbar_header_height").setAttribute('style', 'padding-top:0px') $('.announcement-bar').each(function () { $(this).css('display', 'none') }) $('.xp_language').css('padding-top', 0) }) </script>  <div> </div> <div class="navbar_header-warpper"> <div class="store_nav_top" id="nav"> <div class="store_nav_top_box">  <div class="mobile_navtoggle" id="mobile_navtoggle"> <i class="iconfont icon-a-icon1x-22 navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" ></i> </div>  <div class="nav_logo"> <a href="/" aria-label="link"> <img src="https://xpstore.oss-us-west-1.aliyuncs.com/img/xppen/logomoblie.svg" class="img_mobile" width="32px" height="32px" border="0" alt="image"/> <img src="https://resource.xp-pen.com/Uploads/images/20241021/RyOZCBjLCFFEtiFaFTwi.png?ver=2018072503885" border="0" width="" height="" alt="image"/> </a> </div>    <div class="navbar-menu-waprrer"> <i class="icon-a-icon1x-33 iconfont left-icon"></i> <div class="navbar-menu"> <div class="navbar-sale-activity"> <img src="https://resource.xp-pen.com/img/xppen/fire.png" width="32" height="32" alt="image"> <a href="https://www.storexppen.my/sales-event.html" aria-label="link">Happy Women's Day</a> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.my/buy/magic-drawing-pad.html" class="navbar-menu-list-title" aria-label="link">Magic Drawing Pad</a> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.my/series/pen-display.html" class="navbar-menu-list-title" aria-label="link">Pen Display<i class="iconfont icon-a-icon1x-34"></i></a>  <div class="nml-category-mask" > <div class="nml-not-category"> <div class="nnc-container"> <div class="nnc-warpper"> <div class="nw-content">  <a class="nc-item" href='https://www.storexppen.my/buy/magic-drawing-pad.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240122/Gbkfd8zmf9K21ZN7s7AJ.jpg" alt="Magic Drawing Pad"> </div> </div> <div class="title"> Magic Drawing Pad </div> </a>  <a class="nc-item" href='https://www.storexppen.my/buy/artist-pro-24-gen2-4k.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241015/xjgR8iLpth9fQW344qAJ.jpg" alt="Artist Pro 24 Gen2 4K Display"> </div> </div> <div class="title"> Artist Pro 24 Gen2 4K Display </div> </a>  <a class="nc-item" href='https://www.storexppen.my/buy/artist-22-plus.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/abea541729b88ff6f0c9686cda7ed949.jpg" alt="Artist 22 Plus - 16K"> </div> </div> <div class="title"> Artist 22 Plus - 16K </div> </a>  <a class="nc-item" href='https://www.storexppen.my/buy/artist-pro-24-gen2-165hz.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241015/ozOPQjKtnNOz6l8C76As.jpg" alt="Artist Pro 24 Gen2 165HZ 2.5K Display"> </div> </div> <div class="title"> Artist Pro 24 Gen2 165HZ 2.5K Display </div> </a>  <a class="nc-item" href='https://www.storexppen.my/buy/artist-pro-22-gen2.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20250106/0lYxPUjHvwHjdeGxwPed.jpg" alt="Artist Pro 22 (Gen 2) - 2.5K Display"> </div> </div> <div class="title"> Artist Pro 22 (Gen 2) - 2.5K Display </div> </a> </div> </div> <div class="view-more-row"><a href="https://www.storexppen.my/series/pen-display.html" aria-label="link">View More <i class="iconfont icon-a-icon1x-32"></i></a></div> </div> </div> </div> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.my/series/pen-tablet.html" class="navbar-menu-list-title" aria-label="link">Pen Tablet<i class="iconfont icon-a-icon1x-34"></i></a>  <div class="nml-category-mask" > <div class="nml-not-category"> <div class="nnc-container"> <div class="nnc-warpper"> <div class="nw-content">  <a class="nc-item" href='https://www.storexppen.my/buy/deco-640.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240709/FxDxRWNEQ5n7UkFqUpLg.jpg" alt="Deco 640"> </div> </div> <div class="title"> Deco 640 </div> </a>  <a class="nc-item" href='https://www.storexppen.my/buy/deco-pro-gen2.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20230814/724029aa67c3b67d7b64cc1e38dc30ca.jpg" alt="Deco Pro MW / LW / XLW Gen2 -16K"> </div> </div> <div class="title"> Deco Pro MW / LW / XLW Gen2 -16K </div> </a>  <a class="nc-item" href='https://www.storexppen.my/buy/deco-01-v3.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241120/43APe2FPQyWizKnE05WF.jpg" alt="Deco 01 V3 16K Pen Pressure"> </div> </div> <div class="title"> Deco 01 V3 16K Pen Pressure </div> </a>  <a class="nc-item" href='https://www.storexppen.my/buy/deco-mini7-v2.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241212/YDGFP1WfSOaVFKFLhar2.jpg" alt="Deco Mini7 V2 - 16K Pressure"> </div> </div> <div class="title"> Deco Mini7 V2 - 16K Pressure </div> </a>  <a class="nc-item" href='https://www.storexppen.my/buy/deco-mw.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240424/fWhHd0tprsJvIL7SraD1.jpg" alt="Deco MW Bluetooth - X3 Chip"> </div> </div> <div class="title"> Deco MW Bluetooth - X3 Chip </div> </a> </div> </div> <div class="view-more-row"><a href="https://www.storexppen.my/series/pen-tablet.html" aria-label="link">View More <i class="iconfont icon-a-icon1x-32"></i></a></div> </div> </div> </div> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.my/topic/10.html" class="navbar-menu-list-title" aria-label="link">Accessories <i class="iconfont icon-a-icon1x-34"></i> </a>  <div class="nml-category-mask"> <div class="nml-category"> <div class="nml-warpper"> <div class="nw-category-item"> <div class="nw-category-warpper"> <a href="http://www.storexppen.my/series/stylus.html" class="nw-category-title" aria-label="link"> Stylus <i class="iconfont icon-a-icon1x-32"></i> </a> <div class="nw-category-content"> <a class="ncc-litem" href='https://www.storexppen.my/buy/x3-pro-stylus.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240627/SyRhvc3vX27y6HHTWwii.jpg" alt="X3 Pro Roller Stylus & X3 Pro Stylus" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> X3 Pro Roller Stylus & X3 Pro Stylus </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/77.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220720/3cbeab5c77978ff3e1ea147b606b9ba8.jpg" alt="PH10B / PH20B - X3 Stylus" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> PH10B / PH20B - X3 Stylus </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/33.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/41237654b0c87e3fd1f112ddb2567c63.jpg" alt="PA1 Battery-free Stylus" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> PA1 Battery-free Stylus </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/34.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/e4b663fb840874a28051b4464581c6a4.jpg" alt="PA2 Battery-free Stylus" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> PA2 Battery-free Stylus </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/35.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/f6d58dc49593518010868f56bf8c6fd1.jpg" alt="PA5 Battery-free Stylus" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> PA5 Battery-free Stylus </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/36.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/3ab6128e831719637fd49503585bf5aa.jpg" alt="PA6 Battery-free Stylus" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> PA6 Battery-free Stylus </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/30.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210527/10178225a26ed5c2ea8a43fc575e90a8.jpg" alt="P05 / P05S Battery-free Stylus" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> P05 / P05S Battery-free Stylus </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/38.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/766866c4f3c9e90f76cfffb94e838868.jpg" alt="P05R Battery-free Stylus" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> P05R Battery-free Stylus </div> </a> <div class="view-more-row"><a href="http://www.storexppen.my/series/stylus.html" aria-label="link">View More <i class="iconfont icon-a-icon1x-32"></i></a></div> </div> </div> </div> <div class="nw-category-item"> <div class="nw-category-warpper"> <a href="http://www.storexppen.my/series/nibs.html" class="nw-category-title" aria-label="link"> Nibs <i class="iconfont icon-a-icon1x-32"></i> </a> <div class="nw-category-content"> <a class="ncc-litem" href='https://www.storexppen.my/buy/41.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/80a3e5d13364fd3014fca810700209ba.jpg" alt="Replacement Nibs-Pack of 50" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> Replacement Nibs-Pack of 50 </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/50.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220812/43880100197e7a5e360917fe47b81995.png" alt="Felt Nibs for X3/X3 Pro stylus & drawing pad" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> Felt Nibs for X3/X3 Pro stylus & drawing pad </div> </a> <div class="view-more-row"><a href="http://www.storexppen.my/series/nibs.html" aria-label="link">View More <i class="iconfont icon-a-icon1x-32"></i></a></div> </div> </div> </div> <div class="nw-category-item"> <div class="nw-category-warpper"> <a href="http://www.storexppen.my/series/stands.html" class="nw-category-title" aria-label="link"> Stands & Gloves <i class="iconfont icon-a-icon1x-32"></i> </a> <div class="nw-category-content"> <a class="ncc-litem" href='https://www.storexppen.my/buy/cat-glove.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240113/Pv7nzrQANj82iz0EjaEU.jpg" alt="Standard Drawing Glove" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> Standard Drawing Glove </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/51.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/88dcf1800456a362210e206f9d5cc393.jpg" alt="AC08 S/M/L Drawing Glove" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> AC08 S/M/L Drawing Glove </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/acs05-display-stand.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220706/b0729b13d96ac9080e24207dc1ebcd58.jpg" alt="ACS05 Display Stand" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> ACS05 Display Stand </div> </a> <div class="view-more-row"><a href="http://www.storexppen.my/series/stands.html" aria-label="link">View More <i class="iconfont icon-a-icon1x-32"></i></a></div> </div> </div> </div> <div class="nw-category-item"> <div class="nw-category-warpper"> <a href="http://www.storexppen.my/series/case.html" class="nw-category-title" aria-label="link"> Protective Case <i class="iconfont icon-a-icon1x-32"></i> </a> <div class="nw-category-content"> <a class="ncc-litem" href='https://www.storexppen.my/buy/74.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220221/1aca0389c45e9c7ecadb38769e97dd1b.jpg" alt="ACJ02/ACJ03 Sleeve Case" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> ACJ02/ACJ03 Sleeve Case </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/73.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220221/e26e1b71c47712aa3748cd89ea3b520e.jpg" alt="ACJ08/ACJ09 Sleeve Case" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> ACJ08/ACJ09 Sleeve Case </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/acj10.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241028/KBtnUC63ErTEOyh9qxJJ.jpg" alt="ACJ10 for Magic Drawing Pad" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> ACJ10 for Magic Drawing Pad </div> </a> <div class="view-more-row"><a href="http://www.storexppen.my/series/case.html" aria-label="link">View More <i class="iconfont icon-a-icon1x-32"></i></a></div> </div> </div> </div> <div class="nw-category-item"> <div class="nw-category-warpper"> <a href="http://www.storexppen.my/series/film.html" class="nw-category-title" aria-label="link"> Protective Film <i class="iconfont icon-a-icon1x-32"></i> </a> <div class="nw-category-content"> <a class="ncc-litem" href='https://www.storexppen.my/buy/46.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/0fe4c19593b8a991685141f5053e909d.jpg" alt="Protective Film for Drawing Tablet (2PCS)" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> Protective Film for Drawing Tablet (2PCS) </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/47.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/1c4008f362b56cf3b73277872d8116b1.jpg" alt="Protective Film for 12-15.6inch screen(Pack of 2)" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> Protective Film for 12-15.6inch screen(Pack of 2) </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/49.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/3304ea4dd0edbcca67cbab7f93682a97.jpg" alt="Protective Film for Artist 22-24 inch Display (2PCS)" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> Protective Film for Artist 22-24 inch Display (2PCS) </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/79.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20230320/7669f5dfe98b311b5613df0f5a3f7a21.jpg" alt="Paper-like Protective Film (2pcs)" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> Paper-like Protective Film (2pcs) </div> </a> <div class="view-more-row"><a href="http://www.storexppen.my/series/film.html" aria-label="link">View More <i class="iconfont icon-a-icon1x-32"></i></a></div> </div> </div> </div> <div class="nw-category-item"> <div class="nw-category-warpper"> <a href="http://www.storexppen.my/series/shortcut-remote-others.html" class="nw-category-title" aria-label="link"> Shortcut Remote & Others <i class="iconfont icon-a-icon1x-32"></i> </a> <div class="nw-category-content"> <a class="ncc-litem" href='https://www.storexppen.my/buy/ack08-keyboard.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240627/Yj5Ox1co8EKQg2J8LO4n.jpg" alt="ACK08 Keyboard for Magic Drawing Pad" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> ACK08 Keyboard for Magic Drawing Pad </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/ack05-shortcutremote.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20230925/b46547af536f2b345f2fa42bf391acd1.jpg" alt="ACK05 Shortcut Remote" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> ACK05 Shortcut Remote </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/76.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220621/2bdf838f59df554e9bc5dfcc55ec31c2.jpg" alt="Pen Holder for PH10B" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> Pen Holder for PH10B </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/canvas-bag.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20230817/d3d0a81ab0bb2e5f270f2145195d62ca.png" alt="XPPEN Canvas Bag" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> XPPEN Canvas Bag </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/27.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210513/4bcb341f40fcee9e3785dee937eef69d.jpg" alt="Shortcut Keys Sticker (Pack of 8)" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> Shortcut Keys Sticker (Pack of 8) </div> </a> <div class="view-more-row"><a href="http://www.storexppen.my/series/shortcut-remote-others.html" aria-label="link">View More <i class="iconfont icon-a-icon1x-32"></i></a></div> </div> </div> </div> <div class="nw-category-item"> <div class="nw-category-warpper"> <a href="http://www.storexppen.my/series/cable.html" class="nw-category-title" aria-label="link"> Cables <i class="iconfont icon-a-icon1x-32"></i> </a> <div class="nw-category-content"> <a class="ncc-litem" href='https://www.storexppen.my/buy/68.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20211126/350133538ea4c26ac7f4e5e00a89f0d0.jpg" alt="Type C to Type C Cable" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> Type C to Type C Cable </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/45.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/b8c3bc9d269c877093542d72dfe2cbd5.jpg" alt="3 in 1 Cable for XP-PEN Drawing Display(Cable)" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> 3 in 1 Cable for XP-PEN Drawing Display(Cable) </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/75.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220514/8b73eeb03555ae7b7383e32c9abb718d.jpg" alt="AC59 USB Adaptor to Android Device" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> AC59 USB Adaptor to Android Device </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/55.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/c9ddf50d39d1a5d86dc149c8642a7dea.jpg" alt="USB Cable for Drawing Tablet" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> USB Cable for Drawing Tablet </div> </a> <div class="view-more-row"><a href="http://www.storexppen.my/series/cable.html" aria-label="link">View More <i class="iconfont icon-a-icon1x-32"></i></a></div> </div> </div> </div> </div> </div> </div> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.my/topic/5.html" class="navbar-menu-list-title" target='_blank' aria-label="link">Installment </a> </div> </div> <i class="icon-a-icon1x-32 iconfont right-icon"></i> </div> <div class="navbar_right member">  <div class="menu-search"> <i class="iconfont icon-a-icon1x-30"></i> </div>  <div class="navmenu_hover navbar_right_cart nav_carts" id="nav_carts"> <a class="shownavcart" href="https://www.storexppen.my/cart/index.html" aria-label="link"> <i class="iconfont icon-shopping-cart" id="cart_icon"> <span class="badge badge-primary icon_cart_num" style="display: inline-block;vertical-align: sub;">0</span> </i> </a> </div>  <div class="navmenu_hover navbar_right_account" id="nav_accounts"> <a aria-label="link" href='https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.my/&lang=my&webref=' class="login1" rel='nofollow'> <i class="iconfont icon-user"></i> </a> <ul class="navbar_account_menu login_content"> <span class="nav_bagview_caret right_account"></span> <li><a aria-label="link" id="login_url" href='https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.my/&lang=my&webref=' class="login2" rel="nofollow"> Sign in</a></li> <li><a aria-label="link" href='https://account.xp-pen.com/reg/index?jumpUrl=https://www.storexppen.my/&lang=my&webref=' class="login3" rel="nofollow">Register</a></li> </ul> </div> </div>  <div class="" id="openUser" style='display: none'> <a href="https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.my/&lang=my&webref=" rel="nofollow" aria-label="login"> <i class="iconfont icon-account"></i> </a> </div> </div> <div class="collapse navbar-collapse" id="collapsibleNavbar"> <div class="navbarToggleExternalContent-warpper">  <div class="moblie-menu"> <div class="moblie-menu-sale-activity"> <a href='https://www.storexppen.my/sales-event.html' aria-label="link"><img src="https://resource.xp-pen.com/img/xppen/fire.png" width="32" height="32" alt="image">Happy Women's Day</a> </div> <div class="moblie-menu-item"> <div class="mei-title"> Magic Drawing Pad <i class="icon-a-icon1x-34 iconfont"></i> </div>  <div class="mei-warpper-content"> <div class="mei-warpper"> <a href="https://www.storexppen.my/series/magic-drawing-pad.html" class="mw-view-more">View More</a> </div> </div> </div> <div class="moblie-menu-item"> <div class="mei-title"> Pen Display <i class="icon-a-icon1x-34 iconfont"></i> </div>  <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.my/buy/magic-drawing-pad.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240122/Gbkfd8zmf9K21ZN7s7AJ.jpg" alt="Magic Drawing Pad"> </div> <div class="title"> Magic Drawing Pad </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/artist-pro-24-gen2-4k.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241015/xjgR8iLpth9fQW344qAJ.jpg" alt="Artist Pro 24 Gen2 4K Display"> </div> <div class="title"> Artist Pro 24 Gen2 4K Display </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/artist-22-plus.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/abea541729b88ff6f0c9686cda7ed949.jpg" alt="Artist 22 Plus - 16K"> </div> <div class="title"> Artist 22 Plus - 16K </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/artist-pro-24-gen2-165hz.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241015/ozOPQjKtnNOz6l8C76As.jpg" alt="Artist Pro 24 Gen2 165HZ 2.5K Display"> </div> <div class="title"> Artist Pro 24 Gen2 165HZ 2.5K Display </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/artist-pro-22-gen2.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20250106/0lYxPUjHvwHjdeGxwPed.jpg" alt="Artist Pro 22 (Gen 2) - 2.5K Display"> </div> <div class="title"> Artist Pro 22 (Gen 2) - 2.5K Display </div> </a> <a href="https://www.storexppen.my/series/pen-display.html" class="mw-view-more">View More</a> </div> </div> </div> <div class="moblie-menu-item"> <div class="mei-title"> Pen Tablet <i class="icon-a-icon1x-34 iconfont"></i> </div>  <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.my/buy/deco-640.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240709/FxDxRWNEQ5n7UkFqUpLg.jpg" alt="Deco 640"> </div> <div class="title"> Deco 640 </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/deco-pro-gen2.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20230814/724029aa67c3b67d7b64cc1e38dc30ca.jpg" alt="Deco Pro MW / LW / XLW Gen2 -16K"> </div> <div class="title"> Deco Pro MW / LW / XLW Gen2 -16K </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/deco-01-v3.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241120/43APe2FPQyWizKnE05WF.jpg" alt="Deco 01 V3 16K Pen Pressure"> </div> <div class="title"> Deco 01 V3 16K Pen Pressure </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/deco-mini7-v2.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241212/YDGFP1WfSOaVFKFLhar2.jpg" alt="Deco Mini7 V2 - 16K Pressure"> </div> <div class="title"> Deco Mini7 V2 - 16K Pressure </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/deco-mw.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240424/fWhHd0tprsJvIL7SraD1.jpg" alt="Deco MW Bluetooth - X3 Chip"> </div> <div class="title"> Deco MW Bluetooth - X3 Chip </div> </a> <a href="https://www.storexppen.my/series/pen-tablet.html" class="mw-view-more">View More</a> </div> </div> </div> <div class="moblie-menu-item"> <div class="mei-title"> Accessories <i class="icon-a-icon1x-34 iconfont"></i> </div>  <div class="mei-warpper-content" >  <div class="mwc-item"> <div class="mwc-title"> Stylus <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.my/buy/x3-pro-stylus.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240627/SyRhvc3vX27y6HHTWwii.jpg" alt="X3 Pro Roller Stylus & X3 Pro Stylus"> </div> <div class="title"> X3 Pro Roller Stylus & X3 Pro Stylus </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/77.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220720/3cbeab5c77978ff3e1ea147b606b9ba8.jpg" alt="PH10B / PH20B - X3 Stylus"> </div> <div class="title"> PH10B / PH20B - X3 Stylus </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/33.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/41237654b0c87e3fd1f112ddb2567c63.jpg" alt="PA1 Battery-free Stylus"> </div> <div class="title"> PA1 Battery-free Stylus </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/34.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/e4b663fb840874a28051b4464581c6a4.jpg" alt="PA2 Battery-free Stylus"> </div> <div class="title"> PA2 Battery-free Stylus </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/35.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/f6d58dc49593518010868f56bf8c6fd1.jpg" alt="PA5 Battery-free Stylus"> </div> <div class="title"> PA5 Battery-free Stylus </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/36.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/3ab6128e831719637fd49503585bf5aa.jpg" alt="PA6 Battery-free Stylus"> </div> <div class="title"> PA6 Battery-free Stylus </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/30.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210527/10178225a26ed5c2ea8a43fc575e90a8.jpg" alt="P05 / P05S Battery-free Stylus"> </div> <div class="title"> P05 / P05S Battery-free Stylus </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/38.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/766866c4f3c9e90f76cfffb94e838868.jpg" alt="P05R Battery-free Stylus"> </div> <div class="title"> P05R Battery-free Stylus </div> </a> <a href="https://www.storexppen.my/series/stylus.html" class="mw-view-more">View More</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> Nibs <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.my/buy/41.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/80a3e5d13364fd3014fca810700209ba.jpg" alt="Replacement Nibs-Pack of 50"> </div> <div class="title"> Replacement Nibs-Pack of 50 </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/50.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220812/43880100197e7a5e360917fe47b81995.png" alt="Felt Nibs for X3/X3 Pro stylus & drawing pad"> </div> <div class="title"> Felt Nibs for X3/X3 Pro stylus & drawing pad </div> </a> <a href="https://www.storexppen.my/series/nibs.html" class="mw-view-more">View More</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> Stands & Gloves <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.my/buy/cat-glove.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240113/Pv7nzrQANj82iz0EjaEU.jpg" alt="Standard Drawing Glove"> </div> <div class="title"> Standard Drawing Glove </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/51.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/88dcf1800456a362210e206f9d5cc393.jpg" alt="AC08 S/M/L Drawing Glove"> </div> <div class="title"> AC08 S/M/L Drawing Glove </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/acs05-display-stand.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220706/b0729b13d96ac9080e24207dc1ebcd58.jpg" alt="ACS05 Display Stand"> </div> <div class="title"> ACS05 Display Stand </div> </a> <a href="https://www.storexppen.my/series/stands.html" class="mw-view-more">View More</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> Protective Case <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.my/buy/74.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220221/1aca0389c45e9c7ecadb38769e97dd1b.jpg" alt="ACJ02/ACJ03 Sleeve Case"> </div> <div class="title"> ACJ02/ACJ03 Sleeve Case </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/73.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220221/e26e1b71c47712aa3748cd89ea3b520e.jpg" alt="ACJ08/ACJ09 Sleeve Case"> </div> <div class="title"> ACJ08/ACJ09 Sleeve Case </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/acj10.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241028/KBtnUC63ErTEOyh9qxJJ.jpg" alt="ACJ10 for Magic Drawing Pad"> </div> <div class="title"> ACJ10 for Magic Drawing Pad </div> </a> <a href="https://www.storexppen.my/series/case.html" class="mw-view-more">View More</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> Protective Film <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.my/buy/46.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/0fe4c19593b8a991685141f5053e909d.jpg" alt="Protective Film for Drawing Tablet (2PCS)"> </div> <div class="title"> Protective Film for Drawing Tablet (2PCS) </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/47.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/1c4008f362b56cf3b73277872d8116b1.jpg" alt="Protective Film for 12-15.6inch screen(Pack of 2)"> </div> <div class="title"> Protective Film for 12-15.6inch screen(Pack of 2) </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/49.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/3304ea4dd0edbcca67cbab7f93682a97.jpg" alt="Protective Film for Artist 22-24 inch Display (2PCS)"> </div> <div class="title"> Protective Film for Artist 22-24 inch Display (2PCS) </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/79.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20230320/7669f5dfe98b311b5613df0f5a3f7a21.jpg" alt="Paper-like Protective Film (2pcs)"> </div> <div class="title"> Paper-like Protective Film (2pcs) </div> </a> <a href="https://www.storexppen.my/series/film.html" class="mw-view-more">View More</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> Shortcut Remote & Others <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.my/buy/ack08-keyboard.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240627/Yj5Ox1co8EKQg2J8LO4n.jpg" alt="ACK08 Keyboard for Magic Drawing Pad"> </div> <div class="title"> ACK08 Keyboard for Magic Drawing Pad </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/ack05-shortcutremote.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20230925/b46547af536f2b345f2fa42bf391acd1.jpg" alt="ACK05 Shortcut Remote"> </div> <div class="title"> ACK05 Shortcut Remote </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/76.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220621/2bdf838f59df554e9bc5dfcc55ec31c2.jpg" alt="Pen Holder for PH10B"> </div> <div class="title"> Pen Holder for PH10B </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/canvas-bag.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20230817/d3d0a81ab0bb2e5f270f2145195d62ca.png" alt="XPPEN Canvas Bag"> </div> <div class="title"> XPPEN Canvas Bag </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/27.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210513/4bcb341f40fcee9e3785dee937eef69d.jpg" alt="Shortcut Keys Sticker (Pack of 8)"> </div> <div class="title"> Shortcut Keys Sticker (Pack of 8) </div> </a> <a href="https://www.storexppen.my/series/shortcut-remote-others.html" class="mw-view-more">View More</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> Cables <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.my/buy/68.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20211126/350133538ea4c26ac7f4e5e00a89f0d0.jpg" alt="Type C to Type C Cable"> </div> <div class="title"> Type C to Type C Cable </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/45.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/b8c3bc9d269c877093542d72dfe2cbd5.jpg" alt="3 in 1 Cable for XP-PEN Drawing Display(Cable)"> </div> <div class="title"> 3 in 1 Cable for XP-PEN Drawing Display(Cable) </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/75.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220514/8b73eeb03555ae7b7383e32c9abb718d.jpg" alt="AC59 USB Adaptor to Android Device"> </div> <div class="title"> AC59 USB Adaptor to Android Device </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/55.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/c9ddf50d39d1a5d86dc149c8642a7dea.jpg" alt="USB Cable for Drawing Tablet"> </div> <div class="title"> USB Cable for Drawing Tablet </div> </a> <a href="https://www.storexppen.my/series/cable.html" class="mw-view-more">View More</a> </div> </div> </div> </div> </div> <div class="moblie-menu-item"> <a class="mei-title" href='https://www.storexppen.my/topic/5.html' aria-label="link"> Installment </a>  <div class="mei-warpper-content"> <div class="mei-warpper"> <a href="" class="mw-view-more">View More</a> </div> </div> </div> <div class="foot_margin_end nm-toolbar"> <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"> <p class="current_site_name">Malaysia Official Store</p> <p class="icon-warpper"> <i class="iconfont icon-inter tong_icon pull-left"></i></p> </div> </div> </div> </div> </div> </div> <div class="search-warpper"> <div class="nav_search" id="nav_searchs"> <form class="search_form_bar" action="https://www.storexppen.my/search/index.html" method="get"> <div class="search_form_wrapper"> <div class="search_form_input"> <div class="input_box" style="flex: 1;"> <button type="button" class="search_btn" aria-label="search button"><i class="iconfont icon-search"></i></button> <input class="search_input" id="searchInput" name="search_word" type="search" placeholder="search" autocomplete="off" value=""> <i class="iconfont icon-a-icon1x-31 close-icon" ></i> </div> <button type="button" class="inp_search search_btn">search</button> </div> <div class="search_form_close"> <span class="close_text"> <i class="iconfont icon-close"></i> </span> </div> </div> <div class="history"> <div class="history_title"> <div>HISTORIC_RECORDS</div> <div>CLEAR_ALL</div> </div> <div class="history_btn"> </div> </div> <div class="search_bar_menu" id="searchMenu" aria-hidden="true"> <div class="searchMenu-warpper"> <div class="sw-result"> <p class="title">Recommendations</p> <ul class="search_bar_menu_linklist search-list-box"> <li class="hot-search-tag" style="position: relative;"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="46">Artist 16 2nd Gen</span> <span class="module_bag_hot_show">HOT</span> </li> <li class="hot-search-tag" style="position: relative;"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="47">Artist 12 2nd Gen</span> <span class="module_bag_hot_show">HOT</span> </li> <li class="hot-search-tag" style="position: relative;"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="48">Artist 13.3 2nd Gen</span> <span class="module_bag_hot_show">HOT</span> </li> <li class="hot-search-tag" style="position: relative;"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="49">Artist 22R Pro</span> <span class="module_bag_hot_show">HOT</span> </li> <li class="hot-search-tag" style="position: relative;"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="50">DECO 01V2</span> <span class="module_bag_hot_show">HOT</span> </li> <li class="hot-search-tag" style="position: relative;"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="51">Deco MW</span> <span class="module_bag_hot_show">HOT</span> </li> </ul> </div> <div class="sw-history"> <p class="history-title">HISTORIC_RECORDS</p> <ul class="search_bar_menu_linklist search_history"> </ul> </div> </div> </div> </form> </div> <script> var swiper = new Swiper(".mySwiper", { slidesPerView: 2, spaceBetween: 9, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); </script> <script> $(function () { $('#searchInput').bind('input propertychange', debounce(ajaxGetSearchResult,300,false)); function debounce (fn, delay, immediate) { var timer = null; immediate = immediate || false; return function() { var context = this; var args = arguments; timer && clearTimeout(timer); if (immediate) { var callbackNow = !timer; timer = setTimeout(() => { timer = null; }, delay); callbackNow && fn.apply(context, args); } else { timer = setTimeout(() => { fn.apply(context, args); }, delay); } } } function ajaxGetSearchResult(){ $.ajax({ url: _ROOT_+"search/ajaxGetSearchWord", type: "get", dataType: "json", data: { "keyword": $('#searchInput').val() }, success: function (data) { let searchData = data.data let source = '' if(searchData?.recommend_keyword){ for (let i = 0; i < searchData.goods_list.length; i++) { 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}"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="1077">${searchData.goods_list[i].goods_name}</a> </li>` } $('.search_bar_menu .search-list-box').html(source) $('.vague-search-item').click(function () { searchKeywordsHwTag($(this)); window.location.href = $(this).attr('data-url'); }) }else{ for (let i = 0; i < searchData.length; i++) { source += `<li class="hot-search-tag vague-search-item" style="position: relative;" data-search="${searchData[i]}"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="1077">${searchData[i]}</span> </li>` } $('.search_bar_menu .search-list-box').html(source) $('.vague-search-item').click(function () { searchKeywordsHwTag($(this)); window.location.href = _ROOT_ + 'Search/index?search_word=' + $(this).attr('data-search'); }) } KeyWordExpHwTag(); return true; } }) } }) $('#searchInput').bind('keydown', function (event) { if (event.keyCode == "13") { if ($(this).val() != 'undefined') { let search_key = $(this).val(); updatePubAttr({ "key_word": search_key, "key_word_type": "direct_words", "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1', }); hwtag('event', 'SearchKeywords', { "key_word": search_key, "key_word_type": "direct_words", }); localStorage['SearchResults'] = JSON.stringify({ "key_word" : search_key, "key_word_type" : "direct_words", "result_number" : 0, }); store_search_history(search_key); } } }) $('.search_form_input .close-icon').click(function(){ $('#searchMenu').animate({height:"0"},300,function () { $(this).hide() $('.search-warpper').hide() $('#searchMenu').height('auto') $('.search_bar_menu').attr('aria-hidden', true); }) $('body').off('click'); }) function base64Encode(str) { return btoa(encodeURIComponent(str)); } function getQueryString(name) { let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); let r = window.location.search.substr(1).match(reg); if (r != null) { return unescape(r[2]); }; return null; } // if (window.location.pathname == '/search/index.html') { // console.log("nononononono") // $('#searchInput').val("") // } function searchKeywordsHwTag($this){ try { var key_word_type; var parentUl = $this.closest('ul'); if(parentUl.attr('class').includes('search_history')) { key_word_type = 'history_words'; }else{ key_word_type = 'related_words'; } let key_word = $this.text().trim(); updatePubAttr({ "key_word": key_word, "key_word_type" : key_word_type, "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1' }); hwtag('event', 'SearchKeywords', { "key_word": key_word, "key_word_type" : key_word_type, }); localStorage['SearchResults'] = JSON.stringify({ 'key_word' : $this.text().trim(), 'key_word_type' : 'related_words', 'result_number' :1 }); } catch (e) { console.log(e.message); } } function KeyWordExpHwTag(){ try { let eventParam = []; $("ul.search-list-box li").each(function () { eventParam.push({ "key_word": $(this).find('.search_input').text().trim().replace(/\n/g, '') , "key_word_type":"recommend_words" , "key_word_number": $(this).index()+1 , }); }); $(".search_input").each(function () { let key_word = $(this).find('.search_bar_menu_link').text().trim().replace(/\n/g, ''); if(key_word){ eventParam.push({ "key_word": key_word , "key_word_type":"history_words" , "key_word_number": $(this).index()+1 , }); } }); console.log(eventParam); updatePubAttr({ "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1' }); hwtag('event', 'KeyWordExp', eventParam); }catch (e){ console.log(e.message); } } </script> </div> </div>   </header> <div class="shop-drawer-warpper"> <div class="mask"> </div> <div class="shop-drawer"> <div class="drawer"> <div class="drawer-title"> <div class="dt"> Shopping Cart <span class="icon-colose iconfont"></span> </div> </div> <div class="drawer-container"> <div class="drawer-warpper"> </div> <div class="drawer-pay"> <div class="total"> <p> </p> <div class="price"> <p class="discount"></p> <p class="actual"></p> </div> </div> </div> </div> </div> </div> </div> <div class="" id="store_SiteSwitchMask"></div> <div id="store_SiteSwitch"> <div class="SS_el-dialog new_Year_star0"> <div class="SS_el-dialog_icon"><i class="iconfont icon-colose "></i></div> <div class="SS_el-dialog_tit"> Choose your country or region</div> <div class="SS_el-dialog_region">  </div> </div> </div> <script async src="/newxp/static2024/js/index/header.js?ver=202502241"></script> <script src="/newxp/static2024/js/index/lazy.js?ver=202502241"></script> <script src="/newxp/static2024/js/ziyon/jquery.raty.min.js?ver=202502241"></script> <script> var flat = true var announcementBarSwiper = new Swiper('.navbar_header1 .swiper-container', { direction: 'vertical', loop: true, autoplay: { delay: 8000, disableOnInteraction: false, }, // 如果需要前进后退按钮 navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, observeParents: true, observer: true //修改swiper自己或子元素时，自动初始化swiper }) var announcementBarSwiper2 = new Swiper('.navbar_header2 .swiper-container', { direction: 'vertical', loop: true, autoplay: { delay: 8000, disableOnInteraction: false, }, // 如果需要前进后退按钮 navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, observeParents: true, observer: true //修改swiper自己或子元素时，自动初始化swiper }) if (_LANG_ != 'jp') { // 评论置顶 $(window).on('scroll', function () { var windowscrollWidth = $(window).width(); if (windowscrollWidth > 768) { if ($(window).scrollTop() <= 136) { $('.navbar_header2').css('position', 'relative') $('.navbar_header2').css('display', 'none') flat = true $($('.shownavcart')[1]).parents('.navbar_right_cart').removeClass('open') } else if ($(window).scrollTop() > 136) { $('.navbar_header2').css('display', 'block') $('.navbar_header2').css('position', 'fixed') $('.navbar_header2').css('z-index', '999') $('.navbar_header2').css('top', '0') $('.navbar_header2').css('overflow', 'visible') flat = false $($('.shownavcart')[0]).parents('.navbar_right_cart').removeClass('open') }}});} </script> <script type="text/javascript" charset="utf-8"> $(function () { const pictureLazy = () => { let winWidth = $(window).innerWidth() if (winWidth <= 768) { $(".lazymobie").scrollLoading();//移动端 } else { $(".lazypc").scrollLoading();//pc端 } $(".lazy").scrollLoading();//共用 } (window.onresize = () => { pictureLazy() })() $(document).on("click", ".SS_el-dialog_icon i", function () { $("#store_SiteSwitchMask").fadeOut(300); $("#store_SiteSwitch").fadeOut(300); $('html').removeClass('sitebodyhidee'); }) $(document).on("click", "#store_SiteSwitch", function () { $("#store_SiteSwitchMask").fadeOut(300); $("#store_SiteSwitch").fadeOut(300); $('html').removeClass('sitebodyhidee'); }) $(document).on("click", "#store_SiteSwitch .SS_el-dialog", function (e) { e.stopPropagation();//阻止事件冒泡即可 }); $(document).on("click", ".jump2site", function (e) { var urls = $(this).attr('data-url'); urls = urls.split(','); newsetCookie('user_select', 1); newsetCookie('select_jump', urls[0]); window.parent.location = urls[0] + "?user_select=1"; }); $('.form-select').click(function () { if (this.value === 'change-site') { this.options[0].selected = true; selectSite(); } }); $(document).on("click", ".countryLanguageSelectOpen", function () { selectSite(); }); $(document).on("click", ".nation-select", function () { selectSite(); }); $(document).on("click", ".header-word-waprrer .hww-warpper .location-select", function () { selectSite(); }); $('.navbar_header-nation .nation-close').click(function () { $('.navbar_header-nation').hide() localStorage.setItem('ip_pop',1) }) if(localStorage.getItem('ip_pop')!=1){ $('.navbar_header-nation').css('display','flex') } function selectSite() { var index = layer.load(1); $.ajax({ type: "POST", url: 'https://www.storexppen.my/index/selectsite.html', //+tab,"/index/selectSite" data: { action: "json" }, dataType: "json", success: function (data) { layer.close(index); var workHtml = ""; var workul = ""; $.each(data, function (index, value) { workHtml += '<div class="SS_el-dialog_country">' + '<div class="SS_el-dialog_cytit">' + value.fullname + '</div>' + '<ul class="SS_el-dialog_country_list" >' $.each(value.child, function (index1, value1) { workHtml += '<li class="SS_el-dialog_cylist"><span class="jump2site" data-url="' + value1.jump_url + '"><span> ' + value1.title + '</span><span></span>' + '</span></li>' }); workHtml += '</ul>' + '</div>'; }); $("#store_SiteSwitch .SS_el-dialog_region").html(workHtml); $("#store_SiteSwitchMask").show(); $("#store_SiteSwitch").fadeIn(300); $('html').addClass('sitebodyhidee'); } }); } var initSearshList = $('.search-list-box').html() let initsbmHeight = '' let searchMenu = document.getElementById('searchMenu'); $('.menu-search .iconfont').click(function () { if(localStorage.getItem('xppen/search_history')!=null){ if(JSON.parse(localStorage.getItem('xppen/search_history')).length==0){ $('#searchMenu .history-title').hide() initsbmHeight='' }else{ $('#searchMenu .history-title').show() } }else{ initsbmHeight='' $('#searchMenu .history-title').hide() } $('.navbar_header .search-warpper').show() $('.search_bar_menu').attr('aria-hidden', false); $('.search_bar_menu').show() if($('.search_bar_menu_linklist li').length<=5){ let sbmHeight = '300px'; }else{ let sbmHeight = $('.search_bar_menu').height(); } if(initsbmHeight==''){ if($('.search_bar_menu_linklist li').length<=5){ initsbmHeight = '300px'; }else{ initsbmHeight = $('.search_bar_menu').height(); } } $('#searchInput').val('') $('.search-list-box').html(initSearshList) $('.search_bar_menu').height('0px').animate({ height: initsbmHeight!=''?initsbmHeight:sbmHeight }, 300); setTimeout(function(){ $('body').click(function(e){ if(!JSON.parse($('.search_bar_menu').attr('aria-hidden'))){ if(!document.querySelectorAll('.navbar_header-warpper')[0].contains(e.target)){ $('.search_form_input .close-icon').click() } } }) },400) $('.search_bar_menu_link').click(function () { SearchKeywordsHwTag($(this)); var search_key = $(this).html(); $('.search_input[name="search_word"]').val(search_key).focus(); var times = 1; var arr = document.cookie.match(new RegExp("(^| )" + 'search_key_' + search_key + "=([^;]*)(;|$)")); if (arr != null) { times = unescape(arr[2]) * 1 + 1; } document.cookie = "search_key_" + search_key + "=" + times + ";path=/"; store_search_history($(this).html()) window.location.href = _ROOT_ + 'Search/index?search_word=' + $(this).html() }) }) $('.search_bar_menu_link').click(function () { var search_key = $(this).html(); $('.search_input[name="search_word"]').val(search_key).focus(); var times = 1; var arr = document.cookie.match(new RegExp("(^| )" + 'search_key_' + search_key + "=([^;]*)(;|$)")); if (arr != null) { times = unescape(arr[2]) * 1 + 1; } document.cookie = "search_key_" + search_key + "=" + times + ";path=/"; store_search_history($(this).html()) window.location.href = _ROOT_ + 'Search/index?search_word=' + $(this).html() }) let url = window.location.href if (url.indexOf('?user_select=1') !== -1) { url = url.replace('?user_select=1', '') window.history.pushState({}, '', url) } function SearchKeywordsHwTag($this){ let search_key = $this.html() if($this.closest('ul').hasClass('search_history')){ updatePubAttr({ "key_word": search_key, "key_word_type" : 'history_words', "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1', }) hwtag('event', 'SearchKeywords', { "key_word": search_key, "key_word_type" : 'history_words', }); localStorage['SearchResults'] = JSON.stringify({ 'key_word' : search_key, 'key_word_type' : 'history_words', 'result_number' :0 }); }else{ updatePubAttr({ "key_word": search_key, "key_word_type" : 'recommend_words', "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1', }); hwtag('event', 'SearchKeywords', { "key_word": search_key, "key_word_type" : 'recommend_words', }); localStorage['SearchResults'] = JSON.stringify({ 'key_word' : search_key, 'key_word_type' : 'recommend_words', 'result_number' :0 }); } } }); </script> <script> $(function () { renew_cart_list() $('#mobile_navtoggle .navbar-toggler').click(function(){ $('.navbarToggleExternalContent-warpper').find('img').each(function(){ !$(this).attr('src')?$(this).attr('src',$(this).attr('data-src')):'' }) }) $('.navbar_header .nw-category-title').hover(function () { if (!$(this).parent().parent().hasClass('nw-category-item-active')) { $('.navbar_header .nw-category-item').each(function () { $(this).removeClass('nw-category-item-active') }) $(this).parent().parent().addClass('nw-category-item-active') } }) $('.navbar_header .navbar-menu .navbar-menu-list').hover(function () { $(this).find('img').each(function(){ !$(this).attr('src')?$(this).attr('src',$(this).attr('data-src')):'' }) $($(this).find('.nw-category-item')[0]).addClass('nw-category-item-active') $(this).find('.navbar-menu-list-title .iconfont').css('transform', 'rotate(180deg)') $(this).find('.nml-category-mask').fadeIn() if($(this).find('.nml-category-mask').find('.nml-not-category').length>0){ $(this).find('.nml-category-mask').find('.nml-not-category').stop(true).animate({ height:'320px'},350,function(){ $(this).find('.nnc-container').fadeIn(800) }) } if($(this).find('.nml-category-mask').find('.nml-category ').length>0){ $(this).find('.nml-category-mask').find('.nml-category ').stop(true).animate({ height:'600px'},350,function(){ $(this).find('.nml-warpper').fadeIn(800,function(){ $(this).css('display','flex') }) }) } if($(this).find('.nml-item-warpper').length>0){ $(this).find('.nml-item-warpper .nml-item').css('left',$(this).offset().left -50) $(this).find('.nml-item-warpper .nml-item').css('display','flex') } }, function () { $('.navbar_header .navbar-menu .navbar-menu-list').find('.nw-category-item').removeClass('nw-category-item-active') $(this).find('.navbar-menu-list-title .iconfont').css('transform', 'rotate(0deg)') if($(this).find('.nml-category-mask').find('.nml-not-category').length>0){ $(this).find('.nml-category-mask').find('.nml-not-category').stop(true).animate({ height:'0'},350,function(){ $(this).find('.nnc-container').hide() $(this).parent().hide() }) } if($(this).find('.nml-category-mask').find('.nml-category ').length>0){ $(this).find('.nml-category-mask').find('.nml-category ').stop(true).animate({ height:'0'},350,function(){ $(this).find('.nml-warpper').css('display','none') $(this).parent().hide() }) } if($(this).find('.nml-item-warpper').length>0){ $(this).find('.nml-item-warpper .nml-item').css('display','none') } }) $('.navbar_header .navbar-menu .navbar-menu-list .nml-category').hover(function () { }, function () { $(this).stop(true).animate({ height:'0'},350,function(){ $(this).parent().hide() }) }) $('.navbar_header .navbar-menu .navbar-menu-list .nml-not-category').hover(function () { }, function () { $(this).stop(true).animate({ height:'0'},350,function(){ $(this).parent().hide() }) }) $(window).scroll(function() { if($(window).width()>1024){ $('.navbar_header .navbar-menu .navbar-menu-list').find('.nw-category-item').removeClass('nw-category-item-active') $(this).find('.navbar-menu-list-title .iconfont').css('transform', 'rotate(0deg)') $(this).find('.nml-category-mask').hide() $('.navbar_header .navbar-menu .navbar-menu-list .nml-category').parent().hide() $('.navbar_header .navbar-menu .navbar-menu-list .nml-not-category').parent().hide() } }); let height = $('.navbar_header').height() $('#collapsibleNavbar .moblie-menu').css('height', `calc(100vh - ${height}px)`) $('#collapsibleNavbar').on('show.bs.collapse', function () { $("body").css({"overflow":"hidden","height":`calc(${window.innerHeight}px - ${height}px)`}) $('#collapsibleNavbar .moblie-menu').css('height', `calc(100vh - ${height}px)`) }).on('hide.bs.collapse', function () { $("body").css({ "overflow": "auto", "height": "auto" }) }); $('.shop-drawer-warpper .mask').click(function () { $('.shop-drawer-warpper .shop-drawer').animate({ right: `-${$('.shop-drawer-warpper .shop-drawer').width()}` }, function () { $('.shop-drawer-warpper').fadeOut() $("body").css({ "overflow": "auto", "height": "auto" }) }) }) $('.shop-drawer .icon-colose').click(function () { $('.shop-drawer-warpper .shop-drawer').animate({ right: `-${$('.shop-drawer-warpper .shop-drawer').width()}` }, function () { $('.shop-drawer-warpper').fadeOut() $("body").css({ "overflow": "auto", "height": "auto" }) }) }) $('.moblie-menu .mei-title').click(function (e) { $($(this).parent().find('.mei-warpper-content')[0]).toggle() }) $('.moblie-menu .mwc-title').click(function (e) { $(this).parent().find('.mei-warpper-content').toggle() }) $('.header-word-waprrer .toggle-word').click(function(){ $(this).parent().find('.hww-warpper').toggle() }) if($(window).width()>=1024){ if($('.navbar-menu-waprrer').width() <=$('.navbar-menu-waprrer .navbar-menu')[0].scrollWidth){ $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'visible') // $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'visible') } } window.addEventListener('resize',function() { if($(window).width()>=1024){ if($('.navbar-menu-waprrer').width() <=$('.navbar-menu-waprrer .navbar-menu')[0].scrollWidth){ $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'visible') // $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'visible') } else{ $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'hidden') $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'hidden') } }else{ $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'hidden') $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'hidden') } }); $('.navbar-menu-waprrer .left-icon').click(function(){ $('.navbar-menu-waprrer .navbar-menu').animate({ scrollLeft: '0' }, 500,function(){ $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'hidden') $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'visible') }) }) $('.navbar-menu-waprrer .right-icon').click(function(){ $('.navbar-menu-waprrer .navbar-menu').animate({ scrollLeft: $('.navbar-menu-waprrer .navbar-menu')[0].scrollWidth - $('.navbar-menu-waprrer .navbar-menu')[0].clientWidth }, 500,function(){ $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'visible') $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'hidden') }) }) var before_request = 1; function renew_cart_list() { let cartRoter = [_ROOT_ + 'cart/index.html', _ROOT_ + 'Cart/index', _ROOT_ + 'Cart/index.html', _ROOT_ + 'cart/index'] $.ajax({ type: "POST", url: _ROOT_ + "Cart/getCart",//+tab, 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 success: function (data) { $(".drawer-container").html(''); $(".drawer-container").append(data); } }); } $(window).on('scroll', function () { $('.hww-warpper').hide() }) $('body').click(function(e) { if ($('.word-waprrer .hww-warpper').css('display') != 'none') { console.log(e.target) if(document.querySelectorAll('.word-waprrer').length>0){ if(!document.querySelectorAll('.word-waprrer')[0].contains(e.target)){ $('.word-waprrer .hww-warpper').hide() } } } if ($('.dollar-waprrer .hww-warpper').css('display') != 'none') { if(document.querySelectorAll('.dollar-waprrer').length>0){ if(!document.querySelectorAll('.dollar-waprrer')[0].contains(e.target)){ $('.dollar-waprrer .hww-warpper').hide() } } } }); }); </script> <script type="text/javascript" charset="utf-8"> var oss_host = 'https://resource.xp-pen.com'; var _OSS_STATIC_ = oss_host + '/newxp/static/'; var isSupportWebp; (function (doc, _this) { var image = new Image(); image.onload = function () { if (image.width === 1) { document.documentElement.classList.add('webp'); isSupportWebp = 1; } else { isSupportWebp = 0; } }; image.src = "data:image/webp;base64,UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAARBxAR/Q9ERP8DAABWUDggGAAAABQBAJ0BKgEAAQAAAP4AAA3AAP7mtQAAAA=="; })(document); function webpFormat(file) { if (isSupportWebp) { if (file.indexOf(oss_host) !== -1) { return file.replace(/\.[^.]+$/, '.webp'); } } return file; } </script> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/shoping/goods_style.css?ver=202502241"/> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/model.css?ver=202502241"/> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/style_new.css?ver=202502241"/> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/bootstrap/Trun_1.css?ver=202502241"/> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/bootstrap/homepage.css?ver=202502241" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/bootstrap/lunbotu1.css?ver=202502241"/> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/shoping/goods_style.css?ver=202502241"/> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/model.css?ver=202502241"/> <script src="/newxp/static2024/js/module/model.js"></script>   <div class="new_index-main">   <div class="xpshop_banner"> <div class="swiper-container swiper-news" id='banner-swiper-37'> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://www.storexppen.my/sales-event.html" target="_blank" aria-label="link">  <picture> <source media="(min-width: 1401px)" srcset="https://resource.xp-pen.com/static/images/20250225/la38F6287yfNrwKuHLuQ.jpg" class="lazy"> <source media="(min-width: 769px)" srcset="https://resource.xp-pen.com/static/images/20250225/PzQKmViQExO3Sf0qNm3F.jpg" class="lazy"> <img src="https://resource.xp-pen.com/static/images/20250225/gRt3z4CmYOJN7owgLdIP_750.jpg" alt="image" width="100%" class="lazy"> </picture> </a>  <div class="banner_text_content"> <h3 style='color: #ffffff'></h3> <p style='color: #ffffff'></p> </div> </div> <div class="swiper-slide"> <a href="https://www.storexppen.my/buy/artist-pro-19-gen2.html" target="_blank" aria-label="link">  <picture> <source media="(min-width: 1401px)" srcset="https://resource.xp-pen.com/static/images/20240914/Hammxbiyd2GkOMaoc9QR.jpg" class="lazy"> <source media="(min-width: 769px)" srcset="https://resource.xp-pen.com/static/images/20240914/MXr6qqNIOhTfBb5Xt9Wy.jpg" class="lazy"> <img src="https://resource.xp-pen.com/static/images/20240914/iHxz8dvRmOIsvxglEOvt_750.jpg" alt="image" width="100%" class="lazy"> </picture> </a>  <div class="banner_text_content"> <h3 style='color: #ffffff'></h3> <p style='color: #ffffff'></p> </div> </div> <div class="swiper-slide"> <a href="https://www.storexppen.my/buy/magic-drawing-pad.html" target="_blank" aria-label="link">  <picture> <source media="(min-width: 1401px)" srcset="https://resource.xp-pen.com/static/images/20240815/Loo8ym9jjDdyPJACkNyO.jpg" class="lazy"> <source media="(min-width: 769px)" srcset="https://resource.xp-pen.com/static/images/20240815/14JNDYnav5J5GEPTmxhy.jpg" class="lazy"> <img src="https://resource.xp-pen.com/static/images/20240815/PL6Bwl6MKTknXFySEtDK_750.jpg" alt="image" width="100%" class="lazy"> </picture> </a>  <div class="banner_text_content"> <h3 style='color: #ffffff'></h3> <p style='color: #ffffff'></p> </div> </div> <div class="swiper-slide"> <a href="https://www.storexppen.my/buy/deco-640.html" target="_blank" aria-label="link">  <picture> <source media="(min-width: 1401px)" srcset="https://resource.xp-pen.com/static/images/20240815/AvjjJpfQDj0aleO6C6rz.jpg" class="lazy"> <source media="(min-width: 769px)" srcset="https://resource.xp-pen.com/static/images/20240815/UPInjT1TAZ1sOAkUQwV4.jpg" class="lazy"> <img src="https://resource.xp-pen.com/static/images/20240815/ziEXR7xbBHP9gyHfGjdk_750.jpg" alt="image" width="100%" class="lazy"> </picture> </a>  <div class="banner_text_content"> <h3 style='color: #ffffff'></h3> <p style='color: #ffffff'></p> </div> </div> </div> <div class="swiper-pagination home_pagination1" style="bottom: 0"></div> <div class="swiper-button-prev swiper-button"> <i class="iconfont icon-a-icon1x-33"> </i> </div> <div class="swiper-button-next swiper-button"> <i class="iconfont icon-a-icon1x-32"> </i> </div> </div> </div>  <script > var banner_item_count = 6; var banner_config = { //初始化Swiper autoplay:banner_item_count > 1, slidesPerView: 1, navigation: { nextEl: '.swiper-news .swiper-button-next', prevEl: '.swiper-news .swiper-button-prev' }, pagination: { //分页器 el: '.home_pagination1', clickable: true, }, // breakpoints: { // 768: { // spaceBetween: 0, // }, // 350: { // spaceBetween: 0, // }, // }, spaceBetween: 10, centeredSlides: true, loop: true, resizeReInit: true, grabCursor: true, }; $(document).ready(function() { if (banner_item_count <= 1) { $('.home_pagination1').hide(); } }); // var mySwiper37 = new Swiper('#banner-swiper-37', { // autoplay: { // delay: 500, // stopOnLastSlide: false, // disableOnInteraction: true, // }, // }); var new_home_swiper37= new Swiper('#banner-swiper-37',banner_config); </script >  <section class="section-module" > <div class="hot-products"> <div class="title-header"> <h2 class="new-title">Trending</h2> <div class="switch_button"> <div class="swiper-button-prev"> <i class="iconfont icon-a-icon1x-33"> </i> </div> <div class="swiper-button-next"> <i class="iconfont icon-a-icon1x-32"></i> </div> </div> </div> <div class="swiper mySwiper"> <div class="swiper-wrapper"> <div class="swiper-slide NewCard style_1"> <a aria-label='link' href="https://www.storexppen.my/buy/magic-drawing-pad.html" > <div class="img_box"> <img class="lazy" alt="Magic Drawing Pad" width="320px" height="320px" data-original="https://resource.xp-pen.com/static/images/20240815/Ir6Vx6gpvQTPYcsus2Of_480_480.jpg"/> </div> <div class="label"> </div> <div class="NewCard_text_content"> <div class="NewCard_Header"> <h3>Magic Drawing Pad</h3> </div> <p>With Android System, X3 Pro stylus, 16K pen pressure. RAM: 8GB, ROM: 256GB</p> <div class="NewCard_footer"> <div> <span class="new_price">RM2,228</span> <span class="old_price">RM2,999</span> </div> <div class="new_btn">Buy</div> </div> </div> </a> </div> <div class="swiper-slide NewCard style_1"> <a aria-label='link' href="https://www.storexppen.my/buy/artist-pro-16-gen-2.html" > <div class="img_box"> <img class="lazy" alt="Artist Pro 16 Gen 2-16K" width="320px" height="320px" data-original="https://resource.xp-pen.com/static/images/20240815/Cr0nfwCDekSNHcENZhR8_480_480.jpg"/> </div> <div class="label"> <div> <span class="new_label">NEW</span> </div> </div> <div class="NewCard_text_content"> <div class="NewCard_Header"> <h3>Artist Pro 16 Gen 2-16K</h3> </div> <p>16K pen pressure, 2.5K display-2560*1600 Display Resolution. 16 inches display with 123% sRGB</p> <div class="NewCard_footer"> <div> <span class="new_price">RM1,999</span> <span class="old_price">RM2,588</span> </div> <div class="new_btn">Buy</div> </div> </div> </a> </div> <div class="swiper-slide NewCard style_1"> <a aria-label='link' href="https://www.storexppen.my/buy/artist-22-plus.html" > <div class="img_box"> <img class="lazy" alt="Artist 22 Plus - 16K" width="320px" height="320px" data-original="https://resource.xp-pen.com/static/images/20240815/3foE1lb7OG3QKOWn53YB_480_480.jpg"/> </div> <div class="label"> <div> <span class="new_label">NEW</span> </div> </div> <div class="NewCard_text_content"> <div class="NewCard_Header"> <h3>Artist 22 Plus - 16K</h3> </div> <p>21.5 inches with X3 digital stylus</p> <div class="NewCard_footer"> <div> <span class="new_price">RM2,028</span> <span class="old_price">RM2,788</span> </div> <div class="new_btn">Buy</div> </div> </div> </a> </div> <div class="swiper-slide NewCard style_1"> <a aria-label='link' href="https://www.storexppen.my/buy/deco-pro-gen2.html" > <div class="img_box"> <img class="lazy" alt="Deco Pro MW / LW / XLW Gen2 -16K" width="320px" height="320px" data-original="https://resource.xp-pen.com/static/images/20240816/5fVS9dGAqDdM2MTL5hOO_480_480.jpg"/> </div> <div class="label"> <div> <span class="new_label">NEW</span> </div> </div> <div class="NewCard_text_content"> <div class="NewCard_Header"> <h3>Deco Pro MW / LW / XLW Gen2 -16K</h3> </div> <p>16K Pen pressure, 3 size for you choose MW is suit for ACJ09 bag, LW is suit for ACJ03 bag.</p> <div class="NewCard_footer"> <div> <span class="new_price">RM699</span> <span class="old_price">RM899</span> </div> <div class="new_btn">Buy</div> </div> </div> </a> </div>  </div> </div> </section> <section class="section-module"> <div class="pen-list category style_1" data-item-count="3"> <div class="title-header title-header-static"> <h2 class="new-title">Pen Display</h2> <div class="nav" > <ul class="nav-tab"> <li class="active" data-id="40_1">Artist X3 Pro Series - 16K Pen Pressure</li> <li data-id="40_2">Artist X3 Series</li> <li data-id="40_3">Artist Series </li> </ul> </div> </div> <div class="title-header title-header-float"> <h2 class="new-title"></h2> <div class="nav" > <ul class="nav-tab"> <li class="active" data-id="40_1">Artist X3 Pro Series - 16K Pen Pressure</li> <li data-id="40_2">Artist X3 Series</li> <li data-id="40_3">Artist Series </li> </ul> </div> </div> <div class="category-list category-list-first subjects_40_1" data-id="40_1" style='display: none'> <div class="category-banner"> <picture> <source media="(min-width: 1401px)" srcset="https://resource.xp-pen.com/static/images/20240815/egRqhFSgHQuCWqYhnj3X.jpg" class="lazy"> <source media="(min-width: 769px)" srcset="" class="lazy"> <img src="https://resource.xp-pen.com/static/images/20240815/34lefLco88ZHqCQZ5mRs.jpg" alt="https://resource.xp-pen.com/static/images/20240815/34lefLco88ZHqCQZ5mRs.jpg" width="100%" class="lazy"> </picture> </div> <div class="item_list"> <a class="item" href="https://www.storexppen.my/buy/artist-pro-16-gen-2.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Artist Pro 16 Gen 2-16K" data-original="https://resource.xp-pen.com/Uploads/my/goods/20230814/ed7a3609b1a06c838d93b16811b181e6_320_320.jpg"> </div> <div class="item_info"> <div class="label"> <span>23% Off</span> <div> <span class="new_label">NEW</span> </div> </div> <h3>Artist Pro 16 Gen 2-16K</h3> <div class="w100"> <span class="new_price">RM1,999</span> <span class="old_price">RM2,588</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">5.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(4)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>0</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">5.0</span> <span class="new_zhi4_1">(4) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">0 FAQ</span> </div> </div> </a> <a class="item" href="https://www.storexppen.my/buy/artist-pro-14-gen-2.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Artist Pro 14 Gen 2 -16K" data-original="https://resource.xp-pen.com/Uploads/my/goods/20230814/113d4884e251f142174cabed28762be3_320_320.jpg"> </div> <div class="item_info"> <div class="label"> <span>33% Off</span> <div> <span class="new_label">NEW</span> </div> </div> <h3>Artist Pro 14 Gen 2 -16K</h3> <div class="w100"> <span class="new_price">RM1,599</span> <span class="old_price">RM2,388</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">5.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(1)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>0</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">5.0</span> <span class="new_zhi4_1">(1) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">0 FAQ</span> </div> </div> </a> <a class="item" href="https://www.storexppen.my/buy/artist-22-plus.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Artist 22 Plus - 16K" data-original="https://resource.xp-pen.com/Uploads/my/goods/20231103/abea541729b88ff6f0c9686cda7ed949_320_320.jpg"> </div> <div class="item_info"> <div class="label"> <span>27% Off</span> <div> <span class="new_label">NEW</span> </div> </div> <h3>Artist 22 Plus - 16K</h3> <div class="w100"> <span class="new_price">RM2,028</span> <span class="old_price">RM2,788</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">5.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(3)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>0</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">5.0</span> <span class="new_zhi4_1">(3) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">0 FAQ</span> </div> </div> </a> </div> </div> <div class="category-list category-list-first subjects_40_2" data-id="40_2" style='display: none'> <div class="category-banner"> <picture> <source media="(min-width: 1401px)" srcset="https://resource.xp-pen.com/static/images/20240815/8OPoB8meRKgUFIdlFtpQ.jpg" class="lazy"> <source media="(min-width: 769px)" srcset="" class="lazy"> <img src="https://resource.xp-pen.com/static/images/20240815/Ycb6aMKXl2nVASW8YjQv.jpg" alt="https://resource.xp-pen.com/static/images/20240815/Ycb6aMKXl2nVASW8YjQv.jpg" width="100%" class="lazy"> </picture> </div> <div class="item_list"> <a class="item" href="https://www.storexppen.my/buy/artist-13-2nd-gen.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Artist 13 2nd Gen" data-original="https://resource.xp-pen.com/Uploads/my/goods/20220816/71f66ddc133065300fe79b9813137fb0_320_320.jpg"> </div> <div class="item_info"> <div class="label"> <span>36% Off</span> <div> <span class="hot_label">HOT</span> </div> </div> <h3>Artist 13 2nd Gen</h3> <div class="w100"> <span class="new_price">RM889</span> <span class="old_price">RM1,388</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">5.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(7)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>0</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">5.0</span> <span class="new_zhi4_1">(7) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">0 FAQ</span> </div> </div> </a> <a class="item" href="https://www.storexppen.my/buy/artist-12-2nd-gen.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Artist 12 2nd Gen" data-original="https://resource.xp-pen.com/Uploads/my/goods/20210918/20b3df497d0dd9c4ce6b58b4cadf676f_320_320.jpg"> </div> <div class="item_info"> <div class="label"> <span>27% Off</span> <div> <span class="hot_label">HOT</span> </div> </div> <h3>Artist 12 2nd Gen</h3> <div class="w100"> <span class="new_price">RM789</span> <span class="old_price">RM1,088</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">5.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(4)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>0</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">5.0</span> <span class="new_zhi4_1">(4) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">0 FAQ</span> </div> </div> </a> <a class="item" href="https://www.storexppen.my/buy/artist-10-2nd-gen.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Artist 10 2nd Gen" data-original="https://resource.xp-pen.com/Uploads/my/goods/20220712/a374773f87e5eeb58fd5c4b7d9f5b261_320_320.jpg"> </div> <div class="item_info"> <div class="label"> <span>31% Off</span> </div> <h3>Artist 10 2nd Gen</h3> <div class="w100"> <span class="new_price">RM689</span> <span class="old_price">RM999</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">5.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(4)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>3</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">5.0</span> <span class="new_zhi4_1">(4) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">3 FAQ</span> </div> </div> </a> <a class="item" href="https://www.storexppen.my/buy/artist-16-2nd-gen.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Artist 16 2nd Gen" data-original="https://resource.xp-pen.com/Uploads/goods/20241120/1juumchOJMe5ZXmpiJx8_320_320.jpg"> </div> <div class="item_info"> <div class="label"> <span>43% Off</span> </div> <h3>Artist 16 2nd Gen</h3> <div class="w100"> <span class="new_price">RM1,069</span> <span class="old_price">RM1,888</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">5.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(7)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>1</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">5.0</span> <span class="new_zhi4_1">(7) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">1 FAQ</span> </div> </div> </a> </div> </div> <div class="category-list category-list-first subjects_40_3" data-id="40_3" style='display: none'> <div class="category-banner"> <picture> <source media="(min-width: 1401px)" srcset="https://resource.xp-pen.com/static/images/20240815/fdISbWPys2ANjNS3mHRi.jpg" class="lazy"> <source media="(min-width: 769px)" srcset="" class="lazy"> <img src="https://resource.xp-pen.com/static/images/20240815/OVMTzO5sTTWQwAgufqkB.jpg" alt="https://resource.xp-pen.com/static/images/20240815/OVMTzO5sTTWQwAgufqkB.jpg" width="100%" class="lazy"> </picture> </div> <div class="item_list"> <a class="item" href="https://www.storexppen.my/buy/artist-156-pro-v2.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Artist 15.6 Pro V2 - 16K Pressure" data-original="https://resource.xp-pen.com/Uploads/goods/20241120/QGgfVfmUZAfVISApp28d_320_320.jpg"> </div> <div class="item_info"> <div class="label"> <span>35% Off</span> <div> <span class="hot_label">HOT</span> </div> </div> <h3>Artist 15.6 Pro V2 - 16K Pressure</h3> <div class="w100"> <span class="new_price">RM1,299</span> <span class="old_price">RM1,999</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">5.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(21)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>0</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">5.0</span> <span class="new_zhi4_1">(21) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">0 FAQ</span> </div> </div> </a> <a class="item" href="https://www.storexppen.my/buy/artist-133-pro-v2.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Artist 13.3 Pro V2 - 16K Pressure" data-original="https://resource.xp-pen.com/Uploads/goods/20250211/pJ1kyYdj9Yr84CPwlr2N_320_320.jpg"> </div> <div class="item_info"> <div class="label"> <span>31% Off</span> </div> <h3>Artist 13.3 Pro V2 - 16K Pressure</h3> <div class="w100"> <span class="new_price">RM1,099</span> <span class="old_price">RM1,588</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">5.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(2)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>0</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">5.0</span> <span class="new_zhi4_1">(2) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">0 FAQ</span> </div> </div> </a> <a class="item" href="https://www.storexppen.my/buy/artist-22r-pro.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Artist 22R Pro Display" data-original="https://resource.xp-pen.com/Uploads/my/goods/20210503/d46b734210b15f4c322c29eca59c04d1_320_320.jpg"> </div> <div class="item_info"> <div class="label"> <span>39% Off</span> <div> <span class="hot_label">HOT</span> </div> </div> <h3>Artist 22R Pro Display</h3> <div class="w100"> <span class="new_price">RM1,769</span> <span class="old_price">RM2,888</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">5.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(9)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>0</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">5.0</span> <span class="new_zhi4_1">(9) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">0 FAQ</span> </div> </div> </a> <a class="item" href="https://www.storexppen.my/buy/artist-24-2k.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Artist 24 2.5K Display" data-original="https://resource.xp-pen.com/Uploads/my/goods/20210809/48abc902aa713685d5059b96749b2689_320_320.jpg"> </div> <div class="item_info"> <div class="label"> <span>24% Off</span> </div> <h3>Artist 24 2.5K Display</h3> <div class="w100"> <span class="new_price">RM2,488</span> <span class="old_price">RM3,288</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">5.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(2)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>0</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">5.0</span> <span class="new_zhi4_1">(2) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">0 FAQ</span> </div> </div> </a> <a class="item" href="https://www.storexppen.my/buy/artist-12-pro.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Artist 12 Pro Display" data-original="https://resource.xp-pen.com/Uploads/my/goods/20210503/0dea9a02e2354bebbd5634ca237b72fd_320_320.jpg"> </div> <div class="item_info"> <div class="label"> </div> <h3>Artist 12 Pro Display</h3> <div class="w100"> <span class="new_price">RM1,168</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">5.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(6)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>1</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">5.0</span> <span class="new_zhi4_1">(6) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">1 FAQ</span> </div> </div> </a> <a class="item" href="https://www.storexppen.my/buy/artist-24-pro.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Artist 24 Pro 2.5K Display" data-original="https://resource.xp-pen.com/Uploads/my/goods/20210503/24b9a6470f0c35e9bb6c0145393a5605_320_320.jpg"> </div> <div class="item_info"> <div class="label"> </div> <h3>Artist 24 Pro 2.5K Display</h3> <div class="w100"> <span class="new_price">RM3,588</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">5.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(8)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>0</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">5.0</span> <span class="new_zhi4_1">(8) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">0 FAQ</span> </div> </div> </a> <a class="item" href="https://www.storexppen.my/buy/artist-pro-22-gen2.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Artist Pro 22 (Gen 2) - 2.5K Display" data-original="https://resource.xp-pen.com/Uploads/goods/20250106/0lYxPUjHvwHjdeGxwPed_320_320.jpg"> </div> <div class="item_info"> <div class="label"> <span>31% Off</span> <div> <span class="new_label">NEW</span> </div> </div> <h3>Artist Pro 22 (Gen 2) - 2.5K Display</h3> <div class="w100"> <span class="new_price">RM2,688</span> <span class="old_price">RM3,888</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">5.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(1)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>0</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">5.0</span> <span class="new_zhi4_1">(1) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">0 FAQ</span> </div> </div> </a> </div> </div> </div> </section> <style> .title-header-float{ display: none; } </style> <section class="section-module"> <div class="pen-list category style_1" data-item-count="3"> <div class="title-header title-header-static"> <h2 class="new-title">Pen Tablet</h2> <div class="nav" > <ul class="nav-tab"> <li class="active" data-id="41_1">Deco X3 & X3 Pro Series</li> <li data-id="41_2">Deco Series</li> <li data-id="41_3">Star Series</li> </ul> </div> </div> <div class="title-header title-header-float"> <h2 class="new-title"></h2> <div class="nav" > <ul class="nav-tab"> <li class="active" data-id="41_1">Deco X3 & X3 Pro Series</li> <li data-id="41_2">Deco Series</li> <li data-id="41_3">Star Series</li> </ul> </div> </div> <div class="category-list category-list-first subjects_41_1" data-id="41_1" style='display: none'> <div class="category-banner"> <picture> <source media="(min-width: 1401px)" srcset="https://resource.xp-pen.com/static/images/20240815/GOOSatkj0OkJjV4NecGj.jpg" class="lazy"> <source media="(min-width: 769px)" srcset="" class="lazy"> <img src="https://resource.xp-pen.com/static/images/20240815/SQbLIOcnlolElbOFtiVc.jpg" alt="https://resource.xp-pen.com/static/images/20240815/SQbLIOcnlolElbOFtiVc.jpg" width="100%" class="lazy"> </picture> </div> <div class="item_list"> <a class="item" href="https://www.storexppen.my/buy/deco-pro-gen2.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Deco Pro MW / LW / XLW Gen2 -16K" data-original="https://resource.xp-pen.com/Uploads/my/goods/20230814/724029aa67c3b67d7b64cc1e38dc30ca_320_320.jpg"> </div> <div class="item_info"> <div class="label"> <span>22% Off</span> <div> <span class="new_label">NEW</span> </div> </div> <h3>Deco Pro MW / LW / XLW Gen2 -16K</h3> <div class="w100"> <span class="new_price">RM699</span> <span class="old_price">RM899</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "0" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">0.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(0)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>0</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "0" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">0.0</span> <span class="new_zhi4_1">(0) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">0 FAQ</span> </div> </div> </a> <a class="item" href="https://www.storexppen.my/buy/deco-mw.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Deco MW Bluetooth - X3 Chip" data-original="https://resource.xp-pen.com/Uploads/goods/20240424/fWhHd0tprsJvIL7SraD1_320_320.jpg"> </div> <div class="item_info"> <div class="label"> <span>18% Off</span> </div> <h3>Deco MW Bluetooth - X3 Chip</h3> <div class="w100"> <span class="new_price">RM279</span> <span class="old_price">RM339</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">5.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(3)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>1</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">5.0</span> <span class="new_zhi4_1">(3) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">1 FAQ</span> </div> </div> </a> <a class="item" href="https://www.storexppen.my/buy/deco-lw.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="DECO LW Bluetooth-X3 Chip" data-original="https://resource.xp-pen.com/Uploads/goods/20240627/8jQdAR6DyTlO8RAyE5OU_320_320.jpg"> </div> <div class="item_info"> <div class="label"> <span>24% Off</span> </div> <h3>DECO LW Bluetooth-X3 Chip</h3> <div class="w100"> <span class="new_price">RM339</span> <span class="old_price">RM448</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">5.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(1)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>0</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">5.0</span> <span class="new_zhi4_1">(1) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">0 FAQ</span> </div> </div> </a> </div> </div> <div class="category-list category-list-first subjects_41_2" data-id="41_2" style='display: none'> <div class="category-banner"> <picture> <source media="(min-width: 1401px)" srcset="https://resource.xp-pen.com/static/images/20240815/mj3pt7ilMCOPFMwFFOwE.jpg" class="lazy"> <source media="(min-width: 769px)" srcset="" class="lazy"> <img src="https://resource.xp-pen.com/static/images/20240815/qYBATcOtjoMy2T4J9f0h.jpg" alt="https://resource.xp-pen.com/static/images/20240815/qYBATcOtjoMy2T4J9f0h.jpg" width="100%" class="lazy"> </picture> </div> <div class="item_list"> <a class="item" href="https://www.storexppen.my/buy/deco-640.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Deco 640" data-original="https://resource.xp-pen.com/Uploads/goods/20240709/FxDxRWNEQ5n7UkFqUpL_320_320.jpg"> </div> <div class="item_info"> <div class="label"> <span>43% Off</span> <div> <span class="new_label">NEW</span> </div> </div> <h3>Deco 640</h3> <div class="w100"> <span class="new_price">RM90</span> <span class="old_price">RM159</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">5.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(1)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>1</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">5.0</span> <span class="new_zhi4_1">(1) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">1 FAQ</span> </div> </div> </a> <a class="item" href="https://www.storexppen.my/buy/deco-01-v3.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Deco 01 V3 16K Pen Pressure" data-original="https://resource.xp-pen.com/Uploads/goods/20241120/43APe2FPQyWizKnE05WF_320_320.jpg"> </div> <div class="item_info"> <div class="label"> <span>36% Off</span> <div> <span class="hot_label">HOT</span> </div> </div> <h3>Deco 01 V3 16K Pen Pressure</h3> <div class="w100"> <span class="new_price">RM179</span> <span class="old_price">RM279</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">5.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(9)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>0</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">5.0</span> <span class="new_zhi4_1">(9) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">0 FAQ</span> </div> </div> </a> <a class="item" href="https://www.storexppen.my/buy/deco-mini7-v2.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Deco Mini7 V2 - 16K Pressure" data-original="https://resource.xp-pen.com/Uploads/goods/20241212/YDGFP1WfSOaVFKFLhar2_320_320.jpg"> </div> <div class="item_info"> <div class="label"> <span>37% Off</span> <div> <span class="hot_label">HOT</span> </div> </div> <h3>Deco Mini7 V2 - 16K Pressure</h3> <div class="w100"> <span class="new_price">RM119</span> <span class="old_price">RM189</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">5.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(4)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>0</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">5.0</span> <span class="new_zhi4_1">(4) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">0 FAQ</span> </div> </div> </a> <a class="item" href="https://www.storexppen.my/buy/deco-fun-xs-s-l.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Deco Fun XS / S / L" data-original="https://resource.xp-pen.com/Uploads/my/goods/20210608/145abf8ee3727a3ab8d8595b458dfb49_320_320.jpg"> </div> <div class="item_info"> <div class="label"> <span>33% Off</span> </div> <h3>Deco Fun XS / S / L</h3> <div class="w100"> <span class="new_price">RM80</span> <span class="old_price">RM119</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "4" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">4.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(3)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>0</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "4" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">4.0</span> <span class="new_zhi4_1">(3) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">0 FAQ</span> </div> </div> </a> <a class="item" href="https://www.storexppen.my/buy/deco-02.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Deco 02 Drawing Tablet" data-original="https://resource.xp-pen.com/Uploads/my/goods/20210730/ac7cda9164fef514e6147dacacb91566_320_320.jpg"> </div> <div class="item_info"> <div class="label"> </div> <h3>Deco 02 Drawing Tablet</h3> <div class="w100"> <span class="new_price">RM349</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "0" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">0.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(0)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>0</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "0" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">0.0</span> <span class="new_zhi4_1">(0) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">0 FAQ</span> </div> </div> </a> <a class="item" href="https://www.storexppen.my/buy/deco-03.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Deco 03 Wireless" data-original="https://resource.xp-pen.com/Uploads/my/goods/20210503/458bd43b3819ed3954c4ba5b7c3ea5d5_320_320.jpg"> </div> <div class="item_info"> <div class="label"> </div> <h3>Deco 03 Wireless</h3> <div class="w100"> <span class="new_price">RM438</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">5.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(2)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>0</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">5.0</span> <span class="new_zhi4_1">(2) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">0 FAQ</span> </div> </div> </a> <a class="item" href="https://www.storexppen.my/buy/deco-pro-s-m.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Deco Pro S/M for Android" data-original="https://resource.xp-pen.com/Uploads/my/goods/20210730/1bbaba59396876721a9e99c777d4de93_320_320.jpg"> </div> <div class="item_info"> <div class="label"> </div> <h3>Deco Pro S/M for Android</h3> <div class="w100"> <span class="new_price">RM470</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">5.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(1)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>0</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">5.0</span> <span class="new_zhi4_1">(1) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">0 FAQ</span> </div> </div> </a> <a class="item" href="https://www.storexppen.my/buy/deco-pro-sw-mw.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Deco Pro SW / MW Bluetooth" data-original="https://resource.xp-pen.com/Uploads/my/goods/20210709/a7a43c998923bb344ff2c1a7d8fde4a0_320_320.jpg"> </div> <div class="item_info"> <div class="label"> </div> <h3>Deco Pro SW / MW Bluetooth</h3> <div class="w100"> <span class="new_price">RM518</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "0" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">0.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(0)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>0</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "0" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">0.0</span> <span class="new_zhi4_1">(0) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">0 FAQ</span> </div> </div> </a> </div> </div> <div class="category-list category-list-first subjects_41_3" data-id="41_3" style='display: none'> <div class="category-banner"> <picture> <source media="(min-width: 1401px)" srcset="https://resource.xp-pen.com/static/images/20240815/C4tyXDP29M79zZNePibt.jpg" class="lazy"> <source media="(min-width: 769px)" srcset="" class="lazy"> <img src="https://resource.xp-pen.com/static/images/20240815/OtIzLYePWWz9L54ap8oO.jpg" alt="https://resource.xp-pen.com/static/images/20240815/OtIzLYePWWz9L54ap8oO.jpg" width="100%" class="lazy"> </picture> </div> <div class="item_list"> <a class="item" href="https://www.storexppen.my/buy/star-g640.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Star G640" data-original="https://resource.xp-pen.com/Uploads/my/goods/20210503/5698d2fa10428de321ba3990d3007c97_320_320.jpg"> </div> <div class="item_info"> <div class="label"> <span>34% Off</span> <div> <span class="hot_label">HOT</span> </div> </div> <h3>Star G640</h3> <div class="w100"> <span class="new_price">RM99</span> <span class="old_price">RM149</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">5.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(1)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>1</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "5" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">5.0</span> <span class="new_zhi4_1">(1) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">1 FAQ</span> </div> </div> </a> <a class="item" href="https://www.storexppen.my/buy/star-g430s.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Star G430S Game Play" data-original="https://resource.xp-pen.com/Uploads/my/goods/20210730/9e49a7b92efcdb90136e3eec14d5d765_320_320.png"> </div> <div class="item_info"> <div class="label"> <span>39% Off</span> </div> <h3>Star G430S Game Play</h3> <div class="w100"> <span class="new_price">RM79</span> <span class="old_price">RM129</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "0" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">0.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(0)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>0</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "0" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">0.0</span> <span class="new_zhi4_1">(0) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">0 FAQ</span> </div> </div> </a> <a class="item" href="https://www.storexppen.my/buy/star-03.html" class="img_box" aria-label="link"> <div class="img_box"> <img class='lazy' alt="Star 03 Drawing Tablet" data-original="https://resource.xp-pen.com/Uploads/my/goods/20210503/546c7e67e487b98e78ecea6cf72048b2_320_320.jpg"> </div> <div class="item_info"> <div class="label"> </div> <h3>Star 03 Drawing Tablet</h3> <div class="w100"> <span class="new_price">RM239</span> <br> </div> <div class="mobile_score"><span class = "star1" data-num = "0" title = "gorgeous" style = "width: 120px;" ></span ><span class="new_zhi4_1">0.0</span> <br> <span class="new_zhi4_1"><i class="iconfont icon-a-icon1x-56"></i>(0)</span> <span class="sdq_1">|</span> <span class="new_zhi4_1"><i class="iconfont icon-message-question"></i>0</span> </div> <div class="pro_footer"> <span class = "star1" data-num = "0" title = "gorgeous" style = "width: 120px;" ></span > <span class="new_zhi4_1 star_num">0.0</span> <span class="new_zhi4_1">(0) Reviews</span> <span class="sdq_1">|</span> <span class="new_zhi4_1">0 FAQ</span> </div> </div> </a> </div> </div> </div> </section> <style> .title-header-float{ display: none; } </style> <style> /*主推轮播视频*/ .main_push .pc-banner .swiper-slide .ph_video_play{display: block;position: absolute;left: 0;top: 0;z-index: 1; width: 100%; height: 100%;cursor: pointer;} .main_push .pc-banner .swiper-slide .ph_video_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 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);text-indent: -9999px;overflow: hidden;} .main_push .pc-banner .swiper-slide:hover .ph_video_playBtn{background: url(https://resource.xp-pen.com/static/images/swiper_img/btn_player_type2_hover.webp);background-size: 100%;} .main_push .pc-banner .swiper-slide .ph_swiper_video{display: none;background: rgba(0, 0, 0, 0.7); cursor: default;bottom: 0;height: 100%;left: 0;opacity: 0; position: absolute; right: 0;top: 0; -webkit-transition: opacity .3s ease-out;transition: opacity .3s ease-out;width: 100%;z-index: -1;} .main_push .pc-banner .swiper-slide .ph_swiper_video_container{z-index: 10001;display: block;position: absolute;height: 100%;left: 50%;top: 50%; -webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);zoom: 1;width: 100%;} .main_push .pc-banner .swiper-slide .ph_close_button{color: #232323;display: block;cursor: pointer;height: 36px;line-height: 3vw;position: absolute;right: 2vw;top: 2vw; font-size: 36px;width: 36px;z-index: 99;font-weight: bold; } .main_push .pc-banner .swiper-slide .ph-video-player{bottom: 0;height: 100%;left: 0;position: absolute;right: 0;top: 0;width: 100%;} .main_push .pc-banner .swiper-slide .ph_info { opacity: 1;z-index: 1000;} .main_push #swiper3 .swiper-slide a{display: inline-block;position: relative;width: 100%;} .main_push #swiper3 .swiper-slide iframe{width: 100%;height: 100%;border-radius: 8px;} /*主推轮播视频*/ </style> <div class="main_push container"> <section class="pc-banner" id="swiper_te"> <div class="bq_h1"></div> <div class="swiper-container" id="swiper3"> <div class="swiper-wrapper"> <div class="swiper-slide swiper-slide-center none-effect"> <a href="javascript:;"> <img data-original="https://resource.xp-pen.com/static/images/20240815/XsbIdRVrTd1d17kDzfoU.jpg" class="lazy" src="" alt="https://www.youtube.com/embed/yyTOnn26HvI"> <div class="ph_video_play" data-link_cat="play video"> <div class="ph_video_playBtn"></div> </div> <div class="ph_swiper_video"> <div class="ph_swiper_video_container"> <i class="ph_close_button iconfont icon-close"></i> <iframe width="100%" height="700" src="" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> </a> <div class="list_text">Magic Drawing Pad</div> </div> <div class="swiper-slide swiper-slide-center none-effect"> <a href="javascript:;"> <img data-original="https://resource.xp-pen.com/static/images/20240815/YhLcac8PTc3sbUblasIp.jpg" class="lazy" src="" alt="https://www.youtube.com/embed/eloWLbFwpls"> <div class="ph_video_play" data-link_cat="play video"> <div class="ph_video_playBtn"></div> </div> <div class="ph_swiper_video"> <div class="ph_swiper_video_container"> <i class="ph_close_button iconfont icon-close"></i> <iframe width="100%" height="700" src="" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> </a> <div class="list_text">Artist 13 2nd Gen</div> </div> <div class="swiper-slide swiper-slide-center none-effect"> <a href="javascript:;"> <img data-original="https://resource.xp-pen.com/static/images/20240815/WRQ3aFhdIxoSC9izs3JO.jpg" class="lazy" src="" alt="https://www.youtube.com/embed/2U0y7FOfiys"> <div class="ph_video_play" data-link_cat="play video"> <div class="ph_video_playBtn"></div> </div> <div class="ph_swiper_video"> <div class="ph_swiper_video_container"> <i class="ph_close_button iconfont icon-close"></i> <iframe width="100%" height="700" src="" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> </a> <div class="list_text">Artist 22 Plus</div> </div> </div> <div class="swiper-pagination swiper-pagination3"></div> <div class="button"> <div class="swiper-button-prev swiper-button-black swiper-button-prev3"></div> <div class="swiper-button-next swiper-button-black swiper-button-next3"></div> </div> </div> </section> </div> <section class="section-module"> <div class="application"> <h3 class="mobile_title">Free Software</h3> <a class="application-item" aria-label="link" href='https://www.xp-pen.com/free-drawing-software.html'> <div class="text"> <h3>Free Software</h3> <div class="ac_introduce">Enrich your experience and improve your creation skills, XPPen provides you with free software for different purposes. </div> <div class="new_btn">Learn More</div> </div> <div class="img_div"> <img class='lazy' data-original='https://resource.xp-pen.com/static/images/20240815/AcFScBWVzCEc7qqoHIeZ.jpg' alt="image"> </div> </a> <h3 class="mobile_title">Bulk Quote</h3> <a class="application-item" aria-label="link" href='https://www.storexppen.my/article/10.html'> <div class="text"> <h3>Bulk Quote</h3> <div class="ac_introduce">Save big on your large purchases with our exclusive bulk order discounts! </div> <div class="new_btn">Learn More</div> </div> <div class="img_div"> <img class='lazy' data-original='https://resource.xp-pen.com/static/images/20240815/v7pOHJTeDqv9crNBj4Hk.jpg' alt="image"> </div> </a> </div> </section></div> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/bootstrap/Trun_1.css" />  <section id="store_services" > <div class="services"> <div class="container"> <div class="row"> </div> </div> </div>  <div class="newmobei_store_services"> <div class="newmobei_weService"></div> <div class="newmobei_services_content"> </div> </div> </section>   <style > #store_subscribe{ position: relative; background-image: url(""); background-size: cover; } #store_subscribe .subscribe { z-index: 1; } #store_subscribe .subscribe::after{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; background-image: inherit; opacity: 0.8; z-index: 2; } #store_subscribe .subscribe_verify { height: auto; } #store_subscribe .bg_color_subscirbe{ background-color: #000000; } .subscribe_text { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 3; } #store_subscribe .sub_button { text-wrap:nowrap; } @media screen and (max-width: 768px) { .mobile_hidden{ display: none; } #store_subscribe { background-image: url(""); } #store_subscribe .subscribe { height: 210px; } #store_subscribe .subscribe_txt_p{ font-size: 16px; } .subscribe_text { width: 100%; padding: 16px; } #store_subscribe .subscribe_txt_input { width: 100%; min-width: auto; } #store_subscribe .subscribe_verify { width: 75%; } #store_subscribe .sub_button{ font-size: 16px; font-weight: 400; width: auto; } } </style > <section id="store_subscribe" > <div class='bg_color_subscirbe' > <div class="subscribe"> <div class="subscribe_text"> <p class="subscribe_title" style='color: #000000' >Get the latest on XPPen products, free trials, and more.</p> <p class="subscribe_txt_p" style='color: #000000' ></p>  <div class="subscribe_txt_input"> <div class="subscribe_verify"> <div class="subscribe_verifyBox">  <input type="hidden" name="tokenSubscribeInput" id="tokenSubscribeInput" value="fcbc97df930359c18a3507fde19654fe"> <input type="email" name="emailSubscribeInput" class="validate emailSubscribeInput" id="index_email" value="" onfocus="this.placeholder='' " onblur="this.placeholder='YOUR_EMAIL'" placeholder="YOUR_EMAIL" /> </div> <div class="sub_prompt"> <em class="iconfont icon-colose"></em><span data-required="Please enter an email address" data-email="Mailbox format error"></span> </div> </div> <span class="sub_button" style='background-color: #000000;color:#000000' >Subscribe Now</span> </div>  </div> </div> </div> </section> <script type="text/javascript"> $(function(){ $('.sub_button').click(function(){ var emailSubscribeInput = $('.emailSubscribeInput').val(); if (emailSubscribeInput == '') { layer.tips(L('ENTER_YOUR_ACCOUNT_NUMBER'), '.emailSubscribeInput', {tips: [1, '#d9534f']}); $('.emailSubscribeInput').focus(); return false; } var index = layer.load(1); var payload = {'email': emailSubscribeInput, 'tokenSubscribeInput': $('#tokenSubscribeInput').val()}; if(_LANG_ == 'de'){ payload = {'email': emailSubscribeInput, 'tokenSubscribeInput': $('#tokenSubscribeInput').val(),'coupon_id':136} } $.post("https://www.storexppen.my/subscribe/subscribe.html", payload, function(data) { layer.close(index); $('#tokenSubscribeInput').val(data.data.token); if (data.code == 1) { layer.msg(data.msg, {icon: 1}); } else { layer.tips(data.msg, '.emailSubscribeInput', {tips: [1, '#d9534f']}); $('.emailSubscribeInput').focus(); } }) }) }) </script>  <div id="backTop" class="backTop"><i class="iconfont icon-arrow-up icon"></i></div>   <style> /* 自定义弹窗样式 */ .lottery-popup-skin { width: 667px; height: auto; background-image: url('http://xpstore.oss-us-west-1.aliyuncs.com/img/pop04.webp'); background-size: 100%; background-color: #FF5100; border-radius: 16px; } /* 标题样式 */ .lottery-popup-skin .title { color: #fff; font-size: 20px; font-weight: bold; text-align: center; line-height: 1.5; height: auto; border: none; padding: 10px 0 8px 0; border-radius: 16px 16px 0 0; display: block; } /* 副标题容器 */ .lottery-subtitle { text-align: center; color: #fff; padding: 0 20px 8px; flex-shrink: 0; } .lottery-subtitle h2 { font-size: 12px; font-weight: 400; text-align: center; margin-bottom: 24px; } .lottery-subtitle p { font-size: 14px; font-weight: bold; line-height: 1.4; height: 26px; } /* 关闭按钮样式 */ .lottery-popup-skin .layui-layer-close { color: #fff; font-size: 24px; font-weight: bold; } .lottery-popup-skin .layui-layer-content { display: block; height: auto !important; display: flex; flex-direction: column; } /* 左侧转盘容器 */ .lottery-wheel-container { width: 55%; padding: 16px; display: flex; align-items: center; justify-content: center; height: 392px; } .lottery-wheel { flex-shrink: 0; } /* 右侧内容容器 */ .lottery-content-container { width: 45%; padding: 16px; padding-left: 0; background: #fff; border-radius: 0 16px 16px 0; display: flex; flex-direction: column; justify-content: center; height: auto; } /* 表单样式 */ .lottery-form { /* padding: 20px; */ } .lottery-form-title { font-size: 20px; font-weight: bold; margin-bottom: 24px; color: #000; } .lottery-form-title-new { font-size: 14px; font-weight: bold; margin-bottom: 8px; color: #000; text-align: center; } .lottery-form .form-group { margin-bottom: 8px; } .lottery-form input { width: 100%; height: 40px; border: 1px solid #E5E5E5; border-radius: 4px; padding: 0 12px; font-size: 14px; outline: none; } .lottery-form input::placeholder { color: #999; } .lottery-form .captcha-group { display: flex; gap: 12px; } .lottery-form .captcha-group input { flex: 1; } .lottery-form .captcha-group img { width: 120px; height: 40px; border-radius: 4px; } .lottery-form .form-checkbox { display: flex; align-items: flex-start; gap: 8px; margin: 8px 0; } .lottery-form .form-checkbox input[type="checkbox"] { width: 16px; height: 16px; margin-top: 3px; border: none; padding: 0; } .lottery-form .form-checkbox label { font-size: 12px; line-height: 1.4; color: #666; } .agreement { font-size: 12px; margin-top: 8px; } .agreement a { font-weight: bold; color: #000; } .agreement a:hover { color: #FF640A; text-decoration: underline!important; } .lottery-form button { width: 100%; height: 48px; background: #FF640A; border-radius: 4px; color: #fff; font-size: 16px; font-weight: bold; border: none; cursor: pointer; text-align: center; } .lottery-form button:hover { background: #ff7a33; } /* 模糊效果容器 */ .lottery-popup-skin:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: inherit; filter: blur(190px); z-index: -1; } .pc-tip { display: block; } .h5-tip { display: none; } .lottery-white-box { display: flex; background: #fff; border-radius: 16px; margin: 0 6px 6px 6px; flex: 1; } @media screen and (max-width: 768px) { .lottery-popup-skin { width: 90% !important; max-width: 400px; background-image: none; } .popup_countdown { display: block!important; background-color: #FF640A; border-radius: 4px; padding: 4px 5px; width: fit-content; margin: 0 auto; margin-top: 8px; margin-bottom: 20px; } .lottery-wheel-container { height: auto; } .popup_countdown span { color: #fff; } .pc-tip { display: none; } .h5-tip { display: block; max-width: 280px; text-align: center; margin: 0 auto; font-size: 12px; font-weight: bold; margin-top: 8px; color: #000; } .lottery-popup-skin .layui-layer-content > div:last-child { flex-direction: column; } .lottery-wheel { margin: 0 auto; } .lottery-subtitle { padding-bottom: 0; } .lottery-wheel-container, .lottery-content-container { width: 100% !important; flex-direction: column; border-radius: 16px; } .lottery-content-container { display: none; /* 初始隐藏注册表单 */ } .lottery-content-container { padding: 20px; } .lottery-tips { display: none; } .lottery-wheel-container { padding: 16px 0 0 0; display: block ; /* 始终显示转盘容器 */ } .lottery-wheel-container.disabled .start-register-btn { display: block !important; /* 未注册时显示注册按钮 */ text-align: center; padding: 8px 0; max-width: 300px; } .start-register-btn { display: block; width: 80%; margin: 0 auto 20px; padding: 12px 0; background: #FF5100; color: #fff; border: none; border-radius: 4px; font-size: 16px; font-weight: bold; cursor: pointer; } /* 转盘最小化样式 */ .lottery-wheel-container.minimized { padding: 10px 0; } .lottery-wheel-container.minimized #lottery-wheel { transform: scale(0.6); transition: transform 0.3s ease; } .lottery-wheel-container.minimized .h5-tip, .lottery-wheel-container.minimized .start-register-btn { display: none !important; } .lottery-white-box { display: flex; background: #fff; border-radius: 16px;margin:16px; } .lottery-white-box { min-height: 300px; } } </style> <div class="xp_foot" id="xp_foot"> <div class="xp_foot_1400"> <div class="row"> <div class="qx_padd"> <dl class="foot_off"> <dt>Help <i class="iconfont icon-a-icon1x-9"></i> </dt> <dd><a href="/article/3.html" aria-label="link">Registration</a></dd> </dl> </div> <div class="qx_padd"> <dl class="foot_off"> <dt>Shopping & distribution <i class="iconfont icon-a-icon1x-9"></i> </dt> <dd><a href="/article/7.html" aria-label="link">Ordering & Payment</a></dd> </dl> </div> <div class="qx_padd"> <dl class="foot_off"> <dt>Service <i class="iconfont icon-a-icon1x-9"></i> </dt> <dd><a href="/article/9.html" aria-label="link">Returns Policy</a></dd> <dd><a href="/article/6.html" aria-label="link">Warranty Policy</a></dd> <dd><a href="/article/12.html" aria-label="link">Privacy Policy</a></dd> <dd><a href="/article/13.html" aria-label="link">Shipping Policy</a></dd> <dd><a href="https://www.storexppen.my/article/11.html" aria-label="link">Terms and Conditions</a></dd> </dl> </div> <div class="qx_padd"> <dl class="foot_off"> <dt>Concern us <i class="iconfont icon-a-icon1x-9"></i> </dt> <dd><a href="https://www.storexppen.ph/article/8.html" aria-label="link">About us</a></dd> <dd><a href="/article/10.html" aria-label="link">Contact us</a></dd> </dl> </div> <div class="qx_padd"> <dl class="foot_off"> <dt>FOLLOW US <i class="iconfont icon-a-icon1x-9"></i></dt> <dd><a href="https://www.facebook.com/Xp-pen-Malaysia-107998390624125"> <i class="iconfont icon-facebook"></i>Facebook </a></dd> <dd><a href="https://www.instagram.com/xppen_my/"> <i class="iconfont icon-Instagram"></i>Instagram </a></dd> </dl> </div> </div> <div class="row">  <div class="foot_margin foot_svg"> <div class=" foot_paypal"> <object data="https://resource.xp-pen.com/static/images/20240815/236EM2hw8fJjH9fsMGCX.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240815/EFyGTpVNNQuHVMGX4cZt.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240815/wRp8ZnwP3O4w8FEJ8Nf7.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240815/OrIY7FUwDtuA4FfpYARJ.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240815/5dRhLI2F4lv7AKmR3J7L.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240815/KZyONK2eY1c3TK375W7d.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240815/9uhyhEIXQTX3FwVpY7An.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240815/i2AQt4tuPTcCh74P1yUs.png" aria-label="icon"></object> </div> </div>  </div>   <div class="foot_row2"> <div class="foot_row2_txt"> <p style="text-align: center;">Copyright© 2025 HANVON UGEE (HK) TECHNOLOGY CO., LIMITED All Rights Reserved.</p> </div> <div class="foot_margin foot_margin_end"> <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"> <p class="current_site_name">Malaysia Official Store</p> <p class="icon-warpper"> <i class="iconfont icon-inter tong_icon pull-left"></i></p> </div> </div> </div> </div> </div> <script src="https://unpkg.com/lucky-canvas@1.7.25"></script> <script type="text/javascript" src="/newxp/static2024/js/index/homefoot.js"></script> <script> $('.countryLanguageSelectOpen2').click(function () { $('#store_SiteSwitch2').css('margin-top',`0px`) }) </script> <script> $(function() { function setCookie(name, value, days) { let expires = ''; if (days) { const date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = '; expires=' + date.toUTCString(); } document.cookie = name + '=' + (value || '') + expires + '; path=/'; } function getCookie(name) { const nameEQ = name + '='; const ca = document.cookie.split(';'); for(let i = 0; i < ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; } // 添加登录页面判断函数 function checkLoginPage() { const currentUrl = window.location.href; if (currentUrl.indexOf('/login/index.html') > -1) { const urlParams = new URLSearchParams(window.location.search); const jumpUrl = urlParams.get('jumpUrl'); // 如果jumpUrl指向购买页面，则不显示弹窗 if (jumpUrl && ( jumpUrl.indexOf('/buy/') > -1 || jumpUrl.indexOf('buy_mobile.html') > -1 )) { return false; } } return true; } // 修改原有的弹窗显示逻辑 if(window.location.href.indexOf('/buy') > -1 && checkLoginPage() && _LANG_ =='fr') { // 初始化变量 let hasChecked = false; let lotteryLayerIndex; let popContent = ''; // 存储弹窗内容 let uid; // 存储用户ID let countdownTimer; // 存储倒计时定时器 let countdownStarted = false; // 标记倒计时是否已经开始 let currentStep = 'initial'; // 记录当前步骤：initial=初始状态, verify=验证码状态, success=注册成功状态 let firstStepData = null; // 存储第一步的表单数据 const ENTRY_DISPLAY_TIME = 30 * 60; // 入口显示时间（30分钟） const ONE_DAY = 24 * 60 * 60 * 1000; // 24小时的毫秒数 let lotteryData = null; // 点击入口图标重新打开弹窗 $('#lottery_entry').on('click', function() { // 检查是否应该显示弹窗 if (!checkLoginPage()) { return; } hwtag("event", "popup_click", { click_type: '点击倒计时弹窗', // 点击元素类型 element_type: 'OBS-MktReg-Pop-1', // 当前坑位类型编码 element_type_name: '网站弹窗', // 当前坑位类型名称 element_id: 'OBS-MktReg-Pop-1_1', // 坑位元素编码 element_name:'即时营销弹窗' // 坑位元素名称 }); const hasRegistered = getCookie('lottery_registered'); const hasDrawn = getCookie('lottery_drawn'); if (hasDrawn) { try { // 调用获取中奖信息接口 $.ajax({ url: '/lottery/getLotteryWinnerList', type: 'post', data: { winner_id: JSON.parse(hasDrawn).unique_id, device_id: getCookie('hw_tag_device_id'), lottery_id: JSON.parse(hasDrawn).activity_id, }, success: function(result) { if(result.code === 1) { console.log(result.data.winner_prize_list[0]) layer.open({ type: 1, title: false, closeBtn: 1, area: ['400px','auto'], skin: 'lottery-popup-skin', content: result.data.pop_window.replace( 'src=""', `src="${result.data.prize_info.prize_image}"` ).replace( '<h3 style="font-size: 20px; color: #000; margin-bottom: 16px;display: none;"></h3>', `<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>` ).replace( 'font-weight: bold;\"></p>', `font-weight: bold;">${result.data.winner_prize_list[0].lottery_winner_coupon_sn}</p>` ).replace( 'Code promo:</', `Code promo:${result.data.winner_prize_list[0].lottery_winner_coupon_sn}</` ) }); } else { console.error('Failed to get winner info:', result.msg); } }, error: function() { console.error('Network error when getting winner info'); } }); } catch (e) { console.error('Failed to parse prize info:', e); return; } return; } // 如果已注册但未抽奖，设置状态 if (hasRegistered) { currentStep = 'success'; uid = getCookie('lottery_uid'); } // 如果已经有数据，直接使用 if(lotteryData) { showLotteryPopup( lotteryData.pop_window, lotteryData.lottery_info, lotteryData.lottery_rule_list ); return; } // 第一次点击时获取数据 $.ajax({ url: '/lottery/checkIfCanPopRegisterDrawPrize/device_id/'+getCookie('hw_tag_device_id'), type: 'GET', dataType: 'json', success: function(response) { if(response.code === 1) { // 保存接口返回的数据 lotteryData = response.data; showLotteryPopup( lotteryData.pop_window, lotteryData.lottery_info, lotteryData.lottery_rule_list ); }else { $('#lottery_entry').css('display','none'); if(lotteryLayerIndex) { layer.close(lotteryLayerIndex); } } } }); }); // 从 localStorage 获取累计时间和最后更新时间戳 let accumulatedTime = parseInt(localStorage.getItem('buyPageStayTime') || '0'); let lastTimestamp = parseInt(localStorage.getItem('lastBuyPageTimestamp')) || new Date().getTime(); // 如果存在上次时间戳，计算页面关闭期间的时间不计入累计时间 if (lastTimestamp) { const now = new Date().getTime(); // 如果距离上次更新超过3秒，说明页面可能被关闭过，重置lastTimestamp if (now - lastTimestamp > 3000) { lastTimestamp = now; } } // 更新最后时间戳 localStorage.setItem('lastBuyPageTimestamp', lastTimestamp.toString()); // 获取倒计时开始时间和剩余时间 const countdownStartTime = localStorage.getItem('lotteryCountdownStart'); let remainingTime; if(countdownStartTime) { // 如果已经开始计时，计算剩余时间 const elapsedTime = Math.floor((new Date().getTime() - parseInt(countdownStartTime)) / 1000); remainingTime = ENTRY_DISPLAY_TIME - elapsedTime; if(remainingTime > 0) { // 如果还有剩余时间，显示入口并开始倒计时 $('#lottery_entry').show(); startCountdown(); } else { // 如果时间已到，记录到localStorage localStorage.setItem('lastLotteryPopupTime', new Date().getTime().toString()); } } else { remainingTime = ENTRY_DISPLAY_TIME; } // 检查是否在24小时内已经显示过 const lastPopupTime = localStorage.getItem('lastLotteryPopupTime'); if (lastPopupTime && (new Date().getTime() - parseInt(lastPopupTime)) < ONE_DAY) { // 如果在24小时内已经显示过，不再执行后续代码 return; } // 定时检查停留时间 const timeCheckInterval = setInterval(function() { const currentTime = new Date().getTime(); const timeDiff = currentTime - lastTimestamp; // 如果时间差异过大（超过3秒），说明页面可能被挂起或切换 if (timeDiff > 3000) { lastTimestamp = currentTime - 1000; // 只计算1秒的时间 } // 计算这次间隔增加的时间（秒） const intervalSeconds = Math.floor((currentTime - lastTimestamp) / 1000); if (intervalSeconds > 0) { // 只有在有实际时间增加时才更新 // 更新累计时间 accumulatedTime += intervalSeconds; // 更新最后时间戳 lastTimestamp = currentTime; // 保存累计时间和时间戳到 localStorage localStorage.setItem('buyPageStayTime', accumulatedTime.toString()); localStorage.setItem('lastBuyPageTimestamp', lastTimestamp.toString()); // 使用累计时间判断 if(accumulatedTime >= 20 && !hasChecked && !countdownStartTime) { hasChecked = true; // 立即停止计时 clearInterval(timeCheckInterval); // 发送AJAX请求获取弹窗内容 $.ajax({ url: '/lottery/checkIfCanPopRegisterDrawPrize/device_id/'+getCookie('hw_tag_device_id'), type: 'GET', dataType: 'json', success: function(response) { if(response.code === 1) { // 保存接口返回的数据 lotteryData = response.data; showLotteryPopup( lotteryData.pop_window, lotteryData.lottery_info, lotteryData.lottery_rule_list ); // 设置24小时内已弹出的标记，而不是清除累计时间 localStorage.setItem('lastLotteryPopupTime', new Date().getTime().toString()); } else { // 在这里隐藏入口以及弹窗 $('#lottery_entry').css('display','none'); if(lotteryLayerIndex) { layer.close(lotteryLayerIndex); } // 同样设置标记 localStorage.setItem('lastLotteryPopupTime', new Date().getTime().toString()); } } }); // 达到目标时间后直接返回，不再继续计时 return; } } }, 200); // 在抽奖成功时清除累计时间 function clearAccumulatedTime() { localStorage.removeItem('buyPageStayTime'); localStorage.removeItem('lastBuyPageTimestamp'); } // 倒计时函数 function startCountdown() { countdownStarted = true; const $countdown = $('#entry_countdown'); countdownTimer = setInterval(function() { remainingTime--; // 更新倒计时显示 const minutes = Math.floor(remainingTime / 60); const seconds = remainingTime % 60; const countdownHtml = ` <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> <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> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px;">:</span> <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> <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> `; $countdown.html(countdownHtml); // 更新弹窗中的倒计时 $('.popup_countdown').html(countdownHtml); // 时间到，隐藏入口和关闭弹窗 if(remainingTime <= 0) { clearInterval(countdownTimer); // 先隐藏入口 $('#lottery_entry').fadeOut().promise().done(function() { $(this).hide(); // 再关闭弹窗 layer.closeAll(); }); // 记录弹窗消失的时间 localStorage.setItem('lastLotteryPopupTime', new Date().getTime().toString()); // 清除倒计时开始时间 localStorage.removeItem('lotteryCountdownStart'); // 重置变量 countdownStarted = false; remainingTime = ENTRY_DISPLAY_TIME; } }, 1000); } // 显示抽奖弹窗函数 function showLotteryPopup(popContent, lotteryInfo, prizeList) { // 添加打开抽奖页面埋点 hwtag("event", "OPEN_DRAW_PRIZE_PAGE", { lottery_id: lotteryInfo.id, lottery_name: lotteryInfo.lottery_name, }); // 检查是否已注册和抽奖 const hasRegistered = getCookie('lottery_registered'); const hasDrawn = getCookie('lottery_drawn'); if (hasDrawn) { try { // 调用获取中奖信息接口 $.ajax({ url: '/lottery/getLotteryWinnerList', type: 'post', data: { winner_id: hasDrawn.winner_id, device_id: getCookie('hw_tag_device_id'), lottery_id: hasDrawn.activity_id, }, success: function(result) { if(result.code === 1) { console.log(result.data.winner_prize_list[0]) layer.open({ type: 1, title: false, closeBtn: 1, area: ['400px','auto'], skin: 'lottery-result-skin', content: result.data.pop_window.replace( 'src=""', `src="${result.data.prize_info.prize_image}"` ).replace( `<h3 style="font-size: 20px; color: #000; margin-bottom: 16px;display: none;">${result.data.winner_prize_list[0].lottery_winner_coupon_sn}</h3>`, `<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>` ).replace( 'font-weight: bold;\"></p>', `font-weight: bold;">${result.data.winner_prize_list[0].lottery_winner_coupon_sn}</p>` ) }); } else { console.error('Failed to get winner info:', result.msg); } }, error: function() { console.error('Network error when getting winner info'); } }); } catch (e) { console.error('Failed to parse prize info:', e); return; } return; } // 如果已注册但未抽奖，直接显示抽奖界面 if (hasRegistered) { currentStep = 'success'; uid = getCookie('lottery_uid'); } // 先关闭所有已存在的弹窗 layer.closeAll(); // 隐藏入口 $('#lottery_entry').hide(); // 根据当前步骤显示对应内容 let formContent = ''; if (hasRegistered || currentStep === 'success') { // 直接显示抽奖界面 formContent = ` <div class="lottery-tips" style="text-align:center;padding:20px;"> <img src="http://xpstore.oss-us-west-1.aliyuncs.com/img/pop03.webp" alt=""> <p style="text-align: center;font-size: 14px;color: #000;font-weight:500;">Bravo,inscription réussie ! Cliquez à gauche pour gagner!</p> </div> `; // 清除之前的内容并显示新内容 setTimeout(() => { $('.lottery-content-container').empty().html(formContent).show(); // 移除抽奖按钮的禁用状态 $('.lottery-wheel-container').removeClass('disabled'); // 确保抽奖按钮可见 $('.lottery-wheel-container').show(); $('.start-register-btn').hide() }, 0); } else if (currentStep === 'verify' && firstStepData) { formContent = ` <div class="form-group"> <input type="text" name="verify_code" placeholder="Code de vérification*" required> <p class="verify-tip" style="font-size:12px;color:#666;margin-top:8px;text-warp:pretty"> Le code de vérification a été envoyé à votre e-mail </p> </div> <button type="button" id="confirmVerifyCode" style="margin-top:8px">Confirmer</button> `; // 移除 form-checkbox setTimeout(() => { $('.form-checkbox').hide(); $('button[type="submit"]').hide(); // 隐藏submit按钮 // 重新绑定验证码确认按钮点击事件 $('#confirmVerifyCode').on('click', function() { const verifyCode = $('input[name="verify_code"]').val(); if(!verifyCode) { layer.msg('Veuillez saisir le code de vérification', {icon: 2}); return; } // 显示loading const loadingIndex = layer.load(1, { shade: [0.3, '#fff'] }); // 发送第二步注册请求 $.ajax({ url: '/lottery/lottery_register', type: 'POST', data: JSON.stringify({ verify_code: verifyCode, // 用户输入的邮箱验证码 email: firstStepData.email, // 邮箱 nonce: firstStepData.nonce, // nonce值 is_agree: firstStepData.is_agree, // 是否同意订阅 pwd: firstStepData.pwd, // 密码 device_id: firstStepData.device_id // 设备ID }), contentType: 'application/json', success: function(res) { // 关闭loading layer.close(loadingIndex); if(res.code === 1) { // 设置注册成功的cookie setCookie('lottery_registered', '1', 7); setCookie('lottery_uid', res.data.sso_uid, 7); // 保存用户信息到cookie setCookie('lottery_user_info', JSON.stringify({ email: firstStepData.email, uid: res.data.sso_uid, device_id: firstStepData.device_id }), 7); // 注册成功 layer.msg('Inscription réussie!', {icon: 1}); uid = res.data.sso_uid; currentStep = 'success'; // 清除之前的内容并显示抽奖界面 const successContent = ` <div class="lottery-tips" style="text-align:center;padding:20px;"> <img src="http://xpstore.oss-us-west-1.aliyuncs.com/img/pop03.webp" alt=""> <p style="text-align: center;font-size: 14px;color: #000;font-weight:500;">Bravo,inscription réussie ! Cliquez à gauche pour gagner!</p> </div> `; $('.lottery-content-container').empty().html(successContent).show(); // 移除抽奖按钮的禁用状态 $('.lottery-wheel-container').removeClass('disabled'); // 确保抽奖按钮可见 $('.lottery-wheel-container').show(); } else { layer.msg(res.data.msg || 'Échec de la vérification', {icon: 2}); } }, error: function() { // 关闭loading layer.close(loadingIndex); layer.msg('Erreur de réseau', {icon: 2}); } }); }); }, 0); } else { formContent = popContent; currentStep = 'initial'; firstStepData = null; } // 如果是第一次显示弹窗，开始倒计时 if (!countdownStarted) { // 记录倒计时开始时间 localStorage.setItem('lotteryCountdownStart', new Date().getTime().toString()); startCountdown(); } // 处理奖品列表数据 const prizes = prizeList.map((prize, index) => ({ background: index % 2 === 0 ? '#FFF9E3' : '#FFA72B', fonts: [{ text: prize.prize_name, top: '56%', fontSize: '10px', fontColor: index % 2 === 0 ? '#FF5100' : '#FFF', lineClamp: 4, }], imgs: [{ src: prize.prize_image, width: '40px', height: '40px', top: '12%' }] })); // 使用layer弹窗 lotteryLayerIndex = layer.open({ type: 1, closeBtn: 1, area: ['700px', 'auto'], shadeClose: true, skin: 'lottery-popup-skin', offset: 'auto', anim: 0, resize: false, fixed: true, isOutAnim: false, cancel: function() { // 如果倒计时已结束，同时隐藏入口 if(remainingTime <= 0) { $('#lottery_entry').fadeOut().promise().done(function() { $(this).hide(); }); } else { $('#lottery_entry').fadeIn(); } }, success: function(layero, index) { // 等待内容加载完成后重新计算高度 setTimeout(() => { const $content = $(layero).find('.layui-layer-content'); const height = $content.children().outerHeight(); $content.height(height); }, 100); }, content: ` <div class="lottery-subtitle"> <div class="title">Inscrivez-vous maintenant</div> <h2>Gagnez des cadeaux exclusifs !</h2> <p class="pc-tip">Offre surprise, achetez maintenant ! Ne laissez pas passer la chance!<span class="popup_countdown"></span></p> </div> <div class="lottery-white-box" style="display: flex; background: #fff; border-radius: 0 0 16px 16px;margin:0 6px 6px 6px"> <div class="lottery-wheel-container disabled"> <div id="lottery-wheel" style="margin: 0 auto;"></div> <p class="h5-tip">Offre surprise, achetez maintenant ! Ne laissez pas passer la chance!</p> <div style="height:30px;margin-top:8px;margin-bottom:20px;"><div class="popup_countdown" style="display: none;"></div></div> <button class="start-register-btn" style="display: none;"> S'inscrire </button> </div> <div class="lottery-content-container"> <div class="lottery-form"> <h3 class="lottery-form-title-new">S'inscrire</h3> <form id="registerForm" style="margin-top:12px"> ${formContent} <div class="form-checkbox"> <input type="checkbox" id="newsletter" > <label for="newsletter"> Souhaitez-vous recevoir des offres spéciales de XPPen par e-mail ? </label> </div> <button type="submit" data-click-type="continue">Suivant</button> <div class="agreement">En créant un compte, vous acceptez <a href="https://www.storexppen.fr/article/12.html" target="_blank">les conditions d'utilisation de XPPen</a> et <a href="https://www.storexppen.fr/article/11.html" target="_blank">la politique de confidentialité</a>.</div> </form> </div> </div> </div>`, success: function(layero, index) { // 初始化抽奖转盘 const myLucky = new LuckyCanvas.LuckyWheel('#lottery-wheel', { width: '333px', height: '333px', blocks: [ { padding: '24px', imgs: [{ src: 'http://xpstore.oss-us-west-1.aliyuncs.com/img/pop01.webp', width: '100%', height: '100%', rotate: true }] } ], defaultConfig: { gutter: "2px", }, prizes: prizes, buttons: [ { radius: '29%', imgs: [{ src: 'http://xpstore.oss-us-west-1.aliyuncs.com/img/pop02.webp', width: '100%', top: '-150%' }] } ], start: function() { // 如果转盘是禁用状态,显示提示 if($('.lottery-wheel-container').hasClass('disabled')) { hwtag("event", "popup_click", { click_type: '未注册抽奖', // 点击元素类型 element_type: 'OBS-MktReg-Pop-1', // 当前坑位类型编码 element_type_name: '网站弹窗', // 当前坑位类型名称 element_id: 'OBS-MktReg-Pop-1_1', // 坑位元素编码 element_name:'即时营销弹窗' // 坑位元素名称 }); layer.msg('Inscrivez-vous d\'abord pour participer à la loterie', { time: 3000, icon: 2 }); return; } // 获取用户信息 const userInfo = JSON.parse(getCookie('lottery_user_info') || '{}'); // 显示loading const loadingIndex = layer.load(1, { shade: [0.3, '#fff'] }); // 发送抽奖请求 $.ajax({ url: '/lottery/drawPrize', type: 'POST', data: JSON.stringify({ device_id: getCookie('hw_tag_device_id'), lottery_id: lotteryInfo.id, uid: getCookie('lottery_uid') }), contentType: 'application/json', success: function(result) { // 关闭loading layer.close(loadingIndex); if(result.code === 1) { // 保存 winner_id 和活动 id const lotteryDrawnData = { winner_id: result.data.winner_id, activity_id: result.data.prize_info.id, unique_id: result.data.unique_id }; setCookie('lottery_drawn', JSON.stringify(lotteryDrawnData), 7); updatePubAttr({"account_id": getCookie('lottery_uid')}); // 添加抽奖埋点 hwtag("event", "CLICK_TO_DRAW_PRIZE", { lottery_id: result.data.prize_info.id, prize_id: result.data.prize_info.prize_id ? result.data.prize_info.prize_id : "0", winner_id: result.data.winner_id, lottery_name: result.data.prize_info.lottery_name }); hwtag("event", "popup_click", { click_type: '点击抽奖', // 点击元素类型 element_type: 'OBS-MktReg-Pop-1', // 当前坑位类型编码 element_type_name: '网站弹窗', // 当前坑位类型名称 element_id: 'OBS-MktReg-Pop-1_1', // 坑位元素编码 element_name:'即时营销弹窗' // 坑位元素名称 }); // 找到中奖奖品的索引 const index = prizeList.findIndex(item => item.prize_id === result.data.prize_info.prize_id ); if(index !== -1) { // 转动到中奖位置 myLucky.play(); setTimeout(() => { myLucky.stop(index); // 等待转盘停止后显示中奖弹窗 setTimeout(() => { layer.open({ type: 1, title: false, area: ['400px', 'auto'], shadeClose: false, skin: 'lottery-popup-skin', content: result.data.pop_window.replace( 'src=""', `src="${result.data.prize_info.prize_image}"` ).replace( '<h3 style="font-size: 20px; color: #000; margin-bottom: 16px;display: none;"></h3>', `<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>` ).replace( 'font-weight: bold;\"></p>', `font-weight: bold;">${result.data.prize_info.coupon_sn}</p>` ) }); }, 3000); }, 2500); } } else { layer.msg(result.msg || '抽奖失败', {icon: 2}); } } }); } }); // 等待转盘和内容加载完成后 setTimeout(() => { // 显示倒计时 if($(window).width() <= 768) { $('.popup_countdown').fadeIn(); } // 更新弹窗高度 const height = $(layero).find('.layui-layer-content').height(); layer.style(index, { height: height + 'px', top: '50%', marginTop: -(height/2) + 'px' }); }, 100); // 移动端处理 if($(window).width() <= 768) { $('.start-register-btn').show(); // 点击开始注册按钮 $('.start-register-btn').on('click', function() { $(this).hide(); // 隐藏按钮 $('.lottery-wheel-container').hide(); // 隐藏转盘 $('.lottery-content-container').fadeIn(); // 显示注册表单 // 重新计算弹窗高度 setTimeout(() => { const height = $(layero).find('.layui-layer-content').height(); layer.style(index, { height: height + 'px', top: '50%', marginTop: -(height/2) + 'px' }); }, 100); }); } // 移除之前可能存在的事件监听器 $('#registerForm').off('submit'); // 注册表单提交处理 $('#registerForm').on('submit', function(e) { e.preventDefault(); // 获取表单数据 const email = $('input[name="email"]').val(); const pwd = $('input[name="pwd"]').val(); const code = $('input[name="code"]').val(); // 密码格式校验 const pwdRegex = /(?=.*[a-zA-Z]+)(?=.*\d+)/; if (!pwdRegex.test(pwd) || pwd.length < 6 || pwd.length > 18) { layer.msg('Votre mot de passe doit contenir : caractères alphanumériques 6 à 18 caractères', { icon: 2, time: 3000 }); return; } // 验证必填字段 if(!email || !pwd || !code) { layer.msg('Veuillez remplir tous les champs obligatoires', {icon: 2}); return; } // 显示loading const loadingIndex = layer.load(1, { shade: [0.3, '#fff'] }); // 获取表单数据 const formData = { email: $('input[name="email"]').val(), pwd: $('input[name="pwd"]').val(), code: $('input[name="code"]').val(), nonce: $('input[type="hidden"][name="nonce"]').val(), is_agree: $('#newsletter').is(':checked') ? 1 : 0, device_id: getCookie('hw_tag_device_id') }; $.ajax({ url: '/lottery/lottery_register_verify', type: 'POST', data: JSON.stringify(formData), contentType: 'application/json', success: function(response) { // 关闭loading layer.close(loadingIndex); if(response.code === 1) { // 第一步验证成功，显示验证码输入框 currentStep = 'verify'; firstStepData = {...formData}; $('.lottery-form form').html(` <div class="form-group"> <input type="text" name="verify_code" placeholder="Code de vérification*" required> <p class="verify-tip" style="font-size:12px;color:#666;margin-top:8px;text-wrap:pretty"> Le code de vérification a été envoyé à votre e-mail. </p> </div> <button type="button" id="confirmVerifyCode" style="margin-top:8px">Confirmer</button> `); // 移除 form-checkbox $('.form-checkbox').hide(); $('button[type="submit"]').hide(); // 隐藏submit按钮 // 保存第一步的表单数据到全局变量 firstStepData = {...formData}; // 立即绑定验证码确认按钮点击事件 $('#confirmVerifyCode').on('click', function() { const verifyCode = $('input[name="verify_code"]').val(); if(!verifyCode) { layer.msg('Veuillez saisir le code de vérification', {icon: 2}); return; } // 显示loading const loadingIndex = layer.load(1, { shade: [0.3, '#fff'] }); // 发送第二步注册请求 $.ajax({ url: '/lottery/lottery_register', type: 'POST', data: JSON.stringify({ verify_code: verifyCode, // 用户输入的邮箱验证码 email: firstStepData.email, // 邮箱 nonce: firstStepData.nonce, // nonce值 is_agree: firstStepData.is_agree, // 是否同意订阅 pwd: firstStepData.pwd, // 密码 device_id: firstStepData.device_id // 设备ID }), contentType: 'application/json', success: function(res) { // 关闭loading layer.close(loadingIndex); if(res.code === 1) { // 设置注册成功的cookie setCookie('lottery_registered', '1', 7); setCookie('lottery_uid', res.data.sso_uid, 7); // 保存用户信息到cookie setCookie('lottery_user_info', JSON.stringify({ email: firstStepData.email, uid: res.data.sso_uid, device_id: firstStepData.device_id }), 7); // 注册成功 layer.msg('Inscription réussie!', {icon: 1}); uid = res.data.sso_uid; currentStep = 'success'; // 清除之前的内容并显示抽奖界面 const successContent = ` <div class="lottery-tips" style="text-align:center;padding:20px;"> <img src="http://xpstore.oss-us-west-1.aliyuncs.com/img/pop03.webp" alt=""> <p style="text-align: center;font-size: 14px;color: #000;font-weight:500;">Bravo,inscription réussie ! Cliquez à gauche pour gagner!</p> </div> `; $('.lottery-content-container').empty().html(successContent).show(); // 移除抽奖按钮的禁用状态 $('.lottery-wheel-container').removeClass('disabled'); // 确保抽奖按钮可见 $('.lottery-wheel-container').show(); } else { layer.msg(res.data.msg || 'Échec de la vérification', {icon: 2}); } }, error: function() { // 关闭loading layer.close(loadingIndex); layer.msg('Erreur de réseau', {icon: 2}); } }); }); } else { layer.msg(response.data.msg || 'Échec de l\'inscription', {icon: 2}); // 刷新验证码 refreshCaptcha($('.captcha-img')[0]); } } }); }); }, end: function() { // 只有在倒计时未结束时才显示入口 hwtag("event", "popup_click", { click_type: '关闭弹窗', // 点击元素类型 element_type: 'OBS-MktReg-Pop-1', // 当前坑位类型编码 element_type_name: '网站弹窗', // 当前坑位类型名称 element_id: 'OBS-MktReg-Pop-1_1', // 坑位元素编码 element_name:'即时营销弹窗' // 坑位元素名称 }); if(remainingTime > 0) { $('#lottery_entry').fadeIn(); } } }); } // 页面离开时清除定时器 $(window).on('beforeunload', function() { clearInterval(timeCheckInterval); if(countdownTimer) { clearInterval(countdownTimer); } if(lotteryLayerIndex) { layer.close(lotteryLayerIndex); } }); } }); </script> <div id="lottery_entry" style="display:none; position:fixed; right:20px; bottom:250px; z-index:999; cursor:pointer;"> <img src="http://xpstore.oss-us-west-1.aliyuncs.com/img/timeout.gif" width="120" height="120" alt="抽奖"> <div style="position: absolute; width: 100%; bottom: 10px; color: #fff; padding: 2px 8px; border-radius: 10px; font-size: 18px; text-align: center;"> <span id="entry_countdown"> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px">3</span> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px">0</span> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px">:</span> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px">0</span> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px">0</span> </span> </div> </div> <script type="text/javascript" src="/newxp/static2024/js/index/common.js?ver=202502241"></script> <script type="text/javascript" src="/newxp/static2024/js/module/module_common.js?ver=111"></script> <script type="text/javascript"> $(function () { $.fn.xploadingshow = function() { $('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>') $("body").css({"overflow":"hidden","height":"100vh"}) }; $.fn.xploadinghide = function() { $('.xppenloading-mask').remove() $("body").css({ "overflow": "auto", "height": "auto" }) }; const pictureLazy = () => { let winWidth = $(window).innerWidth() if (winWidth <= 996) { $(".lazymobie").scrollLoading();//移动端 } else { $(".lazypc").scrollLoading();//pc端 } $(".lazy").scrollLoading();//共用 } (window.onresize = () => { pictureLazy() })() // input 获取焦点事件 $(".validate").focus(function () { $(this).parent().addClass("sub_verify_focus"); }) // input失去焦点事件 $(".validate").blur(function () { //获取 span 元素 var error_span = $(this).parent().siblings().children('span'); if (this.value.length <= 0) { $(this).parent().removeClass("sub_verify_focus"); $(this).parent().siblings().addClass("sub_error"); var required = error_span.data("required"); error_span.text(required); return false; } // input email 正则邮箱验证 var zz = /^[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*@[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*\.[a-z]{2,}$/ if (zz.test($(this).val()) == false) { $(this).parent().siblings().addClass("sub_error"); var email_error = error_span.data("email"); error_span.text(email_error); return false; } else { $(this).parent().siblings().removeClass("sub_error"); } }) //sub_button点击事件 $(".sub_button").click(function () { var index_email = $("#index_email"); if (index_email.val().length <= 0) { index_email.focus(); index_email.parent().addClass("sub_verify_focus"); index_email.parent().siblings().addClass("sub_error"); var click_error_span = index_email.parent().siblings().children('span'); var click_required = click_error_span.data("required"); click_error_span.text(click_required); return false; } // input email 正则邮箱验证 var zz = /^[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*@[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*\.[a-z]{2,}$/ if (zz.test(index_email.val()) == false) { return false; } }) }) </script> </body> </html>  <script type="text/javascript"> $(function(){ //检查总站 if (uid == 0) { var sso_url = "https://account.xp-pen.com" + '/login/is_login?lang='+'my'; $.ajax({ type: 'POST', url: sso_url, xhrFields: {withCredentials: true}, data: { siteDomain: 'https://www.storexppen.my/', }, crossDomain: true, async: true, dataType: 'json', success:function(data) { if (data.code == 1) { //登录 $.post("https://www.storexppen.my/sso.login/index.html", data.data, function(ret) { if (ret.code == 1) { if(window.location.href.indexOf("login_success") >= 0 ) { var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe登录层页面的索引 parent.layer.close(index); //再执行关闭 window.parent.location.reload(); //刷新父类页面 return false; } location.reload(); //刷新当前页面 // dropdown_user(ret, 1); } }) } //是否禁用第三方cookie if (data.code == 0 && data.data == null) { update_href_url(); } } }) } //检查总站 if (uid > 0) { //弹窗关闭并刷新 if(window.location.href.indexOf("login_success") >= 0 ) { var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe登录层页面的索引 parent.layer.close(index); //再执行关闭 window.parent.location.reload(); //刷新父类页面 return false; } //是否禁用第三方cookie var phpsessid_sso = ''; var token_sso = ''; if (phpsessid_sso && token_sso) { var sso_url = "https://account.xp-pen.com" + '/login/status_login_ticket?lang=my'; $.ajax({ type: 'POST', url: sso_url, data: {'uid_sso': '0', 'token': token_sso, 'PHPSESSID': phpsessid_sso}, xhrFields: {withCredentials: true}, crossDomain: true, async: true, dataType: 'json', success:function (data) { //退出登录 if (data.code == 0) { $.ajax({ type: 'POST', url: 'https://www.storexppen.my/sso.login/logout_syn.html', async: true, dataType: 'json', success:function (ret) { dropdown_user(ret, 2, 'login'); } }) } //同步用户数据 if (data.code == 1) { $.post("https://www.storexppen.my/sso.user/edit.html", data.data, function(ret) { if (ret.code == 1) { var url = window.location.pathname; if (url.match('user')) { window.location.reload(); } } }) } } }) } else { var sso_url = "https://account.xp-pen.com" + '/login/status_login?uid_sso=0&lang=my'; $.ajax({ type: 'POST', url: sso_url, xhrFields: {withCredentials: true}, crossDomain: true, async: true, dataType: 'json', success:function (data) { //退出登录 if (data.code == 0) { $.ajax({ type: 'POST', url: 'https://www.storexppen.my/sso.login/logout_syn.html', async: true, dataType: 'json', success:function (ret) { dropdown_user(ret, 2); } }) } //同步用户数据 if (data.code == 1) { $.post("https://www.storexppen.my/sso.user/edit.html", data.data, function(ret) { if (ret.code == 1) { var url = window.location.pathname; if (url.match('user')) { window.location.reload(); } } }) } //同步登录的信息 if (data.code == 2) { $.post("https://www.storexppen.my/sso.login/index.html", data.data, function(ret) { if (ret.code == 1) { dropdown_user(ret, 1); window.location.reload(); } }) } } }) } } }) //更新用户头像和购物车（导航栏） function dropdown_user(ret, type, login) { var login = login||''; var url = window.location.pathname; if (type == 1) { var sso_url = "https://account.xp-pen.com"; $('#login_dropdown').empty(); //头像更新 var html_user = "\t\t\t\t\t<a href=\"https://www.storexppen.my/login/index.html?jumpUrl=https://www.storexppen.my/\" class=\"login1\"><img src=\""+ret.data.faceurl+"\"><input type='hidden' id='userId' value=\""+ret.data.uid+"\"></a>\n"+ "<ul class=\"navbar_account_menu login_content\">\n" + " <span class=\"nav_bagview_caret right_account\"></span>\n" + " <li><a href=\"https://www.storexppen.my/user.order/index.html\">My orders</a></li>\n" + " <li><a href=\"https://www.storexppen.my/user/index.html\">Account</a></li>\n" + " <li><a href=\"https://www.storexppen.my/user.info/edit.html\">Set up</a></li>\n" + " <li><a href=\""+sso_url+"/login/logout?jumpUrl=https://www.storexppen.my/&lang=my\">"+L('SIGN_OUT')+"</a></li>\n" + " </ul>"; $('#nav_accounts').html(html_user); // 购物车中心 if (url.match('/cart') && isDisable == 0) { window.location.reload(); } $('.icon_cart_num').text(ret.data.cart_count); } else if (type == 2) { // 个人中心 if ((url.match('/user/index') || url.match('/user.')) && isDisable == 0) { window.location.href = 'https://www.storexppen.my/'; return false; } // 购物车中心 if (url.match('/cart') && isDisable == 0) { window.location.reload(); } $('#nav_accounts').empty(); //头像更新 var sing = " Sign in"; var reg = "Register"; var html_user = '<a href="https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.my/&lang=my&webref=" class="login1">\ <i class="iconfont icon-account"></i>\ </a>\ <ul class="navbar_account_menu login_content">\ <span class="nav_bagview_caret right_account"></span>\ <li>\ <a id="login_url" href="https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.my/&lang=my&webref=" class="login2">'+sing+'</a>\ </li>\ <li>\ <a href="https://account.xp-pen.com/reg/index?jumpUrl=https://www.storexppen.my/&lang=my&webref=" class="login3">'+reg+'</a>\ </li>\ </ul>'; $('#nav_accounts').html(html_user); // 购物车图标为0 $('.icon_cart_num').text(0); if (login !== '') { update_href_url(); } // 移动端头像 $('#openUser').find('a').attr('href','https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.my/&lang=my&webref='); } } //是否禁用第三方cookie function update_href_url() { $('.login1').attr('href', $('.login1').attr('href') + '&login=2'); $('.login2').attr('href', $('.login2').attr('href') + '&login=2'); $('.login3').attr('href', $('.login3').attr('href') + '&login=2'); // console.log() $('#openUser').find('a').attr('href', $('#openUser').find('a').attr('href') + '&login=2'); } </script>  <script type="text/javascript"> $(function () { if (isDisable == 1) { layer.alert(L('USER_DISABLE_CONTENT'), { icon: 2, closeBtn: 0, title: L('PROMPT_MESSAGE'), btn: ['OK'] }, function () { window.location.reload(); }) return false; } if(_LANG_ == 'cl'){ //set country currency let currency = $("#nav_languages").find('span').not('.nav-country').html(); let content = ""; switch (currency){ case "CLP": content += "Chile/"+currency; break; case "PEN": content += "Peru/"+currency; break; case "USD": content += "Argentina/"+currency; break; case "UYU": content += "Uruguay/"+currency; break; case "COP": content += "Colombia/"+currency; break; } if(content){ $("#nav_languages").find('span').not('.nav-country').html(content) } } }) </script> <script type="module"> /** * 语言选择框 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ $.extend({ getCookie: function (name) { var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); if (arr = document.cookie.match(reg)) return unescape(arr[2]); else return null; }, setCookie: function (name, value,options) { var Days = 30; if(typeof options !== 'undefined'){ if(options?.expires){ Days = options.expires } } var exp = new Date(); exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + ";path=/"; }, getArrEqual: function (arr1, arr2) { let newArr = []; for (let i = 0; i < arr2.length; i++) { for (let j = 0; j < arr1.length; j++) { if (arr1[j] === arr2[i]) { newArr.push(arr1[j]); } } } return newArr; } }); $.fn.extend({ langCut: function () { var $this = this; var $div = $this.children('div'); var $btn = $this.children('button'); var $spinner = $this.find('.spinner-warp'); $btn.click(function (ev) { $div.stop().toggle(100, function () { $btn.find('i').css('transform', 'rotateX(' + ($(this).is(':hidden') ? '0' : '180deg') + ')'); }); ev.stopPropagation(); }); $spinner.click(function (ev) { ev.stopPropagation(); }); $(document).bind('click', function () { $div.stop().hide(100, function () { $btn.find('i').css('transform', 'rotateX(0)'); }); }); var _use_lang = $.getCookie('tr_lang'); $div.find('li p').each(function () { // 加载首次选择 if ($(this).data('lang') === _use_lang) { $(this).next().show(); return false; } }).click(function (ev) { ev.stopPropagation(); var old_lang = $.getCookie('tr_lang'); var select_lang = ev.target.dataset.lang; if (old_lang === select_lang) { return $btn.trigger('click'); } $spinner.show(); $.setCookie('tr_lang', select_lang, 60 * 60 * 24 * 30) window.location.reload(); }); }, mobileLangCut: function () { var $this = this; var $div = $this.children('div'); var $btn = $this.children('p'); var $spinner = $this.find('.spinner-warp'); var $close = $('.cus-close-btn'); $btn.click(function (ev) { $div.show(); $close.show(); }); $close.bind('click', function () { if ($div.is(':visible')) { $div.hide(); $(this).hide(); } }); var _use_lang = $.getCookie('tr_lang'); $div.find('li a').each(function () { // 加载首次选择 if ($(this).data('lang') === _use_lang) { $(this).next().show(); return false; } }).click(function (ev) { var old_lang = $.getCookie('tr_lang'); var select_lang = ev.target.dataset.lang; if (old_lang === select_lang) { return $btn.trigger('click'); } $spinner.show(); $.setCookie('tr_lang', select_lang, 60 * 60 * 24 * 30) window.location.reload(); }); } }); $('.cus-list-down').langCut(); $('.cus-mobile-lang').mobileLangCut(); // var default_lang = ""; var default_lang switch (_LANG_){ case "id": default_lang = 'id'; break; case "pl": default_lang = 'pl_pl'; break; default: default_lang = ''; break; } if(default_lang){ if(!$.getCookie('tr_lang')){ $.setCookie('tr_lang',default_lang); // window.location.reload(); } } if(_LANG_ == 'vn'){ if(!$.getCookie('xppen_popup')){ layer.open( { content: '<span style="font-size: 16px; text-align: left">Ngôn ngữ / Language </span>' + '<br>' , btn:['Tiếng Việt','English'], yes: function(index, layero){ //do something $.setCookie('tr_lang','vi'); $.setCookie('xppen_popup',1); window.location.reload(); layer.close(index); }, btn2: function(index, layero){ $.setCookie('tr_lang','vn'); $.setCookie('xppen_popup',1); window.location.reload(); layer.close(index); }, success: function(layero, index) { var closeBtn = layero.find('.layui-layer-close'); closeBtn.attr('aria-label', 'Close'); } } ); } } </script> <script> if ($(window).width() >= 768) { $(window).on('scroll', function () { $('.section-module .style_1.category').each(function () { if($(this).attr('data-item-count') !=1){ if ($(window).scrollTop() <= $(this).find('.title-header-static .nav').offset().top + $($(this).find('.category-list')[$(this).find('.nav-tab li.active').index()]).height()-540 && $(window).scrollTop() >= $(this).find('.title-header-static .nav').offset().top) { $(this).find('.title-header-float .nav').css({ 'position': 'fixed', 'z-index': '100', // 'right': $(document).width() - $(this).offset().left - $(this).width(), 'left' : '50%', 'transform': 'translate(-50%,0)', 'top': $('header').height() + 50 }) $(this).find('.title-header-float').show() } else { $(this).find('.title-header-float .nav ').css({ 'position': 'relative', 'right': 0 }) $(this).find('.title-header-float ').hide() } } }) }); } else { $('.nav-tab li').click(function () { var $container = $(this).parents(); var $element = $(this); var containerWidth = $container.width(); var elementWidth = $element.outerWidth(true); var elementPosition = $element.position().left; var scrollPosition = elementPosition - (containerWidth / 2) + (elementWidth / 2); $container.animate({ scrollLeft: scrollPosition }, 500); }) } function homeLazy() { $('#home_swiper1').find('.swiper-slide').each(function () { if ($(this).attr('data-swiper-slide-index') != 0) { $(this).find('source').each(function () { $(this).attr('srcset', $(this).attr('data-original')) }) $(this).find('img').attr('src', $(this).find('img').attr('data-original')) } }) } let executionTimes = 0 let bannerSwiperImg = $('.bannerSwiperImg') let bannerSwiperImgTime = setInterval(() => { let val = bannerSwiperImg.map((i, v) => { if (v.complete) { if ([0, 1, 2].includes(i) && executionTimes == 0) { homeLazy(); executionTimes++; } return true; } }) if (val.length === bannerSwiperImg.length/3) { clearInterval(bannerSwiperImgTime) // 继续轮播 var home_swiper11 = new Swiper('.l1 #home_swiper1', { //初始化Swiper autoplay: { //自动切换 delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, lazy: { loadPrevNext: false, }, navigation: { nextEl: '#swiper-button-next-banner1', prevEl: '#swiper-button-prev-banner1' }, pagination: { //分页器 el: '.home_pagination1', clickable: true, }, observer: true,//修改swiper自己或子元素时，自动初始化swiper observeParents: true,//修改swiper的父元素时，自动初始化swiper observeSlideChildren:true, //子slide更新时，swiper是否更新 spaceBetween: 10, centeredSlides: true, loop: true, resizeReInit: true, grabCursor: true, }); try { home_swiper11.autoplay.start(); } catch (error) { } try { // 跳到下一张轮播图，为了用户体验更好 home_swiper11.slideNext() }catch (e){ } } }, 1000); </script> <script> //评分 $(".star1").raty({ score: function() { return $(this).attr("data-num"); }, starOn: 'https://resource.xp-pen.com/img/test_picture/star-filled.svg', starOff: 'https://resource.xp-pen.com/img/test_picture/starOff.svg', starHalf: 'https://resource.xp-pen.com/img/test_picture/star-half-filled-s.png', readOnly: true, size: 20, }) $(document).on('click','.close_home',function (e) { $('.popup_home_box').hide(); $('.new_popup_home_box').hide(); localStorage.setItem('new_popup_home_box',1); clearInterval(time_pop_up); e.stopPropagation(); }) var time_pop_up; $(function (){ var popup_setting_type ="1"; var popup_seconds = "0"; var popup_daily = "0"; var popup_daily_time = "0"; if(localStorage.getItem('new_popup_home_box')!=1){ if($.getCookie('cookie_tpl')=='cookie_html_tpl1'){ if($.getCookie('XP_COOKIE_SETTING_MODE')==3){ showPopUp(popup_setting_type,popup_seconds,popup_daily,popup_daily_time) } }else{ showPopUp(popup_setting_type,popup_seconds,popup_daily,popup_daily_time) } } }) $(document).ready(function () { function checkButtonsAndToggleSwitch() { if ($('.seller-button-prev').hasClass('swiper-button-disabled') && $('.seller-button-next').hasClass('swiper-button-disabled')) { $('.sales-products .switch_button').hide(); } else { $('.sales-products .switch_button').show(); } if ($('.swiper-button-prev').hasClass('swiper-button-disabled') && $('.swiper-button-next').hasClass('swiper-button-disabled')) { $('.hot-products .switch_button').hide(); } else { $('.hot-products .switch_button').show(); } } // 页面加载时检查 checkButtonsAndToggleSwitch(); // 如果按钮状态可能动态改变，请确保在适当的地方调用checkButtonsAndToggleSwitch() // 例如，如果有函数动态添加或移除 .swiper-button-disabled 类 // 轮播图初始化 var home_swiper2 = new Swiper(".mySwiper", { slidesPerView: 3.6, spaceBetween: 24, loop: false, breakpoints: { 1919: { slidesPerView: 3.1, spaceBetween: 16, }, 768: { slidesPerView: '1.25', spaceBetween: 16, }, 480: { slidesPerView: '1.25', spaceBetween: 16, }, }, navigation: { nextEl: ".hot-products .swiper-button-next", prevEl: ".hot-products .swiper-button-prev", }, }); var seller_length = $('.sellerSwiper .swiper-slide').length if(seller_length > ($(window).width() <= 768 ? 2 : 4)){ var seller_Swiper = new Swiper(".sellerSwiper", { slidesPerView: 4, spaceBetween: 24, breakpoints: { 768: { slidesPerView: '2', spaceBetween: 8, }, }, navigation: { nextEl: ".seller-button-next", prevEl: ".seller-button-prev", }, }) }else { $('.sales-products .switch_button').css('display','none') var seller_Swiper = new Swiper(".sellerSwiper", { slidesPerView: 4, spaceBetween: 24, breakpoints: { 768: { slidesPerView: '2', spaceBetween: 8, }, }, }) } }); $('.category-list .item').mouseenter(function name(params) { $(this).children('a').find('img').css("transform","scale(1.05)") }) $('.category-list .item').mouseleave(function name(params) { $(this).children('a').find('img').css("transform","scale(1.0)") }) $('.category-list').hide(); $('.category-list-first').show(); $('.nav-tab li').click(function(event) { console.log($(this).parents('.category'),'>>>>'); $(this).addClass('active').siblings().removeClass('active'); $($(this).parents('.category').find('.title-header .nav-tab li')[$(this).index()]).addClass('active').siblings().removeClass('active'); var id = $(this).attr('data-id'); var $productContainer = $(this).closest('.category'); $productContainer.find('.subjects_'+id).siblings('.category-list').hide(); $productContainer.find('.subjects_'+id).siblings('.category-list').children('.category-banner').fadeOut(800); $productContainer.find('.subjects_'+id).siblings('.category-list').children('.item_list').hide() $productContainer.find('.subjects_'+id).show(); $productContainer.find('.subjects_'+id).children('.category-banner').fadeIn(800); $productContainer.find('.subjects_'+id).children('.item_list').show(); }) $(".nav-tab>li.active").trigger('click') </script> <script> var area = ['640px', '360px'] if ($(window).width() <= 768) { area = ['95vw', '60vw'] } function isInTimeRange() { const currentDate = new Date(); const beijingTimeOffset = 8; // 北京时间东八区偏移量 const year = 2024; const month = 9; // 10 月对应的索引是 9 const day = 22; const startHour = 19; const endHour = 22; // 计算北京时间的目标时间段开始和结束时间 const targetStartDate = new Date(Date.UTC(year, month, day, startHour - beijingTimeOffset, 0, 0)); const targetEndDate = new Date(Date.UTC(year, month, day, endHour - beijingTimeOffset, 0, 0)); return currentDate >= targetStartDate && currentDate <= targetEndDate; } const inRange = isInTimeRange(); if (inRange) { layer.open({ type: 1, shadeClose: true, //开启遮罩关闭 title: false, area: area, fixed: true, scrollbar: false, skin: 'liveStreaming-layui', content: `<iframe width="100%" height="100%" src="https://www.youtube.com/embed/50piVufgzgY?si=zRXzbY8sLITRDNym" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>`, success: function (layerObject, index) { layer.style(index, { overflow: 'visible' }); // layer.iframeAuto(index); } }); } </script> <style> .liveStreaming-layui iframe { width: 100%; height: 100%; } .liveStreaming-layui .layui-layer-content { overflow: visible; } </style>

CINXE.COM

XP-PEN Malaysia Official Store | XPPEN Malaysia Official Store