Artist 22 Plus - 16K | 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>Artist 22 Plus - 16K | XPPEN Malaysia Official Store</title> <meta name="keywords" content="XPPen Official store"/> <meta name="description" content="21.5 inches with X3 digital stylus"/> <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/buy/artist-22-plus.html">  <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=1741043470; 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> dataLayer=[{ 'ecomm_prodid':'1', 'ecomm_pagetype':'product', 'ecomm_totalvalue':"2028.00", }]; </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="it-IT" href="https://www.storexppen.it/buy/artist22plus.html" /> <link rel="alternate" hreflang="en-CA" href="https://www.xp-pen.com/ca-store/buy/artist-22-plus.html" /> <link rel="alternate" hreflang="ja-JP" href="https://www.storexppen.jp/buy/x3pro_artist_22_plus.html" /> <link rel="alternate" hreflang="pt-BR" href="https://www.storexppen.com.br/buy/artist-22-plus.html" /> <link rel="alternate" hreflang="es-MX" href="https://www.xp-pen.com/mx-store/buy/artist-22-plus.html" /> <link rel="alternate" hreflang="en-PH" href="https://www.storexppen.ph/buy/artist-22-plus.html" /> <link rel="alternate" hreflang="en-MY" href="https://www.storexppen.my/buy/artist-22-plus.html" /> <link rel="alternate" hreflang="en-SG" href="https://www.storexppen.sg/buy/artist-22-plus.html" /> <link rel="alternate" hreflang="en-ID" href="https://www.storexppen.id/buy/artist-22-plus.html" /> <link rel="alternate" hreflang="en-VN" href="https://www.storexppen.vn/buy/artist-22-plus.html" /> <link rel="alternate" hreflang="fr-FR" href="https://www.storexppen.fr/buy/artist-22-plus.html" /> <link rel="alternate" hreflang="de-DE" href="https://www.storexppen.de/buy/artist-22-plus.html" /> <link rel="alternate" hreflang="es-ES" href="https://www.storexppen.es/buy/artist-22-plus-pantalla-grafica.html" /> <link rel="alternate" hreflang="pt-PT" href="https://www.storexppen.pt/buy/artist-22-plus-tela-digitalizadora.html" /> <link rel="alternate" hreflang="pl-PL" href="https://www.storexppen.pl/buy/artist-22-plus.html" /> <link rel="alternate" hreflang="en-AU" href="https://www.xp-pen.com/au-store/buy/artist-22-plus.html" /> <link rel="alternate" hreflang="es-CL" href="https://www.xp-pen.com/la-clstore/buy/artist-22-plus.html" /> <link rel="alternate" hreflang="en-EU" href="https://www.storexppen.eu/buy/artist-22-plus.html" /> <link rel="alternate" hreflang="en-IN" href="https://www.storexppen.net/buy/artist-22-plus.html" /> <link rel="alternate" hreflang="x-default" href="https://www.xp-pen.com/store/buy/artist-22-plus.html" /> <link rel="alternate" hreflang="ko-KR" href="https://www.storexppen.kr/buy/22pluskr.html" />  <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': "goods", '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',"goods"); 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/buy/artist-22-plus.html&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/buy/artist-22-plus.html&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/buy/artist-22-plus.html&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/buy/artist-22-plus.html&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/productpage.css?ver=202502241"/> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/shoping/jq22.css?ver=202502241" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/index/detail.css?ver=202502241"> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/geren/index.css?ver=202502241"/> <link rel="stylesheet" type="text/css" href="/newxp/static2024/ace/css/select2.min.css" /> <script type="text/javascript" src="/newxp/static2024/ace/js/select2.min.js"></script> <style> .select2-container { max-width: 100%!important; } .select2-container .select2-selection--single{ height: 35px; margin-top: 20px; } .select2-selection__arrow { display: none; } .country_reference:after{ display: none; } .relation_list ul{ justify-content: center; } .relation_list ul li{ margin: 0 .5%; } .relation_list ul li .img img{ width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .essential-list{ margin-top: 14px; } .cus-label-ico{ position: absolute; top: -12px; right: -7px; } .cus-label-ico p{ position: absolute; top: 18px; left: -9px; color: #fff; font-size: 13px; font-weight: bold; width: 130px; text-align: center; white-space: nowrap; -webkit-transform: rotate(35deg) scale(.5); -moz-transform: rotate(35deg) scale(.5); -oz-transform: rotate(35deg) scale(.5); transform: rotate(35deg) scale(0.5); } .cus-label-info { position: absolute; right: 10px; bottom: 40px; color: #289864; font-weight: 400; font-size: 12px; line-height: 1.5; padding: 2px 8px ; background: #EBF9F2; border-radius: 4px 4px 4px 0px; border: 1px solid #ADE5CB; } .popover-header{ background-color: transparent; border: 0; } .popover-header,.popover-body{ padding: 0; font-size: 16px; color: rgba(0,0,0,0.8); line-height: 1.5; } .popover-header{ font-size: 16px; font-weight: 700; color: #000000; padding-bottom: 0; } .popover{ border: 0; box-shadow: 0px 8px 40px 0px rgba(0,0,0,0.08); } .specifications-popover-wapprer{ } .specifications-popover-wapprer .attribute{ margin-bottom: 24px; } .specifications-popover-wapprer .attribute .attribute-title{ font-size: 14px;color: #000000;line-height: 21px;margin-bottom: 8px; } .specifications-popover-wapprer .attribute .attribute-container .ac-item{ display: inline-block; height: 37px; line-height: 37px; border-radius: 4px 4px 4px 4px; padding: 0 16px; font-weight: 500; border: 1px solid #646464; margin-right: 16px; cursor: pointer; margin-bottom: 10px; } .specifications-popover-wapprer .attribute .attribute-container .ac-active{ border: 1px solid #FF640A !important; color: #FF640A; } .specifications-popover-wapprer .attribute .attribute-container .ac-disable{ border: 1px dashed #c9cdd0 !important; background-color: #f5f7f8 !important; color: #9ca0a4 !important; pointer-events: none; cursor: default; } .popover{ max-width: 450px; width: 450px; } .sp-confirm{ width: 100%; line-height: 40px; background: #FF640A; border-radius: 4px 4px 4px 4px; height: 40px; text-align: center; color: #fff; cursor: pointer; } .shipping_tips{ max-width: 500px; } </style> <script> var isOpenStateEstimate = 1</script> <div class="crumbs ellipsis" id="crumbs"> <a href="https://www.storexppen.my" aria-label="link">Home</a> <span>/</span> <a href="https://www.storexppen.my/series/pen-display.html" aria-label="link">Pen Display</a> <span>/</span> <span style="color: rgba(0,0,0,1);">Artist 22 Plus - 16K</span> </div> <script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.storexppen.my"},{"@type":"ListItem","position":2,"name":"Pen Display","item":"https://www.storexppen.my/series/pen-display.html"},{"@type":"ListItem","position":3,"name":"Artist 22 Plus - 16K","item":""}]}</script><style> .crumbs a:hover{ color: rgba(0,0,0,1); } </style>  <div class="homepage_1_2"> <div class="col-xl-7 col-lg-7 col-md-12 padding0" id="topHomePage" style="padding-left: 0;padding-right: 40px;"> <div></div> <div class="product-box">  <style> .zoom-gallery-slide { display: none!important; width: 100%; } .spec-preview{width: 100%;display: none} iframe{ width: 100%; height: 500px; } .spec-preview.active { display: inline-block; width: 100%; } .jqzoom{ float: inherit; height: 100%; } /* .jqzoom img{ width: 100%; height: 100%; background: none; } */ #videoPlayCover .icon-youtube1{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 60px; color: #ff011d; } .MagicZoom{ /*width: 100%!important;*/ } .video-slide { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-slide iframe, .video-slide object, .video-slide embed { position:absolute; top:0; left:0; width:100%; height:100%; } .wrapper{ position: fixed; display: none; justify-content: center; align-self: center; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999999; height: 100%; background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-color: rgba(255, 255, 255); background-size: 50%; } .wrapper:hover{ cursor: zoom-out; } .wrap_carousel { width: 90%; cursor:auto; max-width: 615px; overflow: hidden; margin: auto; left: 0; bottom: 0; right: 0; } .wrap_carousel .car_img{ /* display: inline-block; */ display: flex; align-items: center; height: 100%; /* transform: translate3d(0px, 0px, 0px); */ /* transition-duration: 500ms; */ } .wrap_carousel .car_img img { width: 100%; min-width: 625px; object-fit: cover; height: auto; flex: 1; } .sel_iconl { cursor: pointer; /* background-image: url(/static/images/iconL.png); */ width: 48px; height: 48px; position: absolute; left: 10px; top: 50%; text-align: center; border-radius: 50%; } .sel_icon i { font-size: 24px; color: #707070; font-size: 24px; background: #FFFFFF; border: 1px solid #CECCD3; border-radius: 50%; padding: 8px; transition: 0.5s; } .sel_icon i:hover{ background: rgba(0,0,0,0.06); /* border: 1px solid #E5E5E5; */ } .sel_icon i:active{ border: 1px solid #E5E5E5; color: #FF640A; } .sel_iconr { cursor: pointer; /* background-image: url(/static/images/iconR.png); */ width: 48px; height: 48px; position: absolute; right: 10px; top: 50%; text-align: center; border-radius: 50%; } .sel_close { cursor: pointer; /* background-image: url(/static/images/iconR.png); */ width: 48px; height: 48px; position: absolute; right: 10px; top: 10%; text-align: center; border-radius: 50%; } .thumbList { display: flex; justify-content: center; align-items: center; padding: 16px 0; gap: 15px; border-top: 2px solid #CECCD3; } .thumbList a{ display: inline-block; width: 46px; height: 46px; transition: 0.5s; } .thumbList .active img { border: 2px solid #FF640A; } .thumbList a img{ width: 100%; height: 100%; border: 2px solid #CECCD3; border-radius: 12px; } .thumbList .video-class { display: inline-block; position: relative; } .thumbList .icon-youtube1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 30px; color: #999; } @media screen and (max-width: 768px){ iframe{ width: 100%; height: 345px; } .thumbList{ display: none; } .sel_icon i { font-size: 16px; padding: 4px; } .wrap_carousel .car_img img { min-width: auto; } } .specification-container-iframe{ position: relative; } .specification-container-iframe .iconfont{ position: absolute; font-size: 80px; color: red; } </style> <div class="uy_1 clearfix"> <div class="left-pro"> <div class="t2"> <div class="left_img_photo img_photo"> <i class="iconfont icon-a-icon1x-33"></i> </div> <div class="showimg active" id="zoom1"> <img class="show main-image" src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" > <div class="showbox"></div>   </div> <div class="right_img_photo img_photo"> <i class="iconfont icon-a-icon1x-32"></i> </div> </div> <div class="t1">  <div id="showArea" class="selectors product-img"> <div id="showArea_li"> <a aria-label="link" href="#" class="imgCli1" id="sku_id_0" data-index="1" class='active' > <img src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" data-index="1" data-mobile-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ_745.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ_100_100.jpg" class="lazypc selectors-img" alt="image"> </a> <a aria-label="link" href="#" class="imgCli2" id="sku_id_0" data-index="2" > <img src="https://resource.xp-pen.com/Uploads/my/goods/20231103/fde2679539738e924c488ec504fd1012.jpg" data-index="2" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/fde2679539738e924c488ec504fd1012_745.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/fde2679539738e924c488ec504fd1012_100_100.jpg" class="lazypc selectors-img" alt="image"> </a> <a aria-label="link" href="#" class="imgCli3" id="sku_id_0" data-index="3" > <img src="https://resource.xp-pen.com/Uploads/my/goods/20231103/60f37ec9daff03a621e2008fff71de09.jpg" data-index="3" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/60f37ec9daff03a621e2008fff71de09_745.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/60f37ec9daff03a621e2008fff71de09_100_100.jpg" class="lazypc selectors-img" alt="image"> </a> <a aria-label="link" href="#" class="imgCli4" id="sku_id_0" data-index="4" > <img src="https://resource.xp-pen.com/Uploads/my/goods/20231103/38ac1c5374be7396e688635d0d9a8edd.jpg" data-index="4" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/38ac1c5374be7396e688635d0d9a8edd_745.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/38ac1c5374be7396e688635d0d9a8edd_100_100.jpg" class="lazypc selectors-img" alt="image"> </a> <a aria-label="link" href="#" class="imgCli5" id="sku_id_0" data-index="5" > <img src="https://resource.xp-pen.com/Uploads/my/goods/20231103/5c72cf39b7de3c50acaeee02bc57b236.jpg" data-index="5" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/5c72cf39b7de3c50acaeee02bc57b236_745.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/5c72cf39b7de3c50acaeee02bc57b236_100_100.jpg" class="lazypc selectors-img" alt="image"> </a> <a aria-label="link" href="#" class="imgCli6" id="sku_id_0" data-index="6" > <img src="https://resource.xp-pen.com/Uploads/my/goods/20231103/4f017132c77d3b6d2d9473af823bd2b5.jpg" data-index="6" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/4f017132c77d3b6d2d9473af823bd2b5_745.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/4f017132c77d3b6d2d9473af823bd2b5_100_100.jpg" class="lazypc selectors-img" alt="image"> </a> <a aria-label="link" href="#" class="imgCli7" id="sku_id_0" data-index="7" > <img src="https://resource.xp-pen.com/Uploads/my/goods/20231103/199f579833dc45402d456b6ab57d655e.jpg" data-index="7" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/199f579833dc45402d456b6ab57d655e_745.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/199f579833dc45402d456b6ab57d655e_100_100.jpg" class="lazypc selectors-img" alt="image"> </a> <a aria-label="link" href="#" class="imgCli8" id="sku_id_0" data-index="8" > <img src="https://resource.xp-pen.com/Uploads/my/goods/20231103/14d75c5847f8c642d1d460dbc8804ac7.jpg" data-index="8" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/14d75c5847f8c642d1d460dbc8804ac7_745.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/14d75c5847f8c642d1d460dbc8804ac7_100_100.jpg" class="lazypc selectors-img" alt="image"> </a> <a aria-label="link" href="#" class="imgCli9" id="sku_id_0" data-index="9" > <img src="https://resource.xp-pen.com/Uploads/my/goods/20231103/346906991adb7ce5db8ceec1fb0d8701.jpg" data-index="9" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/346906991adb7ce5db8ceec1fb0d8701_745.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/346906991adb7ce5db8ceec1fb0d8701_100_100.jpg" class="lazypc selectors-img" alt="image"> </a> <a aria-label="link" href="#" class="imgCli10" id="sku_id_0" data-index="10" > <img src="https://resource.xp-pen.com/Uploads/my/goods/20231103/c7f3613a8340db9208f131a2fb1babda.jpg" data-index="10" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/c7f3613a8340db9208f131a2fb1babda_745.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/c7f3613a8340db9208f131a2fb1babda_100_100.jpg" class="lazypc selectors-img" alt="image"> </a> </div> </div>  </div> <div class="t3"> </div> </div> </div> <div class="min_lb">  <div class="skuImgOpen" style="display: none;"></div> <div class="swiper-container specification-container"> <div class="swiper-wrapper">   <div class="swiper-slide alien_middle"><img alt="image" class=" thumbImg" src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ_500.jpg" data-original="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ_500.jpg" data-delay-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" width="100%" /><i class="iblock"></i></div>  <div class="swiper-slide alien_middle"><img alt="image" class=" thumbImg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/fde2679539738e924c488ec504fd1012_500.jpg" data-delay-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/fde2679539738e924c488ec504fd1012.jpg" width="100%" /><i class="iblock"></i></div>  <div class="swiper-slide alien_middle"><img alt="image" class=" thumbImg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/60f37ec9daff03a621e2008fff71de09_500.jpg" data-delay-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/60f37ec9daff03a621e2008fff71de09.jpg" width="100%" /><i class="iblock"></i></div>  <div class="swiper-slide alien_middle"><img alt="image" class=" thumbImg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/38ac1c5374be7396e688635d0d9a8edd_500.jpg" data-delay-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/38ac1c5374be7396e688635d0d9a8edd.jpg" width="100%" /><i class="iblock"></i></div>  <div class="swiper-slide alien_middle"><img alt="image" class=" thumbImg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/5c72cf39b7de3c50acaeee02bc57b236_500.jpg" data-delay-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/5c72cf39b7de3c50acaeee02bc57b236.jpg" width="100%" /><i class="iblock"></i></div>  <div class="swiper-slide alien_middle"><img alt="image" class=" thumbImg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/4f017132c77d3b6d2d9473af823bd2b5_500.jpg" data-delay-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/4f017132c77d3b6d2d9473af823bd2b5.jpg" width="100%" /><i class="iblock"></i></div>  <div class="swiper-slide alien_middle"><img alt="image" class=" thumbImg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/199f579833dc45402d456b6ab57d655e_500.jpg" data-delay-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/199f579833dc45402d456b6ab57d655e.jpg" width="100%" /><i class="iblock"></i></div>  <div class="swiper-slide alien_middle"><img alt="image" class=" thumbImg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/14d75c5847f8c642d1d460dbc8804ac7_500.jpg" data-delay-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/14d75c5847f8c642d1d460dbc8804ac7.jpg" width="100%" /><i class="iblock"></i></div>  <div class="swiper-slide alien_middle"><img alt="image" class=" thumbImg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/346906991adb7ce5db8ceec1fb0d8701_500.jpg" data-delay-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/346906991adb7ce5db8ceec1fb0d8701.jpg" width="100%" /><i class="iblock"></i></div>  <div class="swiper-slide alien_middle"><img alt="image" class=" thumbImg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/c7f3613a8340db9208f131a2fb1babda_500.jpg" data-delay-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/c7f3613a8340db9208f131a2fb1babda.jpg" width="100%" /><i class="iblock"></i></div> </div>   <div class="swiper-button-next"> <i class="iconfont icon-a-icon1x-32"></i> </div> <div class="swiper-button-prev"> <i class="iconfont icon-a-icon1x-33"></i> </div> </div> </div>  <div class="wrapper"> <div class="wrap_carousel"> <div class="car_img">  <img src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" data-num="1" alt=""> <img src="https://resource.xp-pen.com/Uploads/my/goods/20231103/fde2679539738e924c488ec504fd1012.jpg" data-num="2" alt=""> <img src="https://resource.xp-pen.com/Uploads/my/goods/20231103/60f37ec9daff03a621e2008fff71de09.jpg" data-num="3" alt=""> <img src="https://resource.xp-pen.com/Uploads/my/goods/20231103/38ac1c5374be7396e688635d0d9a8edd.jpg" data-num="4" alt=""> <img src="https://resource.xp-pen.com/Uploads/my/goods/20231103/5c72cf39b7de3c50acaeee02bc57b236.jpg" data-num="5" alt=""> <img src="https://resource.xp-pen.com/Uploads/my/goods/20231103/4f017132c77d3b6d2d9473af823bd2b5.jpg" data-num="6" alt=""> <img src="https://resource.xp-pen.com/Uploads/my/goods/20231103/199f579833dc45402d456b6ab57d655e.jpg" data-num="7" alt=""> <img src="https://resource.xp-pen.com/Uploads/my/goods/20231103/14d75c5847f8c642d1d460dbc8804ac7.jpg" data-num="8" alt=""> <img src="https://resource.xp-pen.com/Uploads/my/goods/20231103/346906991adb7ce5db8ceec1fb0d8701.jpg" data-num="9" alt=""> <img src="https://resource.xp-pen.com/Uploads/my/goods/20231103/c7f3613a8340db9208f131a2fb1babda.jpg" data-num="10" alt=""> <img src="" data-num="1" id="copy_img" alt=""> </div> </div> <div class="thumbList"> <a aria-label="link" href="#" id="sku_id_0" class="imgCli1" data-index="1" class='active' > <img alt="image" src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" data-mobile-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ_500.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ_100_100.jpg" class="lazypc selectors-img"> </a> <a aria-label="link" href="#" id="sku_id_0" class="imgCli2" data-index="2" > <img alt="image" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/fde2679539738e924c488ec504fd1012.jpg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/fde2679539738e924c488ec504fd1012_500.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/fde2679539738e924c488ec504fd1012_100_100.jpg" class="lazypc selectors-img"> </a> <a aria-label="link" href="#" id="sku_id_0" class="imgCli3" data-index="3" > <img alt="image" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/60f37ec9daff03a621e2008fff71de09.jpg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/60f37ec9daff03a621e2008fff71de09_500.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/60f37ec9daff03a621e2008fff71de09_100_100.jpg" class="lazypc selectors-img"> </a> <a aria-label="link" href="#" id="sku_id_0" class="imgCli4" data-index="4" > <img alt="image" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/38ac1c5374be7396e688635d0d9a8edd.jpg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/38ac1c5374be7396e688635d0d9a8edd_500.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/38ac1c5374be7396e688635d0d9a8edd_100_100.jpg" class="lazypc selectors-img"> </a> <a aria-label="link" href="#" id="sku_id_0" class="imgCli5" data-index="5" > <img alt="image" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/5c72cf39b7de3c50acaeee02bc57b236.jpg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/5c72cf39b7de3c50acaeee02bc57b236_500.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/5c72cf39b7de3c50acaeee02bc57b236_100_100.jpg" class="lazypc selectors-img"> </a> <a aria-label="link" href="#" id="sku_id_0" class="imgCli6" data-index="6" > <img alt="image" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/4f017132c77d3b6d2d9473af823bd2b5.jpg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/4f017132c77d3b6d2d9473af823bd2b5_500.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/4f017132c77d3b6d2d9473af823bd2b5_100_100.jpg" class="lazypc selectors-img"> </a> <a aria-label="link" href="#" id="sku_id_0" class="imgCli7" data-index="7" > <img alt="image" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/199f579833dc45402d456b6ab57d655e.jpg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/199f579833dc45402d456b6ab57d655e_500.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/199f579833dc45402d456b6ab57d655e_100_100.jpg" class="lazypc selectors-img"> </a> <a aria-label="link" href="#" id="sku_id_0" class="imgCli8" data-index="8" > <img alt="image" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/14d75c5847f8c642d1d460dbc8804ac7.jpg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/14d75c5847f8c642d1d460dbc8804ac7_500.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/14d75c5847f8c642d1d460dbc8804ac7_100_100.jpg" class="lazypc selectors-img"> </a> <a aria-label="link" href="#" id="sku_id_0" class="imgCli9" data-index="9" > <img alt="image" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/346906991adb7ce5db8ceec1fb0d8701.jpg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/346906991adb7ce5db8ceec1fb0d8701_500.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/346906991adb7ce5db8ceec1fb0d8701_100_100.jpg" class="lazypc selectors-img"> </a> <a aria-label="link" href="#" id="sku_id_0" class="imgCli10" data-index="10" > <img alt="image" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/c7f3613a8340db9208f131a2fb1babda.jpg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/c7f3613a8340db9208f131a2fb1babda_500.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/CoIIsufkobXVik5Pl0ZZ.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20231103/c7f3613a8340db9208f131a2fb1babda_100_100.jpg" class="lazypc selectors-img"> </a> </div> <span class="sel_iconl sel_icon" id="sel_w"><i class="iconfont icon-a-icon1x-33"></i></span> <span class="sel_iconr sel_icon" id="sle_rw"><i class="iconfont icon-a-icon1x-32"></i></span> <span class="sel_close sel_icon"><i class="iconfont icon-a-icon1x-31"></i></span> </div>  <script src="/newxp/static2024/js/index/jqzoom.js?ver=202502241"></script> <script> $(function () { $('.specification-container-iframe .iconfont').click(function(){ let sci = $('.specification-container-iframe').attr('data-youtube') let doc = new DOMParser().parseFromString(sci, 'text/html'); let iframe = doc.querySelector('iframe.video'); let src = iframe.src; iframe.src = src + '?autoplay=1'; sci = doc.body.innerHTML; $('.specification-container-iframe').attr('data-youtube',sci) $('.specification-container-iframe').html( $('.specification-container-iframe').attr('data-youtube')) }) $('#showArea a').eq(0).addClass('active') $('#showArea a').click(function () { $(this).addClass('active').siblings().removeClass('active'); }) $('#showArea a').hover(function () { let goodsWidth = $('#goodsInfoContent').outerWidth() + 35; $(this).addClass('active').siblings().removeClass('active'); let dataSlideId = $(this).attr('data-slide-id') if(dataSlideId == 'videoView') { if($('#videoView').html()==''){ $('#videoView').html($('#videoView').attr('data-youtube')) } $('#videoView').show() if ($('#videoUrlView').attr('sign') == 1) { $('#videoPlayCover').css({'display': 'none'}); $('#videoUrlView').css({'display': 'inline'}); } else { $('#videoPlayCover').css({'display':'inline-block'}); } $('#zoom1').removeClass('active') $('showbox') $('#showArea .icon-youtube1').addClass('icon-active') }else { $('#videoView').hide() $('#videoPlayCover').hide() $('#videoUrlView').hide() $('#zoom1').addClass('active') /*$("#zoom1").attr("href",$(this).attr("src"));*/ $('#showArea .icon-youtube1').removeClass('icon-active') } $('.MagicZoom').attr('rel','zoom-width:' + goodsWidth + '; zoom-height:' + goodsWidth + '; selectors-change:mouseover;') }) }) // img点击图片弹出框 var index = 0; var cliInd = false; $('.show').click(function name(params) { var imgIndex = $(this).attr('data-index') index = imgIndex $.each($('.car_img img'), function name(params) { console.log($(this).context.currentSrc) if(params == 0) { $('#copy_img').attr("src",$(this).context.currentSrc) } }) $('.xp_language').css("z-index","100") var imgSrc = $(this).attr('src'); $('.wrapper').show(); $('.navbar_header-warpper').hide() $('.wrapper').css("display","flex") $('.wrapper').css("flex-direction","column") document.documentElement.style.overflowY = 'hidden' var carLen = $('.car_img img').width() $('.sel_img_div').css("width",carLen+"px") $('.sel_img_div').css("height",$('.car_img img').height()+"px") $('.goods-info-wrapper').css("display","block") var translateX = imgIndex * $('.car_img').width() $('.car_img').css("transform",`translateX(-${translateX}px)`) $(`.imgCli${imgIndex+1}`).addClass('active').siblings().removeClass('active'); //关闭并移除图层 }) $('.wrapper').click(function(){ $('.wrapper').css("display","none") $('.navbar_header-warpper').show() $('.swiper-wrapper').css("display","flex") $('.xp_language').css("z-index","9999999") $('.goods-info-wrapper').css("display","block") document.documentElement.style.overflowY = 'auto' }); $('.wrap_carousel').click(function name(params) { // $(".wrapper").unbind("click"); return false }) $('.min_lb .swiper-wrapper').click(function name(params) { $.each($('.car_img img'), function name(params) { console.log($(this).context.currentSrc) if(params == 0) { $('#copy_img').attr("src",$(this).context.currentSrc) } }) $('.navbar_header-warpper').hide() $('.addCar').css("visibility","hidden") $('.xp_language').css("z-index","100") $('.wrapper').css("display","flex"); $('.wrapper').click(function(){ // $('.wrapper').hide() $('.xp_language').css("z-index","9999999") $('.goods-info-wrapper').css("display","block") }); }) var currentIndex = 1; function updateImage(sku_id) { var sku_thumb = $('.imgCli' + sku_id).find('img').attr('src'); $('.main-image').attr('src', sku_thumb); $(`.imgCli${sku_id}`).addClass('active').siblings().removeClass('active'); } updateImage(currentIndex); $(".left_img_photo").click(function(){ if (currentIndex > 0) { currentIndex--; if(currentIndex == 0){ currentIndex = $('#showArea_li').children('#sku_id_0').length; } } else { currentIndex = $('#showArea_li').children('#sku_id_0').length; // 循环到最后一张 } updateImage(currentIndex); }) $(".right_img_photo").click(function(){ if (currentIndex < $('#showArea_li').children('#sku_id_0').length) { currentIndex++; } else { currentIndex = 1; // 循环到第一张 } updateImage(currentIndex); console.log(currentIndex); // if(index >= 0) { // console.log(index); // // if(index == 1) { // // index = index -1 // // } // // index = 1 // index = index + 1 // $(`.imgCli${index}`).addClass('active').siblings().removeClass('active'); // let tranNum = "-" + index * ($('.show').width() + 32) // $(".img_hidde").css("transform","translate("+tranNum+"px, 0px)") // var str = index / 4 + '' // if(str.indexOf(".") == -1) { // $("#showArea #showArea_li").animate({left:-index*104},1000); // } // } // if(index <= $('#showArea_li').children().length -1) { // let inOrder = index + 1 // console.log(`imgCli${inOrder}`); // $(`.imgCli${inOrder}`).addClass('active').siblings().removeClass('active'); // } // if(index >= $('.img_hidde img').length ) { // $(`.video-class`).addClass('active').siblings().removeClass('active'); // if($('.video-class').length == 1){ // index = $('.img_hidde img').length // // console.log($('.t2').children()) // if($('.t2').children().length == 4) { // $('#videoView').show() // $('.right_photo_sp').css('display','flex') // $('.showimg').hide() // }else { // } // // index = index -2 // // console.log(index) // index = index -1 // let tranNum = "-" + index * $('.show').width() // // console.log($('.show').width()) // // console.log(tranNum) // // if(index == 1) { // // index = index + 1 // // } // $(".img_hidde").css("transform","translate("+tranNum+"px, 0px)") // }else { // index = 0 // // index = index -1 // let tranNum = "-" + index * $('.show').width() // $(".img_hidde").css("transform","translate("+tranNum+"px, 0px)") // $(`.imgCli${1}`).addClass('active').siblings().removeClass('active'); // $("#showArea #showArea_li").animate({left:0},0); // } // } }); $(".left_img_photo").click(function(){ // if(index <= 0) { // if($('.video-class').length == 0){ // index = $('#showArea_li').children().length // // let tranNum = "-" + index * $('.show').width() // // console.log(tranNum) // // $(".img_hidde").css("transform","translate(0px, 0px)") // // console.log(1); // $("#showArea #showArea_li").animate({left:-(index - 1)*104},0); // let tranNum = "-" + (index - 1) * ($('.show').width() + 32) // $(".img_hidde").css("transform","translate("+tranNum+"px, 0px)") // let inOrder = $('#showArea_li').children().length // $(`.imgCli${inOrder}`).addClass('active').siblings().removeClass('active'); // // $(`.video-class`).addClass('active').siblings().removeClass('active'); // index = index -1 // }else{ // index = $('#showArea_li').children().length // // $("#showArea #showArea_li").animate({left:-(index - 1)*104},0); // $('#videoView').css('display','inline') // $('#zoom1').css('display','none') // $(`.video-class`).addClass('active').siblings().removeClass('active'); // $("#showArea #showArea_li").animate({left:-(index-2)*104},0); // } // }else { // index = index -1 // let tranNum = "-" + index * ($('.show').width() + 32) // console.log('轮播其它位置'+index); // $(".img_hidde").css("transform","translate("+tranNum+"px, 0px)") // let inOrder = $('#showArea_li .active').attr("data-index") - 1 // $(`.imgCli${inOrder}`).addClass('active').siblings().removeClass('active'); // } // if(_index5 > 0){ // // if(index < anIndex) { // // $("#showArea #showArea_li").animate({left:-(_index5-1)*104},1000); // // } // // if(_index5 > 6 ){ // $("#showArea #showArea_li").animate({left:-(_index5-1)*104},1000); // // } // // $("#right_img_photo").css("pointer-events","all") // _index5 -- // }else { // // $("#left_img_photo").css("pointer-events","none") // _index5 = 0; // } }); var newImgIndex = 0 $('.sel_iconl').click(function name(params) { // newImgIndex = newImgIndex + 1 var carLen = $('.car_img img').width() if( newImgIndex == 0 ){ var imgIndx = $('.car_img img').length - 1 $(`.imgCli${imgIndx}`).addClass('active').siblings().removeClass('active'); // console.log($('.car_img img').length -1 * carLen) let a = "-" +imgIndx * carLen + 'px' // console.log(a) // $('.car_img').css("transition-duration","500ms") $('.car_img').css("transform","translate3d("+a+", 0px, 0px)") var imgN = imgIndx - 1 let b = "-" +imgN * carLen + 'px' setTimeout(()=>{ $('.car_img').css("transition-duration","500ms") $('.car_img').css("transform","translate3d("+b+", 0px, 0px)") },500) $('.car_img').css("transition-duration","0ms") newImgIndex = imgN }else { newImgIndex = newImgIndex -1 $(`.imgCli${newImgIndex+1}`).addClass('active').siblings().removeClass('active'); // console.log(carLen) let a = "-" + newImgIndex * carLen + 'px' $('.car_img').css("transition-duration","500ms") $('.car_img').css("transform","translate3d("+a+", 0px, 0px)") // console.log(a) setTimeout(()=>{ $('.car_img').css("transition-duration","0ms") },500) } return false }) $('.sel_iconr').click(function name(params) { var carLen = $('.car_img img').width() console.log(newImgIndex); var imgIndx = $('.car_img img').length - 1 console.log(imgIndx); newImgIndex = newImgIndex + 1 if(newImgIndex == 0){ $(`.imgCli${imgIndx}`).addClass('active').siblings().removeClass('active'); }else if(newImgIndex == imgIndx){ $('.imgCli1').addClass('active').siblings().removeClass('active'); }else{ $(`.imgCli${newImgIndex+1}`).addClass('active').siblings().removeClass('active'); } if(newImgIndex == imgIndx) { // newImgIndex = 0 let a = "-" +newImgIndex * carLen + 'px' console.log(a) $('.car_img').css("transition-duration","500ms") $('.car_img').css("transform","translate3d("+a+", 0px, 0px)") setTimeout(()=>{ $('.car_img').css("transition-duration","0ms") $('.car_img').css("transform","translate3d(0px, 0px, 0px)") },500) newImgIndex = 0 }else { let a = "-" +newImgIndex * carLen + 'px' $('.car_img').css("transition-duration","500ms") $('.car_img').css("transform","translate3d("+a+", 0px, 0px)") setTimeout(()=>{ $('.car_img').css("transition-duration","0ms") },500) } return false }) $(".product-img img").mouseenter(function name(params) { var daIn = $(this).attr("data-index") updateImage(daIn) $('.left_img_photo').attr('data-index',daIn) $('.right_img_photo').attr('data-index',daIn) document.cookie = "data-index="+daIn+"" index = daIn currentIndex = daIn }) function specificationLazy() { $('.specification-container') .find('.swiper-slide') .each(function() { if ($(this) .find('iframe') .length == 1) { $('.specification-container') .find('.thumbImg') .each(function() { $(window).width()<=420?$(this).attr('src', $(this).attr('data-mobile-src')):$(this).attr('src', $(this).attr('data-delay-src')) }) } else { if ($(this) .attr('data-swiper-slide-index') != 0) { $('.specification-container') .find('.thumbImg') .each(function() { $(window).width()<=420?$(this).attr('src', $(this).attr('data-mobile-src')):$(this).attr('src', $(this).attr('data-delay-src')) }) } } }) } let specificationTimes = 0 // let specificationThumbImg = $('.specification-container .thumbImg') // let specificationThumbImgTime = setInterval(() => { // let val = specificationThumbImg.map((i, v) => { // if (v.complete) { // if ([0, 1, 2].includes(i) && specificationTimes == 0) { // specificationLazy(); // specificationTimes++; // } // return true; // } // }) // if (val.length === specificationThumbImg.length) { // clearInterval(specificationThumbImgTime) // // 继续轮播 // var new_swiper = new Swiper('.specification-container', { //初始化Swiper // // autoplay: { //自动切换 // // delay: 5000, // // stopOnLastSlide: false, // // disableOnInteraction: false, // // }, // pagination: { //分页器 // el: '.mobile-goods-pagination', // clickable: true, // }, // autoHeight: true, //自动高度 // centeredSlides: true, // loop: true, // resizeReInit: true, // grabCursor: true, // on: { // slideChange: function() { // console.log(this.activeIndex,'1111') // $('.skuImgOpen') // .hide(); // }, // }, // }) // } // }, 1000); var new_swiper = new Swiper('.specification-container', { //初始化Swiper // autoplay: { //自动切换 // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, // pagination: { //分页器 // el: '.mobile-goods-pagination', // clickable: true, // }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }, autoHeight: true, //自动高度 centeredSlides: true, // loop: true, resizeReInit: true, grabCursor: true, // observer:true,//修改swiper自己或子元素时，自动初始化swiper // observeParents:false,//修改swiper的父元素时，自动初始化swiper on: { slideChange: function() { // this.activeIndex>1&&specificationTimes==0? (specificationLazy(),specificationTimes++):'' specificationTimes==0? (specificationLazy(),specificationTimes++):'' $('.skuImgOpen').hide(); }, init:function (){ this.update(); this.slideTo(0) } }, }) </script>  <script> function showVideo(code,self=''){ if(code){ $('#preview').attr('style','display:none !important'); $('.active').each(function (i,e){ $(e).removeClass('active') }) $('#videoUrlView').show(); if(typeof player !== 'undefined'){ $('#videoUrlView').show(); player.playVideo(); }else { $('#videoPlayCover').css({'display':'inline-block'}); $('#videoUrlView').hide(); } $(self).attr('class','active'); $('#videoView').show(); //判断是否是iframe嵌套 $('#videoView').children('iframe').attr('class','video'); }else { if(typeof player !== 'undefined' && player){ player.pauseVideo(); } $('#preview').show(); $('#videoView').hide(); $('#videoUrlView').hide(); $('#videoPlayCover').hide(); } } </script> <div class="footer_info"> <div class="footer_item"> <div> <img class="thumbImg lazy" data-original="https://resource.xp-pen.com/Uploads/my/goods/20231103/abea541729b88ff6f0c9686cda7ed949.jpg" data-delay-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/abea541729b88ff6f0c9686cda7ed949.jpg" alt="image"> <h1 class="bq_h2_new">Artist 22 Plus - 16K</h1> </div>   <div> <div class="buy_price notranslate" id="showGoodsPrice"> <del class="before_price" id="list_price">RM0</del> <div class="price" id="goods_price">RM2,028</div> </div> <div class="submit_button add_cart" data-thumb="https://resource.xp-pen.com/Uploads/my/goods/20231103/abea541729b88ff6f0c9686cda7ed949_50_50.jpg" data-goods-id="1" data-goods-name="Artist 22 Plus - 16K" data-action="0"> <p style="text-align: center" >Add to cart</p> </div> </div> </div> </div> </div> </div> <div class="col-xl-5 col-lg-5 col-md-12 padding0">  <div class="bouytw_1" id="goodsInfoContent"> <div class="goods-info-wrapper"> <div class="goods-info-inner"> <h1 class="bq_h2_new">Artist 22 Plus - 16K</h1> <div class="bq_3"> <div class="star" data-num="5.0"></div> <div class="ju_1"> <p class="zhi4_1 zhi4_1_new" data-jump="Reviews"><span class="click-text"><i class="iconfont icon-a-icon1x-56"></i></span>  3  </p> <p class="zhi4_1 zhi4_1_new" data-jump="QAs"><span class="click-text"><i class="iconfont icon-message-question"></i></span>  0  </p>  </div> </div> <p class="bq_2_new">21.5 inches with X3 digital stylus</p>  <div class="buy_price notranslate" id="showGoodsPrice"> <div class="price" id="goods_price">RM2,028</div> <del class="before_price" id="list_price">RM0</del> </div>  </div> <div class="padding20">  <div class="shipping_tips" style='display: none'>  <div class='description_promote_info_div'> <div> <div class="promote_info_html hide" data-show="0"> </div>  <div class="description_promote_info hide" ></div>  </div> </div>  <div class='shipping_desc_div'> <div> <div class="shipping_desc"> </div> <div class="shipping_desc_expand"> <svg t="1709695213481" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7866" width="32" height="32"><path d="M753.6 611.52a32 32 0 1 1 28.8 56.96l-256 128a32 32 0 0 1-28.8 0l-256-128a32 32 0 0 1 28.8-56.96L512 732.16z m0-288a32 32 0 1 1 28.8 56.96l-256 128a32 32 0 0 1-28.8 0l-256-128a32 32 0 1 1 28.8-56.96L512 444.16z" p-id="7867"></path></svg> </div> </div> </div> </div>   <div style="padding-top: 20px" class="coupon_box hide"></div>   <div class="goods_freight_reference"></div>  <div style="color: #F54628;">Or 3 payments of <span id="atome_goods_price_new" style="font-weight: bold;"></span> with <img src="https://resource.xp-pen.com/Uploads/home_images/my/atome.png" alt='image' style="width: 80px;margin-top: -4px;"></div> <div style="display: none;color: #F54628;"> Or 3 payments of <span id="atome_goods_price"></span>/3 with 0% interest. </div>  <div class='spec_content_box'> </div>  <div class="goods_extra hide"></div>   <div class="essential-content" style='display: none;'> <div class="bq_4_new">Optional Accessories:<i class="iconfont icon-a-icon1x-29"></i></div> <div class="essential-list-box"> <div class="essential-list " data-goods-id="1" data-bundle-goods-id="44"> <input class="checkedBtn" id="44" autocomplete="off" data-check="44" type="checkbox"> <label class="essential-label" for="44"> <div class="label-img-box"> <img alt='image' width="32px" height="32px" src="https://resource.xp-pen.com/Uploads/my/goods/20230925/b46547af536f2b345f2fa42bf391acd1_150_150.jpg" style="border-radius: 2px;"> </div> <div class="essential-product-box" style="padding-bottom: 29px;"> <p class="essential-product-name">ACK05 Shortcut Remote <br> <span class="sku_desc"></span> <a style="bottom: -2px;" href="https://www.storexppen.my/buy/ack05-shortcutremote.html" target="_blank" aria-label="link" class="view-bundle-goods"><span>View More</span></a></p> <p class="essential-box" style="bottom: -2px;"> <span class="essential-price" style="color: #EE4624;">+ RM160</span> <del>RM259</del> </p> </div> </label> <div class="bundle_sku_list"></div> </div> </div> </div> <div id="combinationFixed"></div> <div class="combination-goods-pop-box" style="display: none;"></div> <input type = 'hidden' id = 'max_bundle_sku_number' >   <div class="goods_price m10" > <div class="goods_number"> <div class="bq_4_new">Quantity:</div> <div class="goods-number-box"> <div class="goods_num_text"> <button class="min switch_num" id="minId" type="button" data-value="-1" data-max-item-count='0' aria-label="button"> <i class="iconfont icon-jianhao"></i> </button> <input aria-label="goods num" class="text_box" name="" type="text" value="1" id="goods_num" data-max-item-count='0' onkeyup="this.value=this.value.replace(/[^\d]/g,'')" onpaste="this.value=this.value.replace(/[^\d]/g,'')"/> <button class="add switch_num" type="button" data-max-item-count='0' data-value="1" aria-label="button"><i class="iconfont icon-jiahao"></i></button> </div> <div class="help_msg"></div> </div> </div> </div>  <div class="bundled-total-box" > <span class="total-text">Total:</span> <span id="bundled_total_price_currency"></span> <span id="bundled_total_price"></span> </div>  <div class="goods_rate hide"> </div>  <div class="an_boss"> <div id="add_cart_button" class="an_1 add_cart_button add_cart" data-thumb="https://resource.xp-pen.com/Uploads/my/goods/20231103/abea541729b88ff6f0c9686cda7ed949_50_50.jpg" data-goods-id="1" data-goods-name="Artist 22 Plus - 16K" data-action="0"> <p style="text-align: center" >Add to cart</p> </div> <div id="buy_now_button" class="an_2 buy_now add_cart_box submit_button" data-thumb="https://resource.xp-pen.com/Uploads/my/goods/20231103/abea541729b88ff6f0c9686cda7ed949_50_50.jpg" data-goods-id="1" data-goods-name="Artist 22 Plus - 16K" data-action="1"> <p style="text-align: center">Buy</p> </div> </div>        <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> <div class="goods_freight"> <p class="bq_20">Estimate</p> <div class="spec_content" > <div class="bq_4_new" >Country</div> <div> <select class="form-control estimate_country xiala1 select2" name="country_id" id="country_id" aria-label="select"> <option value="129" data-currency="MYR" >Malaysia</option> </select> <select class="form-control xiala1 select2" style="margin-top: 20px" name="province_id" onchange="shipping_cost()" id="province_id" aria-label="select"> </select> </div> </div> <div class="nbu_1"> <p class="submit_button" style="display: none" onclick="javascript:shipping_cost();">Estimate</p> <img src="https://resource.xp-pen.com/newxp/static2024/layer/skin/default/loading-2.gif" id="country_load" class="hide" alt='image'/> </div> <div class="spec_content hide" id="show_country_info"></div> </div> </div> </div> </div> </div>             <div class="mao_1"> <div class="nav_content"> <ul class="my_Affiliate_ul nav_miaodian"> <li class="ul_active" data-jump="summary"><h2>Summary</h2></li> <li data-jump="Reviews"><h2>Reviews(3)</h2></li> <li data-jump="QAs"><h2>Q & A(0)</h2></li> <li data-jump="Driver"><a aria-label="link" href="https://www.xp-pen.com/download" target="_blank"><h2>Driver</h2></a></li> </ul> </div> </div> <div class="mao_2"> <div class="nav_content">  <div class="nav-content-list"> <ul class="my_Affiliate_ul nav_miaodian"> <li class="ul_active" data-jump="summary">Summary</li> <li data-jump="Reviews">Reviews(3)</li> <li data-jump="QAs">Q & A(0)</li> <li data-jump="Driver"><a aria-label="link" href="https://www.xp-pen.com/download/index/cid/5.html" target="_blank">Driver</a></li> </ul> </div>   </div> </div>  <div class="homepage_2 homepage_2_new padding0 bg_white scrollspy-example" data-spy="scroll" data-target="#navbarExample" data-offset="0" style="position: relative"> <div class="boss" id="summary">    <div id="Appendix_Buy_top"> </div> <div class="goods-content resetImageBox" id="gaishu"> <link rel="stylesheet" href="/Uploads/images/product/detail/20170828/star_g960/css/XP_animation.css"/><script type="text/javascript" src="/Uploads/images/product/detail/20170828/star_g960/js/xp_tab.js"></script><script type="text/javascript" src="/Uploads/images/product/detail/20170828/star_g960/js/modernizr-2.7.1.js"></script><link rel="stylesheet" href="/newxp/static/images/product/PenCup/js+css/swiper-bundle.min.css"/><script type="text/javascript" src="/newxp/static/images/product/PenCup/js+css/swiper-bundle.min.js"></script><link rel="stylesheet" href="/newxp/static/images/product/Artist22Plus/js+css/22Plus.css"/><style> #gaishu .product14 img{height:auto;} .mao_2{display: none !important;} .homepage_2{max-width:100%;padding:0;margin-left: auto;margin-right: auto;} .homepage_2 .boss{border: none ;} #Reviews.boss, #QAs.boss{max-width: 1480px; padding: 0 40px;margin-left: auto;margin-right: auto;} @media screen and (max-width: 768px){ #Reviews.boss, #QAs.boss{padding: 0 ;} } html, body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, hr, p, pre, span, strong, form, iframe, label, button, input, textarea, table, tr, th, td, i, div, code, fieldset, legend, lengend, blockquote, select { text-align: inherit;}</style><div id="Artist22Plus"><div class="module1"><div class="imgBox"><img alt="image" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/1-bg.webp" width="2560px" height="1582px" class="img_pc lazy-2nd"/><img alt="image" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/h5/1-bg.webp" width="1080px" height="1235px" class="img_h5 lazy-2nd"/></div><div class="text"><h3 class="p1 revealOnScroll" data-animation="fadeInUp">Artist 22 Plus</h3><p class="p2 revealOnScroll" data-animation="fadeInUp">Powered by X3 Pro Smart Chip <img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/1-1.webp"/></p><p class="p3 revealOnScroll" data-animation="fadeInUp">Just Right for Big Ideas</p><p class="p4 img_h5 revealOnScroll" data-animation="fadeInUp">X3 Pro Smart Chip Stylus of 16K pressure levels | 22-inch expansive display</p></div><p class="p4 img_pc revealOnScroll" data-animation="fadeInUp">X3 Pro Smart Chip Stylus of 16K pressure levels | 22-inch expansive display</p><div class="p5"><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/1-2.webp"/></div><p class="revealOnScroll" data-animation="fadeInUp">Artwork by world-renowned artist, <br/>Shan Jiang</p></div><div class="p6 imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/1-3-en.webp"/></div></div><div class="module2"><div class="content"><div class="text1"><p class="revealOnScroll img_pc" data-animation="fadeInUp">Creativity thrives when inspiration hits and you have</p><p class="revealOnScroll img_pc" data-animation="fadeInUp">the right device to deliver.</p><p class="revealOnScroll img_h5" data-animation="fadeInUp">Creativity thrives when inspiration hits and</p><p class="revealOnScroll img_h5" data-animation="fadeInUp">you have the right device to deliver.</p><p class="revealOnScroll" data-animation="fadeInUp">Meet XPPen Artist 22 Plus — featuring a 22-inch</p><p class="revealOnScroll img_pc" data-animation="fadeInUp">expansive canvas for your ideas to run wild, and armed</p><p class="revealOnScroll img_pc" data-animation="fadeInUp">with X3 Pro Smart Chip Stylus to bring your</p><p class="revealOnScroll img_h5" data-animation="fadeInUp">expansive canvas for your ideas to run wild,</p><p class="revealOnScroll img_h5" data-animation="fadeInUp">and armed with X3 Pro Smart Chip Stylus to bring your</p><p class="revealOnScroll" data-animation="fadeInUp">imagination to life, precisely and effortlessly.</p><p class="revealOnScroll" data-animation="fadeInUp">Time to go big and right!</p></div><div class="text2"><div class="top4"><div class="left item1"><p class="title revealOnScroll" data-animation="fadeInUp">World's first 16K pressure levels</p><p class="txt revealOnScroll" data-animation="fadeInUp">Brings out the details, precisely like never before.</p></div><div class="right"><div class="item2"><p class="title revealOnScroll" data-animation="fadeInUp">22-inch full screen</p><p class="txt revealOnScroll" data-animation="fadeInUp">Expansive space for your ideas to run wild.</p><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/2-2.webp"/></div></div><div class="bottom"><div class="item3"><p class="title revealOnScroll" data-animation="fadeInUp">X3 Pro <br class="img_pc"/>Smart Chip Stylus</p><p class="txt revealOnScroll" data-animation="fadeInUp">Chip powered — Groundbreaking innovation.</p><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/2-3.webp"/></div></div><div class="item4 img_pc"><p class="title revealOnScroll" data-animation="fadeInUp">Gamut reduction and 3 color spaces interchangeable</p><p class="txt revealOnScroll" data-animation="fadeInUp">Designed for high-level creation in different scenarios.</p><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/2-4.webp"/></div></div></div></div></div><div class="center2"><div class="item5"><div><p class="title revealOnScroll" data-animation="fadeInUp">Fully-laminated screen</p><p class="txt revealOnScroll" data-animation="fadeInUp">No parallax error, <br/>precisely positioning every stroke.</p></div><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/2-5.webp"/></div></div><div class="item6 img_pc"><p class="title revealOnScroll" data-animation="fadeInUp">130% sRGB <br/>native color space</p><p class="txt revealOnScroll" data-animation="fadeInUp">Wide color palette. <br/>High color accuracy.</p></div></div><div class="item4 img_h5"><div><p class="title revealOnScroll" data-animation="fadeInUp">Gamut reduction and 3 color spaces interchangeable</p><p class="txt revealOnScroll" data-animation="fadeInUp">Designed for high-level creation in different scenarios.</p></div><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/2-4.webp"/></div></div><div class="bottom3"><div class="item6 img_h5"><p class="title revealOnScroll" data-animation="fadeInUp">130% sRGB <br/>native color space</p><p class="txt revealOnScroll" data-animation="fadeInUp">Wide color palette. <br/>High color accuracy.</p></div><div class="item7"><p class="title revealOnScroll" data-animation="fadeInUp">X-Inspo Wrist Rest</p><p class="txt revealOnScroll" data-animation="fadeInUp">Create in comfort for <br/>hours on end.</p></div><div class="item8"><p class="title revealOnScroll" data-animation="fadeInUp">Full-function USB-C & HDMI</p><p class="txt revealOnScroll" data-animation="fadeInUp">Connection with ease. Hassle-free.</p></div><div class="item9"><p class="title revealOnScroll" data-animation="fadeInUp">Highly compatible</p><p class="txt revealOnScroll" data-animation="fadeInUp">Works smoothly with various systems and software.</p></div></div></div><div class="text3"><h3 class="p1 revealOnScroll" data-animation="fadeInUp">16K pressure levels. <br/>Game-changer in details.</h3><p class="p2 revealOnScroll" data-animation="fadeInUp">Introducing X3 Pro Smart Chip Stylus, a true breakthrough innovation that boasts industry-first 16K pressure levels —100%* higher than that of its peers. It delivers the smoothest and most precise lines ever, empowering you to excel in hyper-nuanced creation and beyond.</p></div></div></div><div class="module3 imgBox"><img alt="image" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/3-bg.webp" width="2560px" height="1459px" class="img_pc lazy-2nd"/><img alt="image" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/h5/3-bg.webp" width="1080px" height="842px" class="img_h5 lazy-2nd"/><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/1-3-en.webp"/></div></div><div class="module4"><div class="content1"><div class="imgBox"><img alt="image" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/4-1.webp" class="img_pc lazy-2nd" width="1847px" height="978px"/><img alt="image" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/h5/4-1.webp" class="img_h5 lazy-2nd"/></div><div class="text"><p class="p1 revealOnScroll" data-animation="fadeInUp">More responsive. <br/>More accurate.</p><p class="p2 revealOnScroll" data-animation="fadeInUp">Accuracy increases by 20%*, bringing out every art <br class="img_1080"/>project precisely what you want. Virtually no lag or <br class="img_1080"/>broken lines. Smooth and efficient.</p><div class="p3"><div class="item"><p class="max revealOnScroll" data-animation="fadeInUp">3g<span class="star11111">*</span></p><p class="min revealOnScroll" data-animation="fadeInUp">IAF</p></div><div class="item"><p class="max revealOnScroll" data-animation="fadeInUp">0.6mm<span class="star11111">*</span></p><p class="min revealOnScroll" data-animation="fadeInUp">retraction distance</p></div><div class="item"><p class="max revealOnScroll" data-animation="fadeInUp">60°<span class="star11111">*</span></p><p class="min revealOnScroll" data-animation="fadeInUp">tilt</p></div></div></div><p class="p4 revealOnScroll" data-animation="fadeInUp">Accuracy:  ±0.4 mm* (center)</p></div><div class="content2"><div class="text1 revealOnScroll" data-animation="fadeInUp"><p class="p1">100% higher pressure levels</p><div class="p2"><div class="line"><div class="animation_line"></div></div><div class="data">16384</div></div><div class="p3"><p class="left revealOnScroll" data-animation="fadeInUp">X3 Pro Smart Chip Stylus</p></div><div class="p4"><div class="line"><div class="animation_line"></div></div><div class="data">8192</div></div><div class="p5"><p class="left revealOnScroll" data-animation="fadeInUp">X3 Smart Chip Stylus</p></div></div><div class="text2"><p class="p1 revealOnScroll" data-animation="fadeInUp">20% higher accuracy</p><div class="p2"><div class="line"><div class="animation_line"></div></div><div class="data">±0.4mm</div></div><div class="p3"><p class="left revealOnScroll" data-animation="fadeInUp">X3 Pro Smart Chip Stylus</p><p class="right">(center)</p></div><div class="p4"><div class="line"><div class="animation_line"></div></div><div class="data">±0.5mm</div></div><div class="p5"><p class="left revealOnScroll" data-animation="fadeInUp">X3 Smart Chip Stylus</p><p class="right">(center)</p></div></div></div></div><div class="module5"><div class="text1"><h3 class="p1 fontsize82 revealOnScroll" data-animation="fadeInUp">16K pressure sensitivity curve. <br/>More stable and smooth.</h3><p class="p2 fontsize26 revealOnScroll" data-animation="fadeInUp">As the graphic shows, the pressure sensitivity curve from X3 Pro Smart Chip Stylus exhibits a gradual ascent and a finer pressure <br class="img_1080"/>transition. This remarkable feature enhances the accuracy and smoothness of each stroke. In practical use, <br class="img_1080"/>it demonstrates exceptional sensitivity and delicacy within the commonly employed pressure range. Moreover, <br class="img_1080"/>it surpasses industry standards by excelling in sensing high-pressure levels. When drawing lightly, <br class="img_1080"/>it exhibits a higher level of precision in capturing fine details. This similarity to the experience of using a traditional <br class="img_1080"/>pencil or pen empowers you with precise control over line thickness with each stroke.</p></div><div class="text2"><div class="left"><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/5-1.webp"/></div><p class="p1 revealOnScroll" data-animation="fadeInUp">XPPen X3 Pro Smart Chip Stylus</p><p class="p2 revealOnScroll" data-animation="fadeInUp">16384</p><p class="p3 revealOnScroll" data-animation="fadeInUp">400g</p><div class="p4 imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/1-3-en.webp"/></div><p class="p5 revealOnScroll" data-animation="fadeInUp">0</p><p class="p6 revealOnScroll" data-animation="fadeInUp">500g</p><p class="p7 revealOnScroll" data-animation="fadeInUp">Approx. 400g</p><p class="p8 revealOnScroll" data-animation="fadeInUp">Ergonomic pressure curve: perfectly aligned with your drawing habits. Consistent initial pen pressure guaranteed.</p></div><div class="right"><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/5-2.webp"/></div><p class="p1 revealOnScroll" data-animation="fadeInUp">Others</p><p class="p3 revealOnScroll" data-animation="fadeInUp">200g</p><div class="p4 revealOnScroll" data-animation="fadeInUp">No Chip <br/>16K Pressure Levels</div><p class="p7 revealOnScroll" data-animation="fadeInUp">Approx. 200g</p><p class="p8 revealOnScroll" data-animation="fadeInUp">Steep pressure curve: inconsistent initial <br class="img_1080"/>pen pressure, partial data loss.</p></div></div></div><div class="module6"><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/6.webp" width="1700px" height="1173px"/><div class="text"><p class="p1">22-inch</p><br/><p class="p2">expansive display.</p></div></div></div><div class="module7"><div class="text"><h3 class="p1 fontsize82 revealOnScroll" data-animation="fadeInUp">Space for your <br class="img_h5"/>ideas to run wild.</h3><p class="p2 fontsize26 revealOnScroll" data-animation="fadeInUp">At a 16:9 screen ratio, no buttons or slits, this 22-inch spacious canvas gives you a boundless-like immersive sensation. <br class="img_1080"/>And presents every detail with maximum clarity at 1920 x 1080 high resolution.</p><p class="p3 fontsize26 revealOnScroll" data-animation="fadeInUp"><span class="special">1920 x 1080</span> resolution</p></div><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/7.webp" width="1845px" height="1033px"/></div></div><div class="module8"><div class="text1"><h3 class="p1 fontsize82 revealOnScroll" data-animation="fadeInUp"><span class="special">130% sRGB native color space.</span><br/>Lifelike colors, out of the box.</h3><p class="p2 fontsize26 revealOnScroll" data-animation="fadeInUp">Create boldly in stunning color accuracy and detail at a wide color gamut of 130% sRGB (coverage ratio of <br class="img_1080"/>99% sRGB). With its 8-bit color depth, the palette expands to an astonishing range of 16.7 million colors, <br class="img_1080"/>ensuring that even the most color-intensive artworks come to life with unparalleled vibrancy and precision.</p></div><div class="imgBox imgBox1"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/8-1.webp" width="1737px" height="1317px"/></div><div class="text2"><div class="item"><p class="p4 revealOnScroll" data-animation="fadeInUp">130% sRGB</p><p class="p3 revealOnScroll" data-animation="fadeInUp">color gamut area ratio</p></div><div class="item"><p class="p4 revealOnScroll" data-animation="fadeInUp">99% sRGB</p><p class="p3 revealOnScroll" data-animation="fadeInUp">color gamut coverage ratio</p></div><div class="item"><p class="p4 revealOnScroll" data-animation="fadeInUp">8-bit</p><p class="p3 revealOnScroll" data-animation="fadeInUp">color depth</p></div></div><div class="imgBox imgBox2"><div class="div_img cover_1 img_1080"><img alt="image" src="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/8-3.webp" draggable="false" oncontextmenu="return false;" class="unselectable"/></div><div class="div_img cover_1 cover_1_h5"><img alt="image" src="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/h5/8.webp" width="1001px" height="472px"/></div><div id="img_cover" class="img_1080"><div id="btn_icon" class="btn_icon"></div></div></div><div class="text3"><p class="p1 revealOnScroll" data-animation="fadeInUp">Ordinary color gamut area ratio</p><p class="p2 revealOnScroll" data-animation="fadeInUp">Wide color gamut area ratio</p></div></div><div class="module9"><div class="imgBox"><img alt="image" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/9-bg.webp" width="2560px" height="1715px" class="img_pc lazy-2nd"/><img alt="image" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/h5/9-bg.webp" width="1080px" height="861px" class="img_h5 lazy-2nd"/></div><div class="content"><h3 class="p1 fontsize82 revealOnScroll" data-animation="fadeInUp"><span class="special">High color accuracy.</span><br/>Everything on point.</h3><p class="p2 fontsize26 revealOnScroll" data-animation="fadeInUp">This 22-inch expansive display presents accurate color that lines up with what you exactly imagine. Color-precise alignment makes it effortless for high-class creations and brings your wildest ideas to life.</p></div></div><div class="module10"><div class="text"><h3 class="p1 fontsize82 revealOnScroll" data-animation="fadeInUp"><span class="special">3 color spaces interchangeable.</span><br/>Designed for high-level creation.</h3><p class="p2 fontsize26 revealOnScroll" data-animation="fadeInUp">Supports switching among 3 color spaces and gamut reduction to meet demanding display needs in different <br class="img_1080"/>scenarios. So creators can have an incredible on-screen drawing experience where colors are sure to impress.</p></div><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/10.webp" width="1501px" height="848px"/></div><p class="p3 fontsize26 revealOnScroll" data-animation="fadeInUp">* Support the color space switching among sRGB, Adobe RGB, DCI-P3, USER (operate in the driver).</p></div><div class="module11"><div class="text"><h3 class="p1 fontsize82 revealOnScroll" data-animation="fadeInUp"><span class="special">Fully laminated screen.</span><br/>No parallax error.</h3><p class="p2 fontsize26 revealOnScroll" data-animation="fadeInUp">The screen and display panel are seamlessly laminated to avoid parallax errors between the stylus nib and <br class="img_1080"/>cursor, precisely positioning every single one of your strokes. The anti-glare matte film effectively reduces the <br class="img_1080"/>screen glare and eye strain for more focused creation.</p></div><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/11-1.webp" width="1504px" height="897px"/><div class="imgBox jellyfish"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/11-2.webp"/></div></div></div><div id="panels" class="module12 img_1080"><div id="panels-container"><article id="panel-1" class="panel full-screen"><div class="container"><div class="left"><h3 class="p1 fontsize82"><span class="special">X-Inspo design.</span><br/>Powers whimsy of <br class="img_h5"/>any kind.</h3><p class="p2 fontsize26">The Artist 22 Plus is a strong statement to X-INNOLAB’s design philosophy — edgy, classy and ergonomic. It’s slim and compact to the extreme of its kind. Capture your sharp ideas like a breeze.</p></div><div class="right"><video class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/video1.mp4" loop="" autoplay="" muted=""></video></div></div></article><article id="panel-2" class="panel full-screen"><div class="container"><div class="left"><h3 class="p1 fontsize82"><span class="special">Create in comfort on X-Inspo Wrist Rest.</span></h3><p class="p2 fontsize26">Designed with ergonomics in mind, this X-Inspo Wrist Rest is built in to perfectly fit your wrist as you work. And you can work for hours on end without strain or discomfort.</p></div><div class="right"><video class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/video2.mp4" loop="" autoplay="" muted=""></video></div></div></article></div></div><script>var client_width = $(window).width(); if(client_width < 1080){ $('#panels').remove() }</script><div class="module12_1080"><div class="panel-1"><div class="text"><h3 class="p1 fontsize82 revealOnScroll" data-animation="fadeInUp"><span class="special">X-Inspo design.</span><br/>Powers whimsy of any kind.</h3><p class="p2 fontsize26 revealOnScroll" data-animation="fadeInUp">The Artist 22 Plus is a strong statement to X-INNOLAB’s design philosophy — edgy, classy and ergonomic. It’s slim and compact to the extreme of its kind. Capture your sharp ideas like a breeze.</p></div><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/h5/12-1.webp"/></div></div><div class="panel-2"><div class="text"><h3 class="p1 fontsize82 revealOnScroll" data-animation="fadeInUp"><span class="special">Create in comfort on <br class="img_h5"/>X-Inspo Wrist Rest.</span></h3><p class="p2 fontsize26 revealOnScroll" data-animation="fadeInUp">Designed with ergonomics in mind, this X-Inspo Wrist Rest is built in to perfectly fit your wrist as you work. And you can work for hours on end without strain or discomfort.</p></div><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/h5/12-2.webp"/></div></div></div><div class="module13"><div class="imgBox img_pc"><img alt="image" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/13.webp" width="2560px" height="1534px" class="img_pc lazy-2nd"/></div><div class="text"><h3 class="p1 fontsize82 revealOnScroll" data-animation="fadeInUp"><span class="special">X3 Pro Roller Stylus.<em style="font-weight: normal;">*</em></span><br/>Flying creativity at your fingertips.</h3><p class="p2 fontsize26 revealOnScroll" data-animation="fadeInUp">Experience even better stylus performance with X3 Pro Roller Stylus — a new upgrade based on X3 Pro Smart Chip <br class="img_1080"/>Stylus. It features a game-changing roller wheel, paired with dual shortcut keys. So you can access all <br class="img_1080"/>common functions right on the pen — without clicking the mouse. <br class="img_1080"/>And it’s programmable. So you can totally work your way.</p></div><div class="imgBox img_h5"><img alt="image" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/h5/13.webp" class="img_h5 lazy-2nd"/></div><p class="p3 revealOnScroll" data-animation="fadeInUp">Default: Upper key - Double click mouse; Down key - Right click mouse; Scroll wheel - Scroll<br/>* Works with Artist 22 Plus. Sold separately.<br/>* Available soon.</p></div><div class="module14"><div class="text"><h3 class="p1 fontsize82 revealOnScroll" data-animation="fadeInUp"><span class="special">Cone-shaped pen grip.</span><br/>Brings comfort to the next level.</h3><p class="p2 fontsize26 revealOnScroll" data-animation="fadeInUp">X3 Pro Smart Chip Stylus delivers a balanced in-hand feel, with a replaceable cone-shaped, silica-gel grip to <br class="img_1080"/>suit your personal needs. Stay on top of every single stroke.</p></div><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/14.webp" width="1849px" height="1093px"/></div></div><div class="module15"><div class="text"><h3 class="p1 fontsize82 revealOnScroll" data-animation="fadeInUp">Built-in foldable stand. <br/>Work your way.</h3><p class="p2 fontsize26 revealOnScroll" data-animation="fadeInUp">The foldable stand makes it flexible to go from 15° to 88° in seconds, and any angle in between. Feel free to <br class="img_1080"/>adjust your working posture any way you like, in complete comfort.</p></div><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/15.webp" width="1832px" height="826px"/></div></div><div class="module16"><div class="text"><h3 class="p1 fontsize82 revealOnScroll" data-animation="fadeInUp">Handy pen clip</h3><p class="p2 fontsize26 revealOnScroll" data-animation="fadeInUp">A pluggable pen clip sits right on the top providing accommodation for X3 Pro Smart Chip Stylus and pen nibs. <br class="img_1080"/>It’s just so easy to pick up your pen, and your inspiration.</p></div><div class="imgBox"><img alt="image" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/16.webp" width="2560px" height="1314px" class="img_pc lazy-2nd"/><img alt="image" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/h5/16.webp" width="1080px" height="690px" class="img_h5 lazy-2nd"/></div></div><div class="module17"><div class="content"><h3 class="p1 fontsize82 revealOnScroll" data-animation="fadeInUp"><span class="special">VESA hole pitch.</span><br/>Display mounting made easy.</h3><p class="p2 fontsize26 revealOnScroll" data-animation="fadeInUp">The universal VESA hole pitch can be connected to an external mount of any kind, ranging from clip-ons, through-holes, wall-mounted ones to desk sets. So you can work the way you like — tilt the display to a better angle, maneuver closer for a drawing position that suits you, or push it to the side for free space when needed, and so on. </p><p class="p3 revealOnScroll" data-animation="fadeInUp">VESA size</p><p class="p4 revealOnScroll" data-animation="fadeInUp">100x100 mm</p></div><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/17.webp" width="1280px" height="837px"/></div></div><div class="module18"><div class="title"><h3 class="p1 revealOnScroll" data-animation="fadeInUp">One display for all fun.</h3><p class="p2 revealOnScroll" data-animation="fadeInUp">The Artist 22 Plus is more than just a drawing display. Unlock more possibilities by <br class="img_1080"/>extending or projecting contents to this 22-inch big screen for an expansive, <br class="img_1080"/>immersive viewing experience, whether for creation, games, videos, <br class="img_1080"/>or entertainment.</p></div><div class="list"><div class="item"><div class="text"><h3 class="p1 fontsize82 revealOnScroll" data-animation="fadeInUp">Screen split</h3><p class="p2 fontsize26 revealOnScroll" data-animation="fadeInUp">Helps enhance your work efficiency.</p></div><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/18-1.webp" width="1286px" height="850px"/></div></div><div class="item"><div class="text"><h3 class="p1 fontsize82 revealOnScroll" data-animation="fadeInUp">Video mirroring</h3><p class="p2 fontsize26 revealOnScroll" data-animation="fadeInUp">Sit back and treat yourself to your favorite show.</p></div><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/18-2.webp" width="1286px" height="850px"/></div></div><div class="item"><div class="text"><h3 class="p1 fontsize82 revealOnScroll" data-animation="fadeInUp">Playing games</h3><p class="p2 fontsize26 revealOnScroll" data-animation="fadeInUp">Have a more immersive gaming experience on a larger screen.</p></div><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/18-3.webp" width="1286px" height="850px"/></div></div><div class="item"><div class="text"><h3 class="p1 fontsize82 revealOnScroll" data-animation="fadeInUp">Remote meeting</h3><p class="p2 fontsize26 revealOnScroll" data-animation="fadeInUp">Facilitates communication with the most natural digital <br class="img_1080"/>drawing experience and ease of presentation.</p></div><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/18-4.webp" width="1286px" height="850px"/></div></div><div class="item"><div class="text"><h3 class="p1 fontsize82 revealOnScroll" data-animation="fadeInUp">Online class</h3><p class="p2 fontsize26 revealOnScroll" data-animation="fadeInUp">Enjoy interactive classes and real-time collaboration, <br class="img_1080"/>with the help of some dedicated apps.</p></div><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/18-5.webp" width="1286px" height="850px"/></div></div></div></div><div class="module19"><div class="text"><h3 class="p1 fontsize82 revealOnScroll" data-animation="fadeInUp"><span class="special">Music.<br/>To the ears.</span></h3><p class="p2 fontsize26 revealOnScroll" data-animation="fadeInUp">The 3.5 mm audio jack adds a touch of enjoyment to your creative process. Simply plug in your headphones to <br class="img_1080"/>immerse yourself in a world of focused creation, free from distractions. And you can also connect it to a speaker <br class="img_1080"/>for a pleasant sit-back after hours of drawing.</p></div><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/19.webp" width="1851px" height="1179px"/></div></div><div class="module20"><div class="text"><h3 class="p1 fontsize82 revealOnScroll" data-animation="fadeInUp">Full-featured USB-C & HDMI ports.<br/>Connection with ease.</h3><p class="p2 fontsize26 revealOnScroll" data-animation="fadeInUp">The Artist 22 Plus can be connected to a PC either way — via HDMI cable or full-featured USB-C cable with <br class="img_1080"/>reversible plug. Ditch the clutter and keep connected.</p></div><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/20.webp" width="1681px" height="875px"/></div></div><div class="module21"><h3 class="p1 fontsize82 revealOnScroll" data-animation="fadeInUp">Highly compatible.<br/>Highly capable.</h3><div class="text1"><div class="imgBox"><img alt="image" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/21-1.webp" class="img_pc lazy-2nd"/><img alt="image" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/h5/21-1.webp" width="892px" height="450px" class="img_h5 lazy-2nd"/></div><p class="p2 fontsize26 revealOnScroll" data-animation="fadeInUp">Compatible with Windows 7 (or later), macOS 10.10 (or later), Chrome OS 88 (or later), <span class="Andr_text2_btn" style="cursor: pointer;border-bottom: 1px solid;">Android (USB3.1 DP1.2)</span>, <span class="Linux_TC_textT">Linux</span>. Brings more possibilities to your creation.</p></div><div class="text2"><div class="imgBox"><img alt="image" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/21-2.webp"/></div><p class="p2 fontsize26 revealOnScroll" data-animation="fadeInUp">Supports popular digital art software such as Adobe Photoshop, Illustrator, SAI, CDR, GIMP, Krita, MediBang, FireAlpaca, Toonboom, Maya, and Blender3D, etc.</p></div></div></div><script src="/newxp/static/images/product/Artist22Plus/js+css/gsap.min.js"></script><script src="/newxp/static/images/product/Artist22Plus/js+css/ScrollTrigger.min.js"></script><script>$(window).scroll(function(){ var top = $('#Artist22Plus .module4 .content2 .text1 .p2 .line').offset().top <= $(window).height() + $(window).scrollTop(); if(!top){ $('#Artist22Plus .module4 .content2 .text1 .p2 .line .animation_line').removeClass('active') $('#Artist22Plus .module4 .content2 .text1 .p4 .line .animation_line').removeClass('active') $('#Artist22Plus .module4 .content2 .text2 .p2 .line .animation_line').removeClass('active') $('#Artist22Plus .module4 .content2 .text2 .p4 .line .animation_line').removeClass('active') $('#Artist22Plus .module4 .content2 .text1 .p2 .data').removeClass('active') $('#Artist22Plus .module4 .content2 .text1 .p4 .data').removeClass('active') $('#Artist22Plus .module4 .content2 .text2 .p2 .data').removeClass('active') $('#Artist22Plus .module4 .content2 .text2 .p4 .data').removeClass('active') $('#Artist22Plus .module4 .content2 .text2 .p3 .right').removeClass('active') $('#Artist22Plus .module4 .content2 .text2 .p5 .right').removeClass('active') }else{ $('#Artist22Plus .module4 .content2 .text1 .p2 .line .animation_line').addClass('active') $('#Artist22Plus .module4 .content2 .text1 .p4 .line .animation_line').addClass('active') $('#Artist22Plus .module4 .content2 .text2 .p2 .line .animation_line').addClass('active') $('#Artist22Plus .module4 .content2 .text2 .p4 .line .animation_line').addClass('active') $('#Artist22Plus .module4 .content2 .text1 .p2 .data').addClass('active') $('#Artist22Plus .module4 .content2 .text1 .p4 .data').addClass('active') $('#Artist22Plus .module4 .content2 .text2 .p2 .data').addClass('active') $('#Artist22Plus .module4 .content2 .text2 .p4 .data').addClass('active') $('#Artist22Plus .module4 .content2 .text2 .p3 .right').addClass('active') $('#Artist22Plus .module4 .content2 .text2 .p5 .right').addClass('active') } }) var i = $(window).width(); if (i >1080) { let img = document.querySelector("#img_cover"); let btn = document.querySelector("#btn_icon"); let nav = document.querySelector(".imgBox2"); let leftBottom = document.querySelector("#leftBottom"); let rightBottom = document.querySelector("#rightBottom"); btn.onmousedown = function (e) { let clientx = e.clientX; // 点击获取鼠标初始X坐标 nav.onmousemove = function () { let e = arguments[0] || window.event; let X = e.clientX; // 移动时获取鼠标移动时的X坐标 let imgW = parseInt(getComputedStyle(img, null).width); img.style.width = `${imgW + X - clientx}px`; // 图片宽度 = 移动时的X坐标 - 点击时的初始坐标也就是图片宽度 + 鼠标X坐标的偏移量 clientx = X; // 将最新的位置的X坐标赋值给点击初始坐标也就是更新 X坐标初始值 } }; document.onmouseup = function () { nav.onmousemove = null; } } gsap.registerPlugin(ScrollTrigger); let panelsContainer = document.querySelector("#panels-container"), tween; const panels = gsap.utils.toArray("#panels-container .panel"); tween = gsap.to(panels, { xPercent: -100 * (panels.length - 1), ease: "none", scrollTrigger: { trigger: "#panels-container", pin: true, start: "top top", scrub: 1, end: () => "+=" + (panelsContainer.offsetWidth - innerWidth) } });</script><style>.product3_title {border-bottom: 0px solid #e5e5e5!important;} .product3_title.norms_btn ul {display: none!important;} .ef_table_container {display: block!important;} .product13{margin-bottom: 150px;} #norms_p_content{position: absolute; font-size: 14px;left: 42%;top: 15%;} .norms_list_Tilt{position: absolute;top: 7%;left: 39%;} .norms{flex-wrap: wrap;} .norms_list{margin-bottom: 20px;} .ef_table_contents table tr:first-child{border-top: 1px solid #ddd;} .ef_table_contents table tr td{border-right: 0px solid #ddd;} .ef_table_contents table tr td:last-child{border-right:none} .especificacoes_cont_2 p{padding: 0 10px!important;} @media screen and (max-width: 998px){ .product13{margin-bottom: 30px;} .norms_list_Tilt{position: absolute;top: 5%;left: 35%;} } @media screen and (max-width: 660px){ .norms_list_Tilt{position: absolute;top: 0%;left: 32%;} }</style><div class="product13"><div class="product3_title"><ul class=" list-paddingleft-2"><li><p>Specifications</p></li></ul></div><div class="product3_title norms_btn tongtopsize"><ul class=" list-paddingleft-2"><li><p>Show more <em class="iconfont icon-down"></em></p></li></ul></div><div class="a24container container ef_table_container" style="display: none"><div class="row"><div class="ef_table_title col-lg-12 col-md-12 col-sm-12 col-xs-12"><div class="ef_table_contents table-responsive col-lg-10 col-lg-offset-1 col-md-12 col-sm-12 col-xs-12" style="padding: 0;"><table cellspacing="0" cellpadding="0" class="table col-lg-12 col-md-12 col-sm-12 col-xs-12"><tbody><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Product Name</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">Artist 22 Plus Drawing Display</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Product Model</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">MD220FH</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Color</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">Black</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Size</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">547 x 364.67 x 33.4 mm</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Work Area</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">476.06 x 267.79 mm</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Stylus</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">X3 Pro Smart Chip Stylus</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Initial Activation Force</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">3 g</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Pressure Levels</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">16384</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Tilt</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">60°</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Display Resolution</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">1920 X 1080</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Full Lamination</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">Yes</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Viewing Angle</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">178°</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Contrast</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">1000:1</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Brightness (Typical)</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">250 cd/m<sup>2</sup></td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Resolution</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">5080 LPI</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Color Gamut Coverage Ratio (Typical)</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">99% sRGB, 91% Adobe RGB</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Color Gamut Area Ratio (Typical)</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">130% sRGB, 103% Adobe RGB</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Color Depth</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">8-bit</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Reading Height</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">10 mm</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Response Rate</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">14 ms</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Report Rate</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">200 RPS (Max)</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Accuracy</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">±0.4 mm (Center)</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Port</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">1 x Ful-featured USB-C<br/>1 x HDMI<br/>1 x Audio Jack<br/>1 x DC</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Power Input</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">AC 110-240V</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Power Output</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">DC 12V ⎓ 3A</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Compatibility</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">Windows 7 (or later), macOS 10.10 (or later), Chrome OS 88 (or later), <span class="Andr_text2_btn" style="cursor: pointer;border-bottom: 1px solid;">Android (USB3.1 DP1.2)</span>, <span class="Linux_TC_textT">Linux</span>.</td></tr></tbody></table></div><h2 class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding: 0;">Package Includes</h2><div class="ef_table_contents col-lg-10 col-lg-offset-1 col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1 col-xs-12" style="padding: 0;"><div class="especificacoes_cont_2 col-md-12 col-sm-12 col-xs-12 " style="padding: 0;"><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x Drawing Display</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x X3 Pro Smart Chip Stylus</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x Nib Removal Tool</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">10 x Pen Nib</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x Pen Clip</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x HDMI Cable</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x USB-C to USB-C Cable</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x USB-A to USB-C Cable</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x Power Adapter</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x Power Cable</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x Drawing Glove</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x Cleaning Cloth</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x Customer Service Card</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x Quick Guide</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x Warranty Card</p></div></div></div></div></div></div><div class="bigbox_started"><div class="product14"><div class="product14_img"><div class="img"><img alt="image" width="684" height="245" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/img/product/detail/Artist22Plus/images/22_Plus.webp"/></div><div class="text">Getting started with your<br/>XPPen Artist 22 Plus</div><a aria-label="link" href="https://www.xp-pen.com/setup/artist-22-plus.html" target="_blank"><div class="btn labelsize">Learn more ></div></a></div><div class="product14_img1"><div class="img"><img alt="image" width="684" height="245" class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/16tp/star-pic2.jpg"/></div><div class="text">Artist 22 Plus<br/>comes with one free creative software.</div><a aria-label="link" href="https://www.xp-pen.com/free-drawing-software.html" target="_blank"><div class="btn labelsize">Learn more ></div></a></div></div></div><script src="/newxp/static/images/activ_list/public/js/lazy-2nd.js"></script> </div>  <div id="Appendix_Buy_bottom"> <link rel="stylesheet" href="/Uploads/images/product/detail/20200818/Linux/Linux.css"/><div class="Linux_TC"><div class="Linux_TC_text"><div class="Linux_TC_biaoge row"><table class="table"><tbody class="Linux_TC_tbody"><tr class="tdbottom firstRow"><td style="font-weight:bold;width: 20%;height:70px;" class="Linux_TC_td1">Linux OS</td><td style="font-weight:bold;width: 32%;height:70px;" class="Linux_TC_td2">Version</td><td style="font-weight:bold;width: 24%;height:70px;" class="Linux_TC_td3">Package Format</td><td style="font-weight:bold;width: 24%;height:70px;" class="Linux_TC_td4">Supported Software</td></tr><tr class="tdbottom"><td>Arch</td><td>Arch Linux2019.12.01(64-bit)</td><td>.deb, .sh</td><td>GIMP, Krita</td></tr><tr><td class="tdbottom" rowspan="2">Centos</td><td>Centos7.0(64-bit)</td><td>.rpm, .sh</td><td>GIMP</td></tr><tr><td class="tdbottom">Centos8(64-bit)</td><td class="tdbottom">.rpm, .sh</td><td class="tdbottom">GIMP, Krita</td></tr><tr class="tdbottom"><td>Debian</td><td>debian-9.5.0-amd64-netinst(64-bit)</td><td>.deb, .sh</td><td>GIMP, Krita</td></tr><tr class="tdbottom"><td>elementary OS</td><td>elementary OS 5.0(64-bit)</td><td>.deb, .sh</td><td>GIMP, Krita</td></tr><tr class="tdbottom"><td>ezgo Linux</td><td>ezgo14(64-bit)</td><td>.deb, .sh</td><td>GIMP, Krita</td></tr><tr class="tdbottom"><td>Fedora</td><td>Fedora32(64-bit)</td><td>.rpm, .sh</td><td>GIMP, Krita</td></tr><tr class="tdbottom"><td>Mageia</td><td>Mageia-7.1(64-bit)</td><td>.rpm, .sh</td><td>GIMP, Krita</td></tr><tr class="tdbottom"><td>Manjaro</td><td>manjaro-xfce-20.1.2-201019(64-bit)</td><td>.deb, .sh</td><td>GIMP</td></tr><tr class="tdbottom"><td>Mint</td><td>linuxmint-18.2-cinnamon-64bit</td><td>.deb, .sh</td><td>GIMP, Krita</td></tr><tr class="tdbottom"><td>OpenSUSE</td><td>openSUSE-Tumbleweed(64-bit)</td><td>.rpm, .sh</td><td>GIMP, Krita</td></tr><tr class="tdbottom"><td>Pop!_OS</td><td>pop-os_19.10(64-bit)</td><td>.deb, .sh</td><td>GIMP, Krita</td></tr><tr class="tdbottom"><td>Red Hat</td><td>Red Hat7(64-bit)</td><td>.rpm, .sh</td><td>GIMP</td></tr><tr><td class="tdbottom" rowspan="6">Ubuntu</td><td>Ubuntu14.04(64-bit)</td><td>.deb, .sh</td><td>GIMP, Krita</td></tr><tr><td>Ubuntu16.04(64-bit)</td><td>.deb, .sh</td><td>GIMP, Krita</td></tr><tr><td>Ubuntu17.04(64-bit)</td><td>.deb, .sh</td><td>GIMP, Krita</td></tr><tr><td>Ubuntu18.04(64-bit)</td><td>.deb, .sh</td><td>GIMP, Krita</td></tr><tr><td>Ubuntu19.04(64-bit)</td><td>.deb, .sh</td><td>GIMP, Krita</td></tr><tr><td class="tdbottom">Ubuntu20.04(64-bit)</td><td class="tdbottom">.deb, .sh</td><td class="tdbottom">GIMP, Krita</td></tr></tbody></table><table class="table"><tbody class="Linux_TC_tbody"><tr class="firstRow"><td style="font-weight:bold;width:20%" class="tdbottom">Function</td><td style="font-weight:bold;width:32%" class="tdbottom">Krita 4.3.0</td><td style="font-weight:bold;width:24%" class="tdbottom">Gimp 2.10.20</td><td style="font-weight:bold;width:24%" class="tdbottom">Inkscape 0.92</td></tr><tr><td class="tdbottom">Pen Pressure Sensitivity</td><td class="tdbottom"><em class="iconfont icon-dagou"></em></td><td class="tdbottom"><em class="iconfont icon-dagou"></em></td><td class="tdbottom"><em class="iconfont icon-close"></em></td></tr><tr><td class="tdbottom">Tilt</td><td class="tdbottom"><em class="iconfont icon-dagou"></em></td><td class="tdbottom"><em class="iconfont icon-dagou"></em></td><td class="tdbottom"><em class="iconfont icon-xiegan"></em></td></tr><tr><td class="tdbottom">Mouse Function</td><td class="tdbottom"><em class="iconfont icon-dagou"></em></td><td class="tdbottom"><em class="iconfont icon-dagou"></em></td><td class="tdbottom"><em class="iconfont icon-dagou"></em></td></tr><tr><td class="tdbottom">Eraser Button<br/>(Stylus：PH01, P06)</td><td class="tdbottom"><em class="iconfont icon-close"></em></td><td class="tdbottom"><em class="iconfont icon-close"></em></td><td class="tdbottom"><em class="iconfont icon-close"></em></td></tr><tr><td class="tdbottom">Switch between Pen<br/>and Eraser Modes</td><td class="tdbottom"><em class="iconfont icon-close"></em></td><td class="tdbottom"><em class="iconfont icon-close"></em></td><td class="tdbottom"><em class="iconfont icon-close"></em></td></tr><tr><td style="height:70px" colspan="3">*If you have any further queries, please do not hesitate to contact us at service@xp-pen.com.</td><td colspan="1"><br/></td></tr></tbody></table></div><div class="Linux_TC_icon"><span class="layui-layer-setwin"><a aria-label="link" class="layui-layer-ico layui-layer-close layui-layer-close2" href="javascript:;"></a></span></div></div></div><div class="Linux_H5"><div class="Linux_H5_text"><div class="Linux_H5_biaoge row"><div class="first_system"><p class="system_p_head">Linux OS</p><div class="first_system_one"><div class="system_one_head">Arch</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">Arch Linux2019.12.01(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.deb, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP, Krita</div></div></div><div class="first_system_one"><div class="system_one_head">Centos</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">Centos7.0(64-bit)<br/>Centos8(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.rpm, .sh<br/>.rpm, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP<br/>GIMP, Krita</div></div></div><div class="first_system_one"><div class="system_one_head">Debian</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">debian-9.5.0-amd64-netinst(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.deb, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP, Krita</div></div></div><div class="first_system_one"><div class="system_one_head">elementary OS</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">elementary OS 5.0(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.deb, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP, Krita</div></div></div><div class="first_system_one"><div class="system_one_head">ezgo Linux</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">ezgo14(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.deb, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP, Krita</div></div></div><div class="first_system_one"><div class="system_one_head">Fedora</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">Fedora32(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.rpm, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP, Krita</div></div></div><div class="first_system_one"><div class="system_one_head">Mageia</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">Mageia-7.1(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.rpm, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP, Krita</div></div></div><div class="first_system_one"><div class="system_one_head">Manjaro</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">manjaro-xfce-20.1.2-201019(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.deb, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP</div></div></div><div class="first_system_one"><div class="system_one_head">Mint</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">linuxmint-18.2-cinnamon-64bit</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.deb, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP, Krita</div></div></div><div class="first_system_one"><div class="system_one_head">OpenSUSE</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">openSUSE-Tumbleweed(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.rpm, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP, Krita</div></div></div><div class="first_system_one"><div class="system_one_head">Pop!_OS</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">pop-os_19.10(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.deb, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP, Krita</div></div></div><div class="first_system_one"><div class="system_one_head">Red Hat</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">Red Hat7(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.rpm, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP</div></div></div><div class="first_system_one"><div class="system_one_head">Ubuntu</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">Ubuntu14.04(64-bit)<br/>Ubuntu16.04(64-bit)<br/>Ubuntu17.04(64-bit)<br/>Ubuntu18.04(64-bit)<br/>Ubuntu19.04(64-bit)<br/>Ubuntu20.04(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.deb, .sh<br/>.deb, .sh<br/>.deb, .sh<br/>.deb, .sh<br/>.deb, .sh<br/>.deb, .sh<br/></div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP, Krita<br/>GIMP, Krita<br/>GIMP, Krita<br/>GIMP, Krita<br/>GIMP, Krita<br/>GIMP, Krita<br/></div></div></div><p class="system_p_head system_p_head_2">Function</p><div class="first_system_one"><div class="system_one_head">Pen Pressure Sensitivity</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Krita 4.3.0</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-dagou"></em></div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Gimp 2.10.20</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-dagou"></em></div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Inkscape 0.92</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-close"></em></div></div></div><div class="first_system_one"><div class="system_one_head">Tilt</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Krita 4.3.0</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-dagou"></em></div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Gimp 2.10.20</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-dagou"></em></div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Inkscape 0.92</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-xiegan"></em></div></div></div><div class="first_system_one"><div class="system_one_head">Mouse Function</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Krita 4.3.0</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-dagou"></em></div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Gimp 2.10.20</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-dagou"></em></div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Inkscape 0.92</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-dagou"></em></div></div></div><div class="first_system_one"><div class="system_one_head">Eraser Button(Stylus：PH01, P06)</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Krita 4.3.0</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-close"></em></div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Gimp 2.10.20</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-close"></em></div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Inkscape 0.92</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-close"></em></div></div></div><div class="first_system_one"><div class="system_one_head">Switch between Penand Eraser Modes</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Krita 4.3.0</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-close"></em></div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Gimp 2.10.20</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-close"></em></div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Inkscape 0.92</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-close"></em></div></div></div><p class="last_p">*If you have any further queries, please do not hesitate to contact us at service@xp-pen.com.</p></div></div><div class="Linux_H5_icon"><span class="layui-layer-setwin"><a aria-label="link" class="layui-layer-ico layui-layer-close layui-layer-close2" href="javascript:;"></a></span></div></div></div><script> displayWindowSize(); var w; function displayWindowSize() { w = document.documentElement.clientWidth; } $('.Linux_TC_icon').click(function(){ $('.Linux_TC').hide(); }); $('.Linux_H5_icon').click(function(){ $('.Linux_H5').hide(); }); $('.Linux_TC_textT').click(function(){ if(w>676){ $('.Linux_TC').show(); }else{ $('.Linux_H5').show(); } })</script> <style>.Andr_text{position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;z-index: 999;display: none;} .Andr_text2{max-width: 1000px;height: 60vh;position: relative;top: 25%;left: 50%;transform: translateX(-50%);background: #fff;z-index: 8;} .Andr_text2_biaoge{width: 100%;height: 100%;padding: 0 20px;overflow-y: scroll;z-index: 2;} .Andr_text2_table{text-align: center;width: 100%;} .Andr_text2_table>.Andr_text2_tbody>tr{display: block;} .Andr_text2_table>.Andr_text2_tbody>tr>td{font-size: 14px;color: #333333;line-height: 1.5;padding: 0 0 0 20px;width: 50%;display: inline-block;height: 30px;line-height: 30px;} .Andr_text2_td1{width: 50%;} .Andr_text2_td2{width: 50%;} .Andr_text2_td3{width: 50%;} .Andr_text2_td4{width: 50%;} /*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/ .Andr_text2_biaoge::-webkit-scrollbar{width:10px;height:10px;} /*定义滚动条轨道内阴影+圆角*/ .Andr_text2_biaoge::-webkit-scrollbar-track{border-radius:5px;} /*定义滑块内阴影+圆角*/ .Andr_text2_biaoge::-webkit-scrollbar-thumb{border-radius:5px;background:#d8d8d8;} @media screen and (max-width: 1200px){ .Andr_text2{width: 95%;} } @media screen and (max-width: 768px){ .Andr_text2{top: 50%;left: 50%;transform: translate(-50%,-50%);} .Andr_text2{width: 90%;} .Andr_text2_table>.Andr_text2_tbody>tr>td{line-height: 1.5;margin-bottom: 20px;padding: 0 5px;} .Andr_text2_table>.Andr_text2_tbody>tr>.Andr_text2_heard{width: 100%;margin-bottom: 0;} }</style><div class="Andr_text"><div class="Andr_text2"><div class="Andr_text2_biaoge"><table class="Andr_text2_table"><tbody class="Andr_text2_tbody"><tr class="firstRow" style="border-bottom: 1px solid #ddd;height: 70px;line-height:70px"><td class="Andr_text2_td1 Andr_text2_heard" colspan="2" style="font-weight:bold;">List of compatible Android devices</td></tr><tr class="firstRow" style="margin-top: 20px;"><td class="Andr_text2_td1">HUAWEI Mate 10</td><td class="Andr_text2_td2">HUAWEI Mate 10 Pro</td></tr><tr><td class="Andr_text2_td1">HUAWEI Mate 20</td><td class="Andr_text2_td2">HUAWEI Mate 20 Pro</td></tr><tr><td class="Andr_text2_td1">HUAWEI Mate 20 X</td><td class="Andr_text2_td2">HUAWEI Mate 30 Pro</td></tr><tr><td class="Andr_text2_td1">HUAWEI Mate 40</td><td class="Andr_text2_td2">HUAWEI Mate 40 pro</td></tr><tr><td class="Andr_text2_td1">HUAWEI Mate 30E Pro 5G</td><td class="Andr_text2_td2">HUAWEI P20</td></tr><tr><td class="Andr_text2_td1">HUAWEI P20 Pro</td><td class="Andr_text2_td2">HUAWEI P30</td></tr><tr><td class="Andr_text2_td1">HUAWEI P30 Pro</td><td class="Andr_text2_td2">HUAWEI P40</td></tr><tr><td class="Andr_text2_td1">HUAWEI P40 Pro</td><td class="Andr_text2_td2">HUAWEI P40 Pro+</td></tr><tr><td class="Andr_text2_td1">HUAWEI Mate 50</td><td class="Andr_text2_td2">HUAWEI Mate 50 Pro</td></tr><tr><td class="Andr_text2_td1">HUAWEI Mate 40E</td><td class="Andr_text2_td2">HUAWEI Mate 40 Pro+</td></tr><tr><td class="Andr_text2_td1">HUAWEI P50 Pro</td><td class="Andr_text2_td2">HUAWEI P50</td></tr><tr><td class="Andr_text2_td1">HUAWEI P50E</td><td class="Andr_text2_td2">HUAWEI Mate X2</td></tr><tr><td class="Andr_text2_td1">HUAWEI Mate Xs2</td><td class="Andr_text2_td2">HUAWEI Mate 50E</td></tr><tr><td class="Andr_text2_td1">HUAWEI Mate 40E Pro</td><td class="Andr_text2_td2">HUAWEI Mate 40 RS</td></tr><tr><td class="Andr_text2_td1">HUAWEI P50 Pocket</td><td class="Andr_text2_td2">Honor Note10</td></tr><tr><td class="Andr_text2_td1">Honor V20</td><td class="Andr_text2_td2">Honor 30pro+</td></tr><tr><td class="Andr_text2_td1">Honor Magic4</td><td class="Andr_text2_td2">Honor Magic4 Pro</td></tr><tr><td class="Andr_text2_td1">Samsung Galaxy A90 5G</td><td class="Andr_text2_td2">Samsung Galaxy Note9</td></tr><tr><td class="Andr_text2_td1">Samsung Galaxy Note10</td><td class="Andr_text2_td2">Samsung Galaxy Note10+ 5G</td></tr><tr><td class="Andr_text2_td1">Samsung Galaxy S8</td><td class="Andr_text2_td2">Samsung Galaxy S8+</td></tr><tr><td class="Andr_text2_td1">Samsung Galaxy S9</td><td class="Andr_text2_td2">Samsung Galaxy S9+</td></tr><tr><td class="Andr_text2_td1">Samsung Galaxy S10</td><td class="Andr_text2_td2">Samsung Galaxy S10+</td></tr><tr><td class="Andr_text2_td1">Samsung Galaxy S10e</td><td class="Andr_text2_td2">Samsung Galaxy S20</td></tr><tr><td class="Andr_text2_td1">Samsung Galaxy S20+</td><td class="Andr_text2_td2">Samsung Galaxy S20 Ultra</td></tr><tr><td class="Andr_text2_td1">Samsung Galaxy S20 FE 5G</td><td class="Andr_text2_td2">Samsung Galaxy S21</td></tr><tr><td class="Andr_text2_td1">Samsung Galaxy S21 FE</td><td class="Andr_text2_td2">Samsung Galaxy S21 ultra</td></tr><tr><td class="Andr_text2_td1">Samsung Galaxy S22</td><td class="Andr_text2_td2">Samsung Galaxy S22 Ultra</td></tr><tr><td class="Andr_text2_td1">Samsung Galaxy Note20</td><td class="Andr_text2_td2">Samsung Galaxy Note20 Ultra</td></tr><tr><td class="Andr_text2_td1">Samsung Galaxy Tab S7</td><td class="Andr_text2_td2">Samsung Galaxy Tab S7 FE</td></tr><tr><td class="Andr_text2_td1">Samsung Galaxy Tab S5e</td><td class="Andr_text2_td2">Samsung Galaxy S21+</td></tr><tr><td class="Andr_text2_td1">Samsung Galaxy S22+</td><td class="Andr_text2_td2">Samsung Galaxy S23</td></tr><tr><td class="Andr_text2_td1">Samsung Galaxy S23+</td><td class="Andr_text2_td2">Samsung Galaxy S23 Ultra</td></tr><tr><td class="Andr_text2_td1">Samsung Galaxy Z Fold4</td><td class="Andr_text2_td2">Samsung W23</td></tr><tr><td class="Andr_text2_td1">Samsung W22</td><td class="Andr_text2_td2">Samsung W21</td></tr><tr><td class="Andr_text2_td1">Samsung W20</td><td class="Andr_text2_td2">Samsung Galaxy Tab S8</td></tr><tr><td class="Andr_text2_td1">Samsung Galaxy Tab S8+</td><td class="Andr_text2_td2">Samsung Galaxy Tab S8 Ultra</td></tr><tr><td class="Andr_text2_td1">Samsung Galaxy Tab S7+</td><td class="Andr_text2_td2">Samsung Galaxy Tab S6</td></tr><tr><td class="Andr_text2_td1">Samsung Galaxy Tab S6 Lite</td><td class="Andr_text2_td1"><br/></td></tr></tbody></table><div class="Andr_text2_icon"><span class="layui-layer-setwin"><a aria-label="link" class="layui-layer-ico layui-layer-close layui-layer-close2" href="javascript:;"></a></span></div></div></div></div><script>$('.Andr_text2_icon').click(function(){ $('.Andr_text').hide(); }); $('.Andr_text2_btn').click(function(){ $('.Andr_text').show(); })</script> </div> </div> <div id="Specification"> </div> <div class="margin_top" id="Reviews"> <div class="margin_bottom ">  <div class="new-header thead"> <h2 class="bq_h2_new">Reviews</h2> <div class="myWantComment" link="https://www.storexppen.my/user.comment/index/type/1.html" data-goods-id="1"> <div class="submit_button new_btn"> <p>Leave your review</p> </div> </div> </div> <div class="margin_top fenk_list" style="overflow: hidden"> <div class="fenk_1"> <p class="pihm_1_b" id="tiaowe_1">5.0</p> <div class="rank_num"> <div class="star2" data-num="5.0"></div> <p class="zhi4_1_b">Based on 3  Reviews</p> </div> <p class="comment_rank add_cart_button show_all_comment hide" data-rank = "0">Show All Comments</p> </div> <div class="fenk_2"> <div class="zdf_1"> <div class="star2" data-num="5"></div> <div class="jdt_1"> <div class="jdt_2" style="width: 100%;"></div> </div> <p class="pihm_1 comment_rank" data-rank = "5">100%(3)</p> </div> <div class="zdf_1"> <div class="star2" data-num="4"></div> <div class="jdt_1"> <div class="jdt_2" style="width: 0;"></div> </div> <p class="pihm_1 comment_rank" data-rank = "4">0(0)</p> </div> <div class="zdf_1"> <div class="star2" data-num="3"></div> <div class="jdt_1"> <div class="jdt_2" style="width: 0;"></div> </div> <p class="pihm_1 comment_rank" data-rank = "3">0(0)</p> </div> <div class="zdf_1"> <div class="star2" data-num="2"></div> <div class="jdt_1"> <div class="jdt_2" style="width: 0;"></div> </div> <p class="pihm_1 comment_rank" data-rank = "2">0(0)</p> </div> <div class="zdf_1"> <div class="star2" data-num="1"></div> <div class="jdt_1"> <div class="jdt_2" style="width: 0;"></div> </div> <p class="pihm_1 comment_rank" data-rank = "1">0(0)</p> </div> </div> </div> </div> <div class="comment_list" id="comment_list_box"> </div> </div> <div class="margin_top" id="QAs"> <div class="containerAsk"> <div class="goods_ask_content"> <div class="margin_bottom"> <div class="new-header thead"> <h2 class="bq_h2_new">Q & A</h2> <div class="submit_button new_btn" id="ask_question"> <p>Ask a Question</p> </div> </div> <div class="page_title margin_top"> <div class="ask-select-content"> <select name="category" id="category" onchange="change_category()" class="form-control ask_select" aria-label="category"> <option value="0">All questions</option> <option value="1">Goods</option> <option value="2">Delivery</option> <option value="3">Payment</option> <option value="4">Customer Service</option> </select> </div> </div> </div> <div class="goods_ask_list" id="goods_ask_list"></div> </div> <script> window.onload = function () { change_category('0') } </script> </div> </div> </div>   <script type="text/javascript"> $(function(){ $(".select2").select2({ }); }); </script> <script src="/newxp/static2024/js/index/goods_buy.js?ver=20231024"></script> <script type="text/javascript" src="/newxp/static2024/js/index/goods.js?ver=202502241"></script> <script type="text/javascript" src="/newxp/static2024/js/index/comment.js?ver=202502241"></script> <script type="text/javascript" src="/newxp/static2024/js/index/ask.js?ver=202502241"></script>  <script> $(window).on('scroll', function() { var windowscrollWidth = $(window).width(); // 评论距离页面顶部的距离 var offsetTop = $('.mao_1 .nav_content').offset().top if($(window).scrollTop() <=offsetTop) { $('.mao_2').css('display','none') $('#navbar_header_height').show() // if(_LANG_ == 'kr'){ // $('#nav').css('display','block') // } } else if($(window).scrollTop() > offsetTop) { $('.mao_2').css('display','block') $('.mao_2').css('top',0) $('.mao_2').css('z-index',1000) $('#navbar_header_height').hide() // $('.mao_2').css('top',`${$('.navbar_header').height()}px`) // if(_LANG_ == 'kr'){ // $(window).width()>768?$('.mao_2').css('top',`${$('.navbar_header').height()}px`): $('.mao_2').css('top',`${$('.store_nav_top').height()}px`) // } } }); $(function() { var timer=null // 点击Add to Cart添加购物车不调整 $('.mobile-cart-box').click(function(){ $('.add_cart').click() $('.shop-drawer-warpper').fadeIn() $("body").css({"overflow":"hidden","height":"100vh"}) renew_cart_list() }) $('.add_cart').click(function (e) { // renew_cart_list() if (timer) { // 取消上一次的定时器 clearTimeout(timer); } e.stopPropagation() e.preventDefault() var _this = $(this); let __this = $('.navbar_right_cart') BuyPage_addshop(_this) }); }) $(function(){ $('.icon-a-icon1x-29').popover({ content:'', placement:'bottom' }) }) </script> <script> var mySwiper = new Swiper('.l1 .swiper-container', { //初始化Swiper pagination: { //分页器 el: '.swiper-pagination', clickable: true, }, loop: true, //循环 }) var spec_goods_price=""; var default_ask_url="https://www.storexppen.my/ask/ajax_ask_list/goods_id/1.html", model_name="Goods", default_url="https://www.storexppen.my/comment/ajax_comment/goods_id/1.html", goods_id="1", isLoadComment=1; </script> <script> $(function() { let goodsNum = parseInt($("#goods_num").val()) if(goodsNum <= 1) { $('#minId').addClass('disabled') }else { $('#minId').removeClass('disabled') } var button_list = $('#add_cart_button') // 监听购买按钮高度 function getElementTop (el) { if (!el || typeof el !== 'object' || !('offsetTop' in el)) { return false } var actualTop = el.offsetTop var current = el.offsetParent while (current !== null) { actualTop += current.offsetTop current = current.offsetParent } return actualTop } function isDivOffScreen(el) { if (!el || typeof el !== 'object' || !('offsetTop' in el)) { return false } const viewPortHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight const offsetTop = el.offsetTop const scollTop = document.documentElement.scrollTop const top = offsetTop - scollTop return top <= viewPortHeight } $("[data-toggle='popover']").popover(); // 监听滑动购物车 $(window).scroll(function (params) { let scrollTop = document.documentElement.scrollTop || document.body.scrollTop if(!isDivOffScreen(button_list[0])){ $('.footer_info').css("visibility","visible") $('#xp_foot').css("padding-bottom","100px") } if(scrollTop >getElementTop(button_list[0])){ $('.footer_info').css("visibility","visible") $('#xp_foot').css("padding-bottom","100px") }else { $('.footer_info').css("visibility","hidden") $("[data-toggle='popover']").popover('hide'); } if(!isDivOffScreen(button_list[0])){ $('.footer_info').css("visibility","visible") $('#xp_foot').css("padding-bottom","100px") } }) var rank = 0; var url = default_url+'/type/'+rank; if(rank != 0){ $('.show_all_comment').hide(); }else { $('.show_all_comment').hide(); } ajaxComment(url); $(".star").raty({ score: function() { return $(this).attr("data-num"); }, starOn: 'star-filled-lg.svg', starOff: 'starOff-lg.svg', starHalf: 'star-half-filledM.png', readOnly: true, size: 15, path: 'https://resource.xp-pen.com/img/test_picture' }) $(".star2").raty({ score: function() { return $(this).attr("data-num"); }, starOn: 'star-filled-lg.svg', starOff: 'starOff-lg.svg', starHalf: 'star-half-filled-lg.png', readOnly: true, size: 20, path: 'https://resource.xp-pen.com/img/test_picture' }) $('.comment_rank').click(function (){ var rank = $(this).attr('data-rank') - 0; var url = default_url+'/type/'+rank; if(rank != 0){ $('.show_all_comment').css({'display':'inline-block'}); }else { $('.show_all_comment').hide(); } ajaxComment(url); }) var google_goods_data = [{"item_id":1,"item_name":"Artist 22 Plus - 16K","item_brand":"XPPEN Malaysia Official Store","quantity":1,"currency":"MYR","value":"2028.00","price":"2028.00"}]; if(google_goods_data){ add_google_gtag_event('view_item',google_goods_data); } // $('.specifications-popover').mouseenter(function(){ // var content = $('.spec_content_box').html(); // 获取.spec_content_box的原始HTML内容 // var newDiv = `<div class='sp-confirm'>Yes</div>`; // 定义新div的HTML结构 // var updatedContent = content + newDiv; // $(this).attr('data-content', updatedContent); // }) // $('.specifications-popover').on('show.bs.popover', function () { // setTimeout(function(){ // //商品规格选中的状态 // $(".spec_content .eu_lug").click(function () { // if ($(this).hasClass('eu_lug_disable')) { // return;//当禁用的时候不获取 // } // $(this).prev().addClass("selected"); // $(this).parent().siblings().find("input").removeClass("selected"); // $(this).addClass('eu_lug1') // $(this).parent().siblings().find(".eu_lug").removeClass("eu_lug1"); // if (is_mobile_request()) { // $(this).addClass('active') // $(this).parent().siblings().find(".eu_lug").removeClass("active"); // $(this).parent().siblings().find("input").removeClass("selected"); // } // }); // document.querySelector('.sp-confirm').addEventListener('click', function() { // var selectedSpecs = {}; // 用于存储所有选定的规格 // // 获取所有规格分类的容器 // var specContents = document.querySelectorAll('.spec_content'); // specContents.forEach(function(specContent) { // // 在每个规格分类中找到被选中的输入项 // var selectedInput = specContent.querySelector('.selected'); // if (selectedInput) { // var specName = specContent.querySelector('.bq_4_new').textContent.trim(); // var specValue = specContent.querySelector('label[for="'+selectedInput.id+'"] .zuby_1').textContent.trim(); // // 将规格名称和值存入对象 // selectedSpecs[specName] = specValue; // } // document.getElementById('keyname').innerHTML = ''; // // 遍历selectedSpecs对象，并创建DOM元素来展示每个规格 // for (var specName in selectedSpecs) { // if (selectedSpecs.hasOwnProperty(specName)) { // var specItem = document.createElement('span'); // specItem.textContent = specName + selectedSpecs[specName] +' '; // document.getElementById('keyname').appendChild(specItem); // } // } // }); // console.log(JSON.stringify(selectedSpecs)); // }); // $('.sp-confirm').click(function(){ // // 获取弹窗内选中规格 // var forAttributes = $('.popover-body .eu_lug1').map(function() { // return $(this).attr('for'); // }).get(); // $(".spec_content_box").each(function() { // var $this = $(this); // 保存当前的.spec_content_box元素引用 // // 遍历每个需要匹配的for值 // $.each(forAttributes, function(index, forValue) { // // 使用正确的属性选择器语法查找匹配的元素 // var matchingElements = $this.find('label[for="' + forValue + '"]'); // matchingElements.prev().addClass("selected"); // matchingElements.parent().siblings().find("input").removeClass("selected"); // matchingElements.addClass('eu_lug1') // matchingElements.parent().siblings().find(".eu_lug").removeClass("eu_lug1"); // update_goods_price(); // $("[data-toggle='popover']").popover('hide'); // }); // }); // }) // },1000) // }) }) </script> <script> // hwTag $(function (){ let param_SearchResultClick = JSON.parse(localStorage.getItem('SearchResultClick')); if(param_SearchResultClick){ param_SearchResultClick.reviews = '3'; hwtag('event', 'SearchResultClick', param_SearchResultClick); localStorage.removeItem('SearchResultClick') } let param_SearchResults = JSON.parse(localStorage.getItem('SearchResults')); if(param_SearchResults){ hwtag('event', 'SearchResults', param_SearchResults); localStorage.removeItem('SearchResults') } }) </script> <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="37b400afef4a81e3f7fa05dbafe35639"> <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() })() var BUYREPLACEIMG = false let sequentiallyLength =0 $('#showArea a .selectors-img').each(function(){ if($(this).attr('rev')!=''){ sequentiallyLength = sequentiallyLength+1 } }) let initSequentially = 0 let isReplay = false function sequentiallyLoadImg () { let sequentiallyLoadTime = setInterval(() => { if (!$($('#showArea a .selectors-img')[initSequentially]).parent().attr('class')?.includes('video-class')) { if($($('#showArea a .selectors-img')[initSequentially]).attr('rev')!=''){ if(!isReplay){ $($('#showArea a .selectors-img')[initSequentially]).attr('src',$($('#showArea a .selectors-img')[initSequentially]).attr('rev')) isReplay = true } if($($('#showArea a .selectors-img'))[initSequentially] && $($('#showArea a .selectors-img'))[initSequentially].complete){ isReplay = false sequentiallyobj = '' initSequentially = initSequentially+1 } } } if(initSequentially>=sequentiallyLength){ clearInterval(sequentiallyLoadTime) } BUYREPLACEIMG = true }, 1000) } let scrollnum=0 let initScrollTop = $(window).scrollTop() $(window).scroll(function (event) { if ($(window).scrollTop() != initScrollTop && BUYREPLACEIMG == false&&scrollnum==0) { if ($(window).innerWidth() > 768) { sequentiallyLoadImg() scrollnum++ } } }); $("body").mousemove(function (event) { if (BUYREPLACEIMG == false) { if ($(window).innerWidth() > 768) { sequentiallyLoadImg() BUYREPLACEIMG = true } } }); // 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/buy/artist-22-plus.html', }, 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/buy/artist-22-plus.html\" 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/buy/artist-22-plus.html&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/buy/artist-22-plus.html&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/buy/artist-22-plus.html&lang=my&webref=" class="login2">'+sing+'</a>\ </li>\ <li>\ <a href="https://account.xp-pen.com/reg/index?jumpUrl=https://www.storexppen.my/buy/artist-22-plus.html&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/buy/artist-22-plus.html&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>

CINXE.COM

Artist 22 Plus - 16K | XPPEN Malaysia Official Store