L’application HUAWEI Store

<!DOCTYPE html>      <html xml:lang="fr-FR" lang="fr-FR" prefix="og:http://ogp.me/ns#">  <head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="Access-Control-Allow-Origin"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.2, maximum-scale=5.0, user-scalable=yes"/> <meta name="description" content="Ne ratez plus nos offres exclusives, promotions et nouveaux produits Huawei directement depuis la boutique officielle et son application Huawei Store."/> <meta name="keywords" content="Huawei, Produits Huawei, Application Huawei, Smartphone Huawei, P40"/> <meta name="GENERATOR" content=" 8.00.7601.19003"/> <meta name="robots" content="index,follow"/> <title>L’application HUAWEI Store | HUAWEI France</title> <link rel="canonical" href="https://consumer.huawei.com/fr/offer/huawei-store-app/"/> <script type="text/javascript">window.pageLoadStart = new Date().getTime();</script> <link rel="shortcut icon" href="/content/dam/huawei-cbg-site/common/huawei-logo.png" type="image/png"/> <link rel="icon" href="/content/dam/huawei-cbg-site/common/huawei-logo.png" type="image/png"/> <link rel="bookmark" href="/content/dam/huawei-cbg-site/common/huawei-logo.png" type="image/png"/> <link rel="stylesheet" href="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/public-v4.min.933bfd4cdba04f744f896d4e609c01f7.css" type="text/css"> <link rel="stylesheet" href="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/common-v4-nav-v2.min.52a7bc3ae89b8570c197f16193cda3d8.css" type="text/css"> <link rel="stylesheet" href="/etc/designs/huawei-cbg-site/clientlib-mkt/v5/common-header-v5.min.9df9f2985dfd1279e42f700288abae8d.css" type="text/css"> <script type="text/javascript"> function getEncCookie(name){ var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); if(arr=document.cookie.match(reg)) return unescape(arr[2]); else return null; } // data layer javascript window.digitalData={"page":{"pageInfo":{"appNum":"A44923034","siteCode":"fr","staticResHost":"//consumer-res.huawei.com","isProd":false,"serviceGatewayPath":"https://sgw-de.c.huawei.com/forward","gaiaPath":"//r.huaweistatic.com","ccpcApiKey":"DE","siteName":"France (FR)","siteCodeForAPI":"fr","language":"fr_fr","pageName":"cbg:fr:offer:huawei-store-app","uri":"/fr/offer/huawei-store-app/","site":"cbg","countryCode":"FR","siteCode2":"fr","isProductMiniSitePage":false,"knowledgeHost":"//consumer-tkb.huawei.com","isProductDetailPage":false,"publishedHost":"https://consumer.huawei.com","siteCurrency":"\u20ac"},"category":{"pageType":"offer","subCategory1":"huawei-store-app","primaryCategory":"offer"}},"event":[]}; window.digitalData.page.pageInfo.currentHost = location.host; window.encUser = getEncCookie("data_layer_enc"); // is the site Arabic site window.isArabicSite = false; // map type window.customMapType = "gaia"; </script> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/statics/jquery/jquery.min.js"></script> <script type="text/javascript"> var service_sessionuuid_support = "base/basecommonService/sessionuuid"; var SITE_CODE = window.digitalData.page.pageInfo.siteCodeForAPI || window.digitalData.page.pageInfo.siteCode; var APP_NUM = window.digitalData.page.pageInfo.appNum; var site_language = window.digitalData.page.pageInfo.language; var countryCode = window.digitalData.page.pageInfo.countryCode; var allowHA = false; </script>  <script type="text/javascript"> (function () { window.isHealthWebView = function() { return window.JsInteraction && typeof window.JsInteraction.isFromHuaweiHealth === 'function' && window.JsInteraction.isFromHuaweiHealth(); } // 页面头尾隐藏样式 const appWebViewStyle = ` .huawei-v4 #header-v4, .huawei-v4 #second-navigation-v4, .huawei-v4 #header-placeholder, .huawei-v4 #robotIcon, .huawei-v4 #cookie-information-template-wrapper, .huawei-v4 .huawei-convergent-cookie, .huawei-v4 .optanon-alert-box-wrapper, .huawei-v4 .nps-survey, .huawei-v4 .hwv3-animate-box, .huawei-v4 .huawei-bootom-cookie, .huawei-v4 .v4.n09-footer .container div:not(.policy-text), .huawei-v4.nav-hidden .huawei-ie-tips { display: none !important; }`; function addCssByStyle(cssString) { const style = document.createElement("style"); style.setAttribute("type", "text/css"); const cssText = document.createTextNode(cssString); style.appendChild(cssText); const heads = document.getElementsByTagName("head"); if (heads.length) { heads[0].appendChild(style); } else { document.documentElement.appendChild(style); } } /** * 判断当前页面是否为服务页面及智慧生活(window.hilink) 或者 MHW-APP(integrationJsInterface)嵌入 * * @returns {*|boolean} */ function isSupportPageInAppView() { return window.digitalData && window.digitalData.page.category.pageType == 'support' && (window.hilink || window.integrationJsInterface || window.integrationJsInterfaceWebview || window.hicareJsInterface); } function isEcommerceSite() { const siteCode = window.digitalData ? window.digitalData.page.pageInfo.siteCode2 : ''; const ecommerceSiteCodeList = ['uk', 'fr', 'de', 'es', 'it', 'nl','ro', 'pt', 'pl', 'cz', 'tr', 'my', 'sa', 'ae', 'th', 'jp', 'pe', 'mx', 'cl', 'co', 'za', 'ru', 'ph']; return ecommerceSiteCodeList.indexOf(siteCode) > -1; } // 在运动健康/智慧生活服务页面webView中，隐藏页面头尾 if ((isHealthWebView() && isEcommerceSite()) || isSupportPageInAppView()) { addCssByStyle(appWebViewStyle); } })(); </script> <script type="text/javascript"> window.dataLayer = window.dataLayer || []; function getChapter1(){ var pageType = window.digitalData.page.category.pageType; pageType = pageType.split("_")[0]; var chapter1 = ""; switch(pageType){ case "homepage": chapter1 = "Home";break; case "support": chapter1 = "support";break; case "product-detail": chapter1 = "Mkt products";break; case "product-listing": chapter1 = "Mkt products";break; default: chapter1 = window.digitalData.page.category.primaryCategory; } return chapter1; } function getChapter2(){ var pageType = window.digitalData.page.category.pageType; pageType = pageType.split("_")[0]; var chapter2 = window.digitalData.page.category.subCategory1; if(pageType == "product-detail" || pageType == "product-listing"){ chapter2 = window.digitalData.page.category.primaryCategory; } return chapter2; } function getChapter3(){ var chapter3 = window.digitalData.page.category.subCategory2; var pageType = window.digitalData.page.category.pageType; pageType = pageType.split("_")[0]; if(pageType == "product-detail"){ chapter3 = window.digitalData.page.category.subCategory1; } return chapter3; } function getPageName(){ var pageName = ""; var pathArr = location.pathname.split("/"); for(var index = pathArr.length - 1; index > 0; index --){ if(pathArr[index] != ""){ pageName = pathArr[index]; if(pageName.indexOf(".html") != -1){ pageName = pageName.split(".")[0]; } break; } } return pageName; } /* * * 判断是否APP内嵌，设置siteId * */ function getMktDmpaSiteId(){ var dmpa_siteId = ""; if(window.integrationJsInterface ||window.integrationJsInterfaceWebview){ dmpa_siteId = "HuaweiStore-app"; }else{ dmpa_siteId = $(window).width() < 1199.98?"HuaweiStore-wap":"HuaweiStore-web"; } return dmpa_siteId; } var DMPA_SCRIPT_BASEURL = ""; var dmpa_init_mkt_dmpa_params = { "siteId": getMktDmpaSiteId(), "IP":null , "userId": null, "sessionId": null , "country" : digitalData.page.pageInfo?digitalData.page.pageInfo.siteCode2:"", "siteLanguage": digitalData.page.pageInfo.language?digitalData.page.pageInfo.language.replace("_","-"):"", "siteName": digitalData.page.pageInfo?digitalData.page.pageInfo.siteCode2:"" } /* * * * 设置dmpa5公共参数 * * */ function initMktDmpa5(){ if(typeof dmpa5 === 'undefined' || document.readyState !=='complete'){ return; } //查询用户ID try{ //获取uum的API var uumApi = mktConfig.uumApi; if(uumApi != null && uumApi != ""){ var uumHost = uumApi.substring(0, uumApi.search("/users")); //tokenApi var tokenApiUrl = uumHost + "/gateway/csrfToken?_=" + Date.now(); //若用户已经登录，则调用UUM接口查询用户信息 $.ajax({ type:"GET", url: uumApi+"/v1/login/info", dataType:"json", xhrFields:{withCredentials:true} }).always(function(result){ if(result && result.resultCode == 0){ dmpa_init_mkt_dmpa_params.userId = result.data.userId; } //设置sessionId $.ajax({ type: "get", url: tokenApiUrl, xhrFields: { withCredentials: true }, crossDomain: true }).always(function(result){ if(result && result.resultCode == 0){ dmpa_init_mkt_dmpa_params.sessionId = result.data; } setMktDmpaParams(dmpa_init_mkt_dmpa_params); }); }) }else{ dmpa_init_mkt_dmpa_params.userId = ''; //会话中心未配置 setMktDmpaParams(dmpa_init_mkt_dmpa_params); } }catch(e){ } } function setMktDmpaParams(dmpaParams){ if(typeof dmpa5 === 'undefined'){ return; } dmpa5('set', dmpaParams); //公共参数初始化 dmpa5('setTrackerUrl',DMPA_SCRIPT_BASEURL+"/"); dmpa5('setAutoSendPV',false);//禁止自动发送 pv dmpa5('setDMPAVersion', 5); // 设置DMPA版本 dmpa5('setAutoSendPP',false);//禁止自动发送 pp dmpa5('setAutoLinkTracking',false);//禁止自动发送 link //设置dmpa参数后发送一次pv trackMktDmpaPV(); } /** * 设置dmpa的访客userId */ function buildMktDmpaUserId(){ var userId = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxx'.replace(/[xy]/g, function(c) { var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8); return v.toString(16); }); if(typeof $.cookie === 'function'){ var site_name = window.site || window.siteCode || ''; } return userId; } /** * 发送dmpa的pv，适用于mkt/服务/活动 * */ function trackMktDmpaPV(){ // 判断是否为 App Webview var isAppWebview = window.integrationJsInterface || window.integrationJsInterfaceWebview; var referrerUrl = ''; if (document.referrer.length > 0) { referrerUrl = document.referrer;} try { if (referrerUrl.length == 0 && opener.location.href.length > 0) { referrerUrl = opener.location.href; } } catch (e) {} var pvData = { "title": $("title").text() || null, "location": location.origin + location.pathname || null, "uri": digitalData.page.pageInfo.uri || null , "referrerUrl": referrerUrl || null, "trackSource": null, "trackMedium": null, "trackCampaign": null, "trackContent": null, "trackTerm": null, "pageLoadDelay": null, "pageHierarchy": null, "subModuleName": getMktDmpaSubModuleName() } // PDP页增加跟踪需要的额外参数 if (digitalData.page.pageInfo.isProductDetailPage && digitalData.product && digitalData.product.productInfo) { pvData["additionalProperty"] = JSON.stringify({ "product_name": digitalData.product.productInfo.marketingName, "page_view": "PDP" }); } if (!isAppWebview) { dmpa5("trackPageView", pvData); } } /** * 获取子模块名称 */ function getMktDmpaSubModuleName(){ var url = location.href; var moduleName = ""; if(url.indexOf("/support/") != -1){ moduleName = "Support"; }else if(url.indexOf("/community/") != -1){ moduleName = "Community"; }else if(url.indexOf("/promo/") != -1 || url.indexOf("/offer/") != -1 ){ //活动以及促销组件 moduleName = "Activity"; }else if(url.indexOf("/shop/") != -1 || url.indexOf("/buy/") != -1){ moduleName = "eCommerce"; }else{ moduleName = "Marketing"; } return moduleName; } </script> <script> var siteCode = window.digitalData ? window.digitalData.page.pageInfo.siteCode2 : ''; var pageCategory = window.digitalData ? window.digitalData.page.category.pageType: ''; var countryCode = window.digitalData ? window.digitalData.page.pageInfo.countryCode: ''; var language = window.digitalData ? window.digitalData.page.pageInfo.language: ''; var siteName = window.digitalData ? window.digitalData.page.pageInfo.siteName:''; var pageProductInfo = window.digitalData.product ? window.digitalData.product.productInfo:''; function dateFormat(fmt) { var d = new Date(); var local = d.getTime(); var offset = d.getTimezoneOffset() * 60000; var localUtc = new Date().getTimezoneOffset() / 60; var utcTime; if (localUtc > 0) { utcTime = local - offset; } else { utcTime = local + offset; } var CNTime = utcTime + 3600000 * 8; var nd = new Date(CNTime); var o = { "M+": nd.getMonth() + 1, "d+": nd.getDate(), "H+": nd.getHours(), "m+": nd.getMinutes(), "s+": nd.getSeconds(), "q+": Math.floor((nd.getMonth() + 3) / 3), "S": nd.getMilliseconds() }; if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (nd.getFullYear() + "").substr(4 - RegExp.$1.length)); for (var k in o) if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); return fmt; } // hitTimeStamp : YYYYMMDD_hh:mm:ss 时区是(GMT+08:00) China Time，就是GA全球视图的时区 window.dataLayer.push({ userId: "", sessionId: "", firstSourceMedium:"", lastSourceMedium:"", accountStatus: "", loginStatus: "", hitTimeStamp: dateFormat("yyyy-MM-dd_HH:mm:ss"), pageCategory: pageCategory, siteCountryCode: countryCode, siteLanguage: language, siteCountryName: siteName, "productMktName":pageProductInfo&&pageProductInfo.marketingName||'', "productCategory":pageProductInfo&&pageProductInfo.category||'', "userCategory":"" }); if(pageCategory == 'search') { var reg = new RegExp("(^|&)keyword=([^&]*)(&|$)"); var val = window.location.search.substr(1).match(reg); if(val!=null&&val[2]) { var searchKeyword=decodeURIComponent(val[2]) window.dataLayer.push({ cat55: "product", kw55: searchKeyword, siteSearchResults: "" }); } ; } </script> <script type="text/javascript"> /** * 获取url中的参数 */ function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r != null) { return decodeURIComponent(r[2]); } return null; //返回参数值 } </script> <script type="text/javascript" charset="UTF-8"> /* * thirdPartyFlag：是否第三方平台调用(pMall，ISRP)，url检索到‘integrateMode=iframe’说明第三方平台使用，需隐藏cookie-information && onetrust * 存在window.integrationJsInterface说明为app webview嵌入模式 */ var thirdPartyPathName = null; if (parent !== window) { try { thirdPartyPathName = top.location.href; }catch (e) { thirdPartyPathName = window.location.href; } }else{ thirdPartyPathName = window.location.href; } var thirdPartyFlag = thirdPartyPathName.indexOf("integrateMode\=iframe") != -1; if (window.integrationJsInterface || window.integrationJsInterfaceWebview || thirdPartyFlag) { var appmaxTime = 5000; var isAppStore = setInterval(function () { try { var $cookieInfoWrapper = $('#cookie-information-template-wrapper'); if ($(".optanon-alert-box-wrapper").length > 0 || $("#onetrust-consent-sdk").length > 0 || $cookieInfoWrapper.length > 0) { $(".optanon-alert-box-wrapper,#onetrust-consent-sdk").remove(); $cookieInfoWrapper.remove(); clearInterval(isAppStore); } } catch (e) { } if (appmaxTime-- < 1) { clearInterval(isAppStore); } }, 20); } </script> <script type="text/plain" class="analysis-cookie optanon-category-2"> (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-MBP7H56'); </script> <script type="text/javascript"> window.cookieInformationCustomConfig = { acceptFrequency: 180, declineFrequency: 14 }; </script> <script id="CookieConsent" src="https://policy.app.cookieinformation.com/uc.js" data-culture="FR" cs-id="47833" type="text/javascript" data-gcm-version="2.0"></script> <script type="text/javascript"> // 添加监听cookie配置变更的事件 window.addEventListener('CookieInformationConsentGiven', function () { var enableStatCookie = window.CookieInformation.getConsentGivenFor('cookie_cat_statistic'); if (enableStatCookie) { activeCookieScripts('optanon-category-2'); } }, false); </script> <script type="text/javascript"> var enableExternalLinkPopup = Boolean(true); var externalLinkWhitelist = "[\x22huawei.com\x22,\x22h5hosting\u002Ddrcn.dbankcdn.cn\x22,\x22vmall.com\x22,\x22dpd.pt\x22,\x22cn.biosenseclinic.com\x22,\x22contentcenter\u002Ddrcn.dbankcdn.com\x22,\x22css\u002Dcomplain\u002Ddrcn.platform.dbankcloud.cn\x22,\x22fancourier.ro\x22]" != '' ? JSON.parse("[\x22huawei.com\x22,\x22h5hosting\u002Ddrcn.dbankcdn.cn\x22,\x22vmall.com\x22,\x22dpd.pt\x22,\x22cn.biosenseclinic.com\x22,\x22contentcenter\u002Ddrcn.dbankcdn.com\x22,\x22css\u002Dcomplain\u002Ddrcn.platform.dbankcloud.cn\x22,\x22fancourier.ro\x22]") : []; </script> <script type="text/javascript"> var enableNewCookieCfg = Boolean(true); var cookieModeSetting = "cookieInformation"; var ctlAnalysisCookie = Boolean(); var ctlAdvertiseCookie = Boolean(); var enableDefaultCookieAccept = Boolean(); var pushForConsentTime = ""; var pushForConsentTimeNewMode = ""; // 分享于My Huawei App中打开开关 var enableShareFeature = Boolean(true); // My Huawei App 下载页面地址配置项 var appDownloadLink = ""; // 是否启用 App 侧 FA 数据推送 var enableAppFa = Boolean(); // App 区域映射Json配置项 var appRegionMapperJsonStr = "[{\r\n \x22region\x22: \x22fr_FR\x22,\r\n \x22site\x22: \x22fr\x22\r\n }, {\r\n \x22region\x22: \x22en_GB\x22,\r\n \x22site\x22: \x22uk\x22\r\n }, {\r\n \x22region\x22: \x22de_DE\x22,\r\n \x22site\x22: \x22de\x22\r\n }, {\r\n \x22region\x22: \x22it_IT\x22,\r\n \x22site\x22: \x22it\x22\r\n }, {\r\n \x22region\x22: \x22es_ES\x22,\r\n \x22site\x22: \x22es\x22\r\n }, {\r\n \x22region\x22: \x22nl_NL\x22,\r\n \x22site\x22: \x22nl\x22\r\n }, {\r\n \x22region\x22: \x22ja_JP\x22,\r\n \x22site\x22: \x22jp\x22\r\n }, {\r\n \x22region\x22: \x22en_PH\x22,\r\n \x22site\x22: \x22ph\x22\r\n }, {\r\n \x22region\x22: \x22zh_CN\x22,\r\n \x22site\x22: \x22cn\x22\r\n }, {\r\n \x22region\x22: \x22en_ZA\x22,\r\n \x22site\x22: \x22za\x22\r\n }, {\r\n \x22region\x22: \x22pl_PL\x22,\r\n \x22site\x22: \x22pl\x22\r\n }, {\r\n \x22region\x22: \x22ru_RU\x22,\r\n \x22site\x22: \x22ru\x22\r\n }, {\r\n \x22region\x22: \x22th_TH\x22,\r\n \x22site\x22: \x22th\x22\r\n }, {\r\n \x22region\x22: \x22cs_CZ\x22,\r\n \x22site\x22: \x22cz\x22\r\n }, {\r\n \x22region\x22: \x22ro_RO\x22,\r\n \x22site\x22: \x22ro\x22\r\n }, {\r\n \x22region\x22: \x22tr_TR\x22,\r\n \x22site\x22: \x22tr\x22\r\n }, {\r\n \x22region\x22: \x22es_PE\x22,\r\n \x22site\x22: \x22pe\x22\r\n }, {\r\n \x22region\x22: \x22pt_PT\x22,\r\n \x22site\x22: \x22pt\x22\r\n }, {\r\n \x22region\x22: \x22ar_AE\x22,\r\n \x22site\x22: \x22ae\x22\r\n }, {\r\n \x22region\x22: \x22en_AE\x22,\r\n \x22site\x22: \x22ae_en\x22\r\n }, {\r\n \x22region\x22: \x22ar_EG\x22,\r\n \x22site\x22: \x22eg\x22\r\n }, {\r\n \x22region\x22: \x22en_EG\x22,\r\n \x22site\x22: \x22eg_en\x22\r\n }, {\r\n \x22region\x22: \x22ar_SA\x22,\r\n \x22site\x22: \x22sa\x22\r\n }, {\r\n \x22region\x22: \x22en_SA\x22,\r\n \x22site\x22: \x22sa_en\x22\r\n }, {\r\n \x22region\x22: \x22es_CL\x22,\r\n \x22site\x22: \x22cl\x22\r\n }, {\r\n \x22region\x22: \x22es_MX\x22,\r\n \x22site\x22: \x22mx\x22\r\n }, {\r\n \x22region\x22: \x22es_CO\x22,\r\n \x22site\x22: \x22co\x22\r\n }, {\r\n \x22region\x22: \x22en_MY\x22,\r\n \x22site\x22: \x22my\x22\r\n }, {\r\n \x22region\x22: \x22id_ID\x22,\r\n \x22site\x22: \x22id\x22\r\n }, {\r\n \x22region\x22: \x22en_AU\x22,\r\n \x22site\x22: \x22au\x22\r\n }, {\r\n \x22region\x22: \x22de_CH\x22,\r\n \x22site\x22: \x22ch\x22\r\n }, {\r\n \x22region\x22: \x22fr_CH\x22,\r\n \x22site\x22: \x22ch_fr\x22\r\n }, {\r\n \x22region\x22: \x22nl_BE\x22,\r\n \x22site\x22: \x22be\x22\r\n }, {\r\n \x22region\x22: \x22fr_BE\x22,\r\n \x22site\x22: \x22be_fr\x22\r\n }, {\r\n \x22region\x22: \x22en_KH\x22,\r\n \x22site\x22: \x22kh\x22\r\n }, {\r\n \x22region\x22: \x22my_MM\x22,\r\n \x22site\x22: \x22mm\x22\r\n }, {\r\n \x22region\x22: \x22en_MM\x22,\r\n \x22site\x22: \x22mm\x22\r\n }, {\r\n \x22region\x22: \x22vi_VN\x22,\r\n \x22site\x22: \x22vn\x22\r\n }, {\r\n \x22region\x22: \x22en_SG\x22,\r\n \x22site\x22: \x22sg\x22\r\n }, {\r\n \x22region\x22: \x22es_PY\x22,\r\n \x22site\x22: \x22py\x22\r\n }, {\r\n \x22region\x22: \x22es_PA\x22,\r\n \x22site\x22: \x22pa\x22\r\n }, {\r\n \x22region\x22: \x22es_BO\x22,\r\n \x22site\x22: \x22bo\x22\r\n }, {\r\n \x22region\x22: \x22es_EC\x22,\r\n \x22site\x22: \x22ec\x22\r\n }, {\r\n \x22region\x22: \x22es_HN\x22,\r\n \x22site\x22: \x22hn\x22\r\n }, {\r\n \x22region\x22: \x22es_GT\x22,\r\n \x22site\x22: \x22gt\x22\r\n }, {\r\n \x22region\x22: \x22es_CR\x22,\r\n \x22site\x22: \x22cr\x22\r\n }, {\r\n \x22region\x22: \x22es_UY\x22,\r\n \x22site\x22: \x22uy\x22\r\n }, {\r\n \x22region\x22: \x22sk_SK\x22,\r\n \x22site\x22: \x22sk\x22\r\n }, {\r\n \x22region\x22: \x22en_MU\x22,\r\n \x22site\x22: \x22mu\x22\r\n }, {\r\n \x22region\x22: \x22ar_JO\x22,\r\n \x22site\x22: \x22jo\x22\r\n }, {\r\n \x22region\x22: \x22ar_BH\x22,\r\n \x22site\x22: \x22bh_ar\x22\r\n }, {\r\n \x22region\x22: \x22en_BH\x22,\r\n \x22site\x22: \x22bh\x22\r\n }, {\r\n \x22region\x22: \x22ar_KW\x22,\r\n \x22site\x22: \x22kw\x22\r\n }, {\r\n \x22region\x22: \x22en_KW\x22,\r\n \x22site\x22: \x22kw_en\x22\r\n }, {\r\n \x22region\x22: \x22en_GH\x22,\r\n \x22site\x22: \x22gh\x22\r\n }, {\r\n \x22region\x22: \x22ar_QA\x22,\r\n \x22site\x22: \x22qa_ar\x22\r\n }, {\r\n \x22region\x22: \x22en_QA\x22,\r\n \x22site\x22: \x22qa\x22\r\n }, {\r\n \x22region\x22: \x22en_NG\x22,\r\n \x22site\x22: \x22ng\x22\r\n }, {\r\n \x22region\x22: \x22en_IE\x22,\r\n \x22site\x22: \x22ie\x22\r\n }, {\r\n \x22region\x22: \x22ar_DZ\x22,\r\n \x22site\x22: \x22dz_ar\x22\r\n }, {\r\n \x22region\x22: \x22fr_DZ\x22,\r\n \x22site\x22: \x22dz\x22\r\n }, {\r\n \x22region\x22: \x22en_KE\x22,\r\n \x22site\x22: \x22ke\x22\r\n }, {\r\n \x22region\x22: \x22en_LB\x22,\r\n \x22site\x22: \x22lb\x22\r\n }, {\r\n \x22region\x22: \x22ar_TN\x22,\r\n \x22site\x22: \x22tn_ar\x22\r\n }, {\r\n \x22region\x22: \x22fr_TN\x22,\r\n \x22site\x22: \x22tn\x22\r\n }, {\r\n \x22region\x22: \x22ar_IQ\x22,\r\n \x22site\x22: \x22iq_ar\x22\r\n }, {\r\n \x22region\x22: \x22en_IQ\x22,\r\n \x22site\x22: \x22iq\x22\r\n }, {\r\n \x22region\x22: \x22ar_OM\x22,\r\n \x22site\x22: \x22om_ar\x22\r\n }, {\r\n \x22region\x22: \x22en_OM\x22,\r\n \x22site\x22: \x22om\x22\r\n }, {\r\n \x22region\x22: \x22en_IN\x22,\r\n \x22site\x22: \x22in\x22\r\n }, {\r\n \x22region\x22: \x22en_PK\x22,\r\n \x22site\x22: \x22pk\x22\r\n }, {\r\n \x22region\x22: \x22ar_MA\x22,\r\n \x22site\x22: \x22ma_ar\x22\r\n }, {\r\n \x22region\x22: \x22fr_MA\x22,\r\n \x22site\x22: \x22ma\x22\r\n }, {\r\n \x22region\x22: \x22sr_RS\x22,\r\n \x22site\x22: \x22rs\x22\r\n }, {\r\n \x22region\x22: \x22hu_HU\x22,\r\n \x22site\x22: \x22hu\x22\r\n }, {\r\n \x22region\x22: \x22de_AT\x22,\r\n \x22site\x22: \x22at\x22\r\n }, {\r\n \x22region\x22: \x22hr_HR\x22,\r\n \x22site\x22: \x22hr\x22\r\n }, {\r\n \x22region\x22: \x22el_CY\x22,\r\n \x22site\x22: \x22cy\x22\r\n }, {\r\n \x22region\x22: \x22sl_SI\x22,\r\n \x22site\x22: \x22si\x22\r\n }, {\r\n \x22region\x22: \x22el_GR\x22,\r\n \x22site\x22: \x22gr\x22\r\n }, {\r\n \x22region\x22: \x22uk_UA\x22,\r\n \x22site\x22: \x22ua\x22\r\n }, {\r\n \x22region\x22: \x22bg_BG\x22,\r\n \x22site\x22: \x22bg\x22\r\n }, {\r\n \x22region\x22: \x22en_BD\x22,\r\n \x22site\x22: \x22bd\x22\r\n }, {\r\n \x22region\x22: \x22zh_tw_HK\x22,\r\n \x22site\x22: \x22hk\x22\r\n }, {\r\n \x22region\x22: \x22en_NZ\x22,\r\n \x22site\x22: \x22nz\x22\r\n }, {\r\n \x22region\x22: \x22es_SV\x22,\r\n \x22site\x22: \x22sv\x22\r\n }, {\r\n \x22region\x22: \x22pt_BR\x22,\r\n \x22site\x22: \x22br\x22\r\n }, {\r\n \x22region\x22: \x22es_DO\x22,\r\n \x22site\x22: \x22do\x22\r\n }, {\r\n \x22region\x22: \x22es_AR\x22,\r\n \x22site\x22: \x22ar\x22\r\n }, {\r\n \x22region\x22: \x22ru_BE\x22,\r\n \x22site\x22: \x22by\x22\r\n }, {\r\n \x22region\x22: \x22ru_KZ\x22,\r\n \x22site\x22: \x22kz\x22\r\n }, {\r\n \x22region\x22: \x22ru_UZ\x22,\r\n \x22site\x22: \x22uz\x22\r\n }, {\r\n \x22region\x22: \x22en_LK\x22,\r\n \x22site\x22: \x22lk\x22\r\n }, {\r\n \x22region\x22: \x22en_CA\x22,\r\n \x22site\x22: \x22ca\x22\r\n }, {\r\n \x22region\x22: \x22fr_CA\x22,\r\n \x22site\x22: \x22ca_fr\x22\r\n }, {\r\n \x22region\x22: \x22bs_BA\x22,\r\n \x22site\x22: \x22ba\x22\r\n }, {\r\n \x22region\x22: \x22ro_MD\x22,\r\n \x22site\x22: \x22md\x22\r\n }, {\r\n \x22region\x22: \x22he_IL\x22,\r\n \x22site\x22: \x22il\x22\r\n }, {\r\n \x22region\x22: \x22mk_MK\x22,\r\n \x22site\x22: \x22mk\x22\r\n }, {\r\n \x22region\x22: \x22fi_FI\x22,\r\n \x22site\x22: \x22fi\x22\r\n }, {\r\n \x22region\x22: \x22da_DK\x22,\r\n \x22site\x22: \x22dk\x22\r\n }, {\r\n \x22region\x22: \x22no_NO\x22,\r\n \x22site\x22: \x22no\x22\r\n }, {\r\n \x22region\x22: \x22et_EE\x22,\r\n \x22site\x22: \x22ee\x22\r\n }, {\r\n \x22region\x22: \x22ru_EE\x22,\r\n \x22site\x22: \x22ee\x22\r\n }, {\r\n \x22region\x22: \x22lv_LV\x22,\r\n \x22site\x22: \x22lv\x22\r\n }, {\r\n \x22region\x22: \x22ru_LV\x22,\r\n \x22site\x22: \x22lv\x22\r\n }, {\r\n \x22region\x22: \x22lt_LT\x22,\r\n \x22site\x22: \x22lt\x22\r\n }, {\r\n \x22region\x22: \x22sv_SE\x22,\r\n \x22site\x22: \x22se\x22\r\n }\r\n]"; </script> <script type="text/javascript"> var supportv2 = {}; supportv2["toCApiUrl"] = "https:\/\/itrinity\u002Dde.c.huawei.com"; supportv2["captchaServiceDomain"] = "csc\u002Dadapter\u002Ddre.security.dbankcloud.com"; supportv2["apiBaseUrl"] = "https:\/\/ccpce\u002Dde.consumer.huawei.com\/ccpcmd\/services\/dispatch\/secured\/CCPC\/EN"; supportv2["captchaUrl"] = "contentcenter\u002Ddre.dbankcdn.com\/pub_1\/cscaptcha_captcha_900_9\/b\/v3\/netease"; supportv2["supportApiUrl"] = "https:\/\/consumer.huawei.com\/support"; supportv2["ccpcServiceGatewayUrl"] = ""; supportv2["cmktApiUrl"] = "https:\/\/api\u002Dde.c.huawei.com\/cuepf"; supportv2["casUrl"] = "https:\/\/id7.cloud.huawei.com\/CAS"; supportv2["logisticcode"] = ""; supportv2["knowledgeLangCode"] = ""; supportv2["knowledgeCountry"] = ""; supportv2["productCategoryMapping"] = "[{\x22deviceProductLv2Id\x22:\x22CMCG10000002\x22,\x22categoryNameKey\x22:\x22Phones\x22,\x22majorProductCode\x22:\x22CMCG10000160,CMCG10000014,CMCG10000059,CMCG10000013,CMCG10000056,CMCG10000057,CMCG10000051,CMCG10000016,CMCG10000052,CMCG10000054,CMCG10000055,CMCG10000058,CMCG10000017,CMCG10000015,CMCG10000053\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/phones.svg\x22,\x22deviceCenterMajorName\x22:\x22Phones\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000003\x22,\x22categoryNameKey\x22:\x22Tablets\x22,\x22majorProductCode\x22:\x22CMCG10000018,CMCG10000019,CMCG10000061,CMCG10000060\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/tablets.svg\x22,\x22deviceCenterMajorName\x22:\x22Tablettes\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000240\x22,\x22categoryNameKey\x22:\x22Vision\x22,\x22majorProductCode\x22:\x22CMCG10000920,CMCG10000280,CMCG10000922,CMCG10000941,CMCG10000980,CMCG10000940,CMCG10001000,CMCG10000921,CMCG10000300\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/visions.svg\x22,\x22deviceCenterMajorName\x22:\x22Écrans Vision\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000005\x22,\x22categoryNameKey\x22:\x22Wearables\x22,\x22majorProductCode\x22:\x22CMCG10000021,CMCG10000022,CMCG10000023,CMCG10000063,CMCG10000062\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/wearables.svg\x22,\x22deviceCenterMajorName\x22:\x22Dispositifs à porter\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000004\x22,\x22categoryNameKey\x22:\x22Laptops\x22,\x22majorProductCode\x22:\x22CMCG10000620,CMCG10000400,CMCG10000383,CMCG10000401,CMCG10000020,CMCG10000384,CMCG10000402,CMCG10000121,CMCG10000345\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/laptops.svg\x22,\x22deviceCenterMajorName\x22:\x22Ordinateurs portables\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000006\x22,\x22categoryNameKey\x22:\x22Smart home\x22,\x22majorProductCode\x22:\x22CMCG10000029,CMCG10000200,CMCG10000027,CMCG10000075,CMCG10000180,CMCG10000065,CMCG10000220,CMCG10000026,CMCG10000064,CMCG10000025,CMCG10000820,CMCG10000221,CMCG10000024,CMCG10000028,CMCG10000031,CMCG10000030\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/homes.svg\x22,\x22deviceCenterMajorName\x22:\x22Appareils connectés\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000010\x22,\x22categoryNameKey\x22:\x22Accessories\x22,\x22majorProductCode\x22:\x22CMCG10000037,CMCG10000036,CMCG10000038,CMCG10000034,CMCG10000035,CMCG10000067,CMCG10000070,CMCG10000068,CMCG10000069,CMCG10000066\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/accessories.svg\x22,\x22deviceCenterMajorName\x22:\x22Accessoires\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000340\x22,\x22categoryNameKey\x22:\x22Monitors\x22,\x22majorProductCode\x22:\x22CMCG10000381,CMCG10000382\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/monitors.svg\x22,\x22deviceCenterMajorName\x22:\x22Moniteurs\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000360\x22,\x22categoryNameKey\x22:\x22Desktops\x22,\x22majorProductCode\x22:\x22CMCG10000342,CMCG10000420,CMCG10000380,CMCG10000361\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/desktops.svg\x22,\x22deviceCenterMajorName\x22:\x22Ordinateurs de bureau\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000760\x22,\x22categoryNameKey\x22:\x22Smart office\x22,\x22majorProductCode\x22:\x22CMCG10000761,CMCG10000780\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/printers.svg\x22,\x22deviceCenterMajorName\x22:\x22Bureau intelligent\x22}]"; supportv2["myDeviceI18nValue"] = "Mon appareil"; supportv2["gaEntrance"] = "" supportv2["gaModule"] = "" supportv2["entranceLv2ForGa"] = "" supportv2["productCategory1"] = "" supportv2["productCategory2"] = "" supportv2["productCategory3"] = "" supportv2["productCategory4"] = "" supportv2["ccpcSgwAppId"] = "96E6614BD648F3582A2D6D657C5CC768" supportv2["ccpcMyHuaweiApiId"] = "EDCF82D77A5AB59706CD5F2163F67427" supportv2["uumSgwAppId"] = "EDCF82D77A5AB59706CD5F2163F67427" supportv2["enableCsrfVerify"] = "false" == "true"; </script> <script type="text/javascript"> var loginApiUrl={}; loginApiUrl["cmscApiUrl"] = ""; loginApiUrl["huaweitimeApiUrl"] = ""; var mktConfig={}; mktConfig["websiteFunctionApi"] = "https:\/\/consumer\u002Dapi\u002Dde.huawei.com\/cuepf"; mktConfig["uumApi"] = ""; mktConfig["sgwApi"] = (window.digitalData && window.digitalData.page.pageInfo.serviceGatewayPath) ? window.digitalData.page.pageInfo.serviceGatewayPath : ""; </script> <input type="hidden" id="month_txt" value="month txt"/> <input type="hidden" id="underageTips"/> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/public-v4.min.e1a73dfce494445d621ad62e33e3187e.js"></script> <meta name="format-detection" content="telephone=no"/> <script type="text/javascript"> // 站点 var siteCode = window.digitalData ? window.digitalData.page.pageInfo.siteCode2 : ''; var ec_siteCode = window.digitalData ? window.digitalData.page.pageInfo.siteCode2 : ''; var isECommerceSite = "Self\u002DeCommerce"; isECommerceSite = isECommerceSite ? isECommerceSite : "None"; var apiHost = "https:\/\/itrinity\u002Dde.c.huawei.com\/eCommerce\/"; var loginApiHost = "https:\/\/itrinity\u002Dde.c.huawei.com\/users\/"; var upPersonalCenterLink = "https:\/\/id7.cloud.huawei.com\/CAS\/portal\/userRegister\/regbyphone.html?loginChannel=27000000\x26reqClientType=27\x26lang=fr\u002Dfr\x26service=https:\/\/itrinity\u002Dde.c.huawei.com\/users\/v1\/login\/casLogin?callback=https:\/\/consumer.huawei.com\/\x26loginUrl=\/CAS\/mobile\/standard\/register\/wapRegister.html"; var loginLink = "\/content\/huawei\u002Dcbg\u002Dsite\/fr\/shop\/sign\u002Din"; // 价格货币展示：货币代码 var ecCurrencyCode = "EUR"; // 价格货币展示：货币符号位置处理 var putCurrencyFront = "false" !== '' ? JSON.parse("false") : true; // 价格货币展示：from显示与否 var showFrom = Boolean(true); // 价格货币展示：from文本位置 var putFromFront = Boolean(true); // 价格货币展示：千位分隔符 var thousandSeparator = " "; // 价格货币展示：小数点 var decimalPoint = ","; // 价格货币展示：是否显示小数 var showDecimal = Boolean(true); var showIntegerDecimal = Boolean(true); // 价格货币展示：是否空格隔开 var showCurrencySpace = Boolean(true); // 时区 var ecTimezone = "+01"; // vmall登出接口 var vmallLogoutAPI = ""; // vmall需登录图片，用来拉起登录 var vmallLoginImgUrl = ""; // RRP var enableRRP = Boolean(true); var RRPText = ""; if (enableRRP) { RRPText = "PVC**"; } var enableScribes = Boolean(false); var rrpTips = "**Le PVC est le prix de vente conseillé que Huawei, en tant que fabricant du produit, communique à ses distributeurs. Il s’agit d’un prix indicatif de vente qui est fourni ici à titre de comparaison."; var enableShowSave = Boolean(true); var saveText = "\u002D"; // trade in开关（目前只针对PLP页，其他由中台控制） var enableTradeIn = Boolean(true); // 开启分期显示配置 var enableInstallmentCfg = Boolean(false); // 显示免息文本 var enableInterestFree = Boolean(false); // 免息文本 var interestFreeText = ""; // 分期左文本 var insatallmentLeftText = ""; // 分期右文本 var insatallmentRightText = ""; // 分期显示格式 var installmentDispType = "numberAndAmount"; // APP DMPA开关 var enableAppDmpa = Boolean(false); // 运动健康内强制登录开关 var enableUnitedLoginForHealth = Boolean(false); </script> <input id="is-edit-mode" type="hidden" value="false"/> <div hidden id="ecommerce-config-value"> <div hidden id="ec-all-urls"> <input id="ec-url-cartLink" type="hidden" value="/content/huawei-cbg-site/fr/shop/cart"/> <input id="ec-url-orderListLink" type="hidden" value="/content/huawei-cbg-site/fr/account?type=order"/> <input id="ec-url-accountLink" type="hidden" value="/content/huawei-cbg-site/fr/account"/> <input id="ec-url-goShopping" type="hidden" value="/content/huawei-cbg-site/fr/phones"/> <input id="ec-url-checkoutLink" type="hidden" value="/content/huawei-cbg-site/fr/shop/checkout"/> <input id="ec-url-addedLink" type="hidden" value="/content/huawei-cbg-site/fr/shop/cart/addcart"/> <input id="ec-url-productOptionPageLink" type="hidden" value="/content/huawei-cbg-site/fr/product/buy"/> <input id="ec-url-paymentLink" type="hidden" value="/content/huawei-cbg-site/fr/shop/checkout/payment"/> <input id="ec-url-addressListPageLink" type="hidden" value="/content/huawei-cbg-site/fr/account?type=address"/> <input id="ec-url-returnLink" type="hidden" value="/content/huawei-cbg-site/fr/shop/return"/> <input id="ec-url-orderDetailLink" type="hidden" value="/content/huawei-cbg-site/fr/shop/order/detail"/> <input id="ec-url-paymentResultLink" type="hidden" value="/content/huawei-cbg-site/fr/shop/checkout/payment/status"/> <input id="ec-url-returnFeedbackLink" type="hidden" value="/content/huawei-cbg-site/fr/shop/return/status"/> <input id="ec-url-viewOrderPageLink" type="hidden" value="/content/huawei-cbg-site/fr/shop/find-your-order"/> <input id="ec-url-loginLink" type="hidden" value="/content/huawei-cbg-site/fr/shop/sign-in"/> <input id="ec-url-returnDetail" type="hidden" value="/content/huawei-cbg-site/fr/shop/return/detail"/> <input id="ec-url-offerPageLink" type="hidden" value="https://consumer.huawei.com/fr/offer/Cofidis/"/> <input id="ec-url-reviewPageLink" type="hidden" value="/content/huawei-cbg-site/fr/shop/review"/> <input id="ec-url-cashierPageLink" type="hidden"/> </div>  <link rel="stylesheet" href="/etc/designs/huawei-cbg-site/clientlib-ecommerce-v4/clientlib-global/css/svg-v4.css"/> <input class="osgi-apiConfig" type="hidden" value="{"appInfo":[{"name":"hwistore","id":"9CE75DB648ADD4E0C1556B805C80D2CA","gatewayType":"sgw"},{"name":"venus-search","id":"EDCF82D77A5AB59706CD5F2163F67427","gatewayType":"sgw"},{"name":"huaweistore-ecommerce","id":"com.huawei.cbgit.huaweistore.ecommerce","gatewayType":"api-gateway"}],"gatewayHost":{"sgw":"https://sgw-de.c.huawei.com","itrinity":"https://itrinity-de.c.huawei.com","api-gateway":"https://apigw-sg.huawei.com/api"}}"/> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-ecommerce-v4/clientlib-dependencies.min.61f145900687cb659710e8267394bd55.js"></script> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-ecommerce-v4/clientlib-global.min.85538b397478a1251b74c2f1861151b7.js"></script> <link rel="stylesheet" href="/etc/designs/huawei-cbg-site/clientlib-ecommerce-v4/clientlib-dependencies.min.3ae92bd44631c712384d276cea5b7f35.css" type="text/css"> <link rel="stylesheet" href="/etc/designs/huawei-cbg-site/clientlib-ecommerce-v4/clientlib-global.min.32d67c2f9fd1a6c4a246775508cc0401.css" type="text/css"> </div> <input type="hidden" id="offer-page-type" value="default"/> <input type="hidden" id="offer-home-page"/> <input type="hidden" id="aem-run-mode" value="prod"/> <link href="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/css/swiper.min.css" type="text/css" rel="stylesheet"/> </head> <body class="huawei-v4 huawei-fr page-name-huawei-store-app huawei-v4-ecommerce "> <style> .header-tag-title.seo{ position:absolute; display: block; height: 0; width: 0; overflow: hidden; z-index: -1; } </style> <h1 class="header-tag-title seo">L’application HUAWEI Store | HUAWEI France</h1> <script type="text/plain" class="gtm-ga-ecommerce optanon-category-2"> //非管控区域 -GTM -ec var returnUrl = decodeURIComponent(window.location.search);//判断是否为支付结果页 var hasResult = returnUrl.indexOf('result');// 获取result参数开始位置，并对获取的位置增加字符串”result“，7个字符 // 是接口返回数据有result对象返回时 if (hasResult > -1) { var substringStart = parseInt(returnUrl.indexOf('result') + 7);// 支付结果页，重新查询购物车 var paymentResult = JSON.parse( decodeURIComponent(returnUrl.substring(parseInt(returnUrl.indexOf('result') + 7) ) ) );// 解析返回URL内容 //支付成功且存在orderCode if(paymentResult.resultCode == 0 && paymentResult.data.orderCode && paymentResult.data.isPaySuccess){ var gtm_orderCode = paymentResult.data.orderCode; //匿名化orderCode var hide_orderCode = gtm_orderCode.slice(0,4) + "****" + gtm_orderCode.slice(8, gtm_orderCode.length) ; var gtm_totalFee = paymentResult.data.totalFee; var gtm_productIdMap = paymentResult.data.productIdMap; var gtm_siteCode = window.digitalData ? window.digitalData.page.pageInfo.siteCode2 : ''; var gtm_data = { orderCode: gtm_orderCode, siteCode:gtm_siteCode.toUpperCase(), }; //获取存储数据中的产品信息 //copy电商订单产品信息到sessionstorage中，防止电商产品信息被清除 var gtm_guest_infoobj = ""; if(localStorage.gtm_guest_infoobj){ gtm_guest_infoobj = JSON.parse(localStorage.gtm_guest_infoobj); sessionStorage.gtm_cps_infoobj = localStorage.gtm_guest_infoobj; } //获取token var gtm_com = apiHost.search('/eCommerce'); var gtm_host = apiHost.substring(0, gtm_com); var getTokenUrl = gtm_host + '/gateway/csrfToken?_=' + Date.now(); $.ajax({ type : "get", url : getTokenUrl, xhrFields : { withCredentials: true }, crossDomain : true, success : function(response) { var gtm_tCsrfToken= response.data;//接口gateway/csrfToken //Token成功后查询一次订单 $.ajax({ url : apiHost + ( apiHost.indexOf("eCommerce") != -1 ? "queryUserOrderDetail" : ecommerce_baseurl.queryUserOrderDetail ) , type : "post", cache : false, data : JSON.stringify(gtm_data), dataType : "json", traditional : true, //防止深度序列化 xhrFields : {withCredentials: true,}, headers : {"tCsrfToken": gtm_tCsrfToken,}, //接口gateway/csrfToken/js crossDomain : true, contentType : "application/json", success: function(response) { if(response.resultCode==0){ var gtm_orderDetails = response.data.orderDetails;//订单详情 var gtm_orderDetailInfo = gtm_orderDetails.orderDetailInfo;//详情产品数据 var gtm_shipping = gtm_orderDetails.orderDeliveryAddress.isSelfPickup ? "pickup" : "home-delivery";//物流方式 /*** GTM-GA埋码监控数据push */ var pushDataMode = { paymentOption : gtm_orderDetailInfo.paymentMethod, currencyCode : ecCurrencyCode, id : hide_orderCode, affiliation : response.data.shop.name, revenue : gtm_orderDetailInfo.cashPay, tax : gtm_orderDetailInfo.taxAmount, shipping : gtm_shipping, coupon : gtm_orderDetailInfo.couponCode, products : (gtm_orderDetailInfo.productList && gtm_orderDetailInfo.productList.length > 0) ? getGTMProducts(gtm_orderDetailInfo,true,gtm_productIdMap) : [], } payResultDataLayerPush(pushDataMode); /*** 支付订单成功DMPA数据上报 */ if (enableDmpa && window.dmpa ) { var ecData = [{ orderId : response.data.orderDetails.orderDetailInfo.orderCode, //orderId:订单id orderType : response.data.orderDetails.orderDetailInfo.orderType, //orderType:订单类型 paymentDate : response.data.orderDetails.orderDetailInfo.paymentTime, // paymentDate:成功支付时间 paymentStatus : response.data.orderDetails.orderDetailInfo.paymentStatus, //paymentStatus:支付状态 location : window.location.href, //location:当前页面链接 }]; window.dmpa('trackECommerce', 'paidSuccess', ecData); } } else {//接口返回错误 if(gtm_guest_infoobj){//localstorage里面有数据 //GTM埋码监控数据push var pushDataMode = { paymentOption : gtm_guest_infoobj.payMethod || "", currencyCode : ecCurrencyCode || "", id : hide_orderCode, affiliation : gtm_guest_infoobj.affiliation || "", revenue : gtm_totalFee, tax : gtm_guest_infoobj.totalTaxAmount || "", shipping : gtm_guest_infoobj.shippingType || "", coupon : gtm_guest_infoobj.couponCode || "", products : gtm_guest_infoobj.products || "", } payResultDataLayerPush(pushDataMode); }else{//localstorage无数据 //GTM埋码监控数据push var pushDataMode = { currencyCode : ecCurrencyCode || "", id : hide_orderCode, revenue : gtm_totalFee, products : getGTMProducts(null,false,gtm_productIdMap) || [], } payResultDataLayerPush(pushDataMode); /*** 支付订单成功DMPA数据上报*/ if (enableDmpa && window.dmpa ) { var ecData = [{ orderId: gtm_orderCode, //orderId:订单id orderType: "", //orderType:订单类型 paymentDate: "", // paymentDate:成功支付时间 paymentStatus:"", //paymentStatus:支付状态 location: window.location.href, //location:当前页面链接 }]; window.dmpa('trackECommerce', 'paidSuccess', ecData); } } }//success: resultCode!=0; //清空localstorage localStorage.gtm_guest_infoobj = ""; }, //success error:function(){ if(gtm_guest_infoobj){//localstorage里面有数据 var pushDataMode = { paymentOption : gtm_guest_infoobj.payMethod || "", currencyCode : ecCurrencyCode || "", id : hide_orderCode, affiliation : gtm_guest_infoobj.affiliation || "", revenue : gtm_totalFee, tax : gtm_guest_infoobj.totalTaxAmount || "", shipping : gtm_guest_infoobj.shippingType || "", coupon : gtm_guest_infoobj.couponCode || "", products : gtm_guest_infoobj.products || "", } payResultDataLayerPush(pushDataMode); } else {//localstorage无数据 var pushDataMode = { currencyCode : ecCurrencyCode || "", id : hide_orderCode, revenue : gtm_totalFee, products : getGTMProducts(null,false,gtm_productIdMap) || [], } payResultDataLayerPush(pushDataMode); /*** 支付订单成功DMPA数据上报*/ if (enableDmpa && window.dmpa ) { var ecData = [{ orderId: gtm_orderCode, //orderId:订单id orderType: "", //orderType:订单类型 paymentDate: "", // paymentDate:成功支付时间 paymentStatus:"", //paymentStatus:支付状态 location: window.location.href, //location:当前页面链接 }]; window.dmpa('trackECommerce', 'paidSuccess', ecData); } //清空localstorage localStorage.gtm_guest_infoobj=""; } } });//end ajax:queryUserOrderDetail } });//end ajax:csrfToken }//end 支付成功且存在orderCode }//end hasResult // 获取gtm-GA 上报的主产品数据 var getGTMProducts = function(gtm_orderDetailInfo, type, gtm_productIdMap){ var gtm_allProducts = []; if(gtm_orderDetailInfo.productList.length > 0 && type){// 有订单数据 $.each(gtm_orderDetailInfo.productList,function(m,_orderPrd){ var gtm_mainPruducts={//主商品 'id': _orderPrd.productId ? _orderPrd.productId.toString() : "", 'name': _orderPrd.name || "", 'category': ecCom.getCategoryByPID(_orderPrd.productId) || "", 'price': _orderPrd.orderPrice || "", 'quantity': _orderPrd.quantity || "", 'brand': 'Huawei', 'variant': _orderPrd.name || "", 'coupon': gtm_orderDetailInfo.couponCode || "", 'bundle': 'mainSku', 'color': (_orderPrd.gbomAttrList && _orderPrd.gbomAttrList.length > 0) ? _orderPrd.gbomAttrList[0].attrValue : "", 'memory': "", 'processor': "", 'version': "", } var gtm_subPruductsArr = []; //附属商品:bundle if(_orderPrd.subOrderProductInfos && _orderPrd.subOrderProductInfos.length > 0){ gtm_subPruductsArr = getGTM_subProducts(_orderPrd.subOrderProductInfos,'bundle', gtm_subPruductsArr,gtm_orderDetailInfo); } // gift if(_orderPrd.prdGiftList && _orderPrd.prdGiftList.length > 0){ gtm_subPruductsArr = getGTM_subProducts(_orderPrd.prdGiftList,'gift', gtm_subPruductsArr,gtm_orderDetailInfo); } // service if(_orderPrd.extendLists && _orderPrd.extendLists.length > 0){ gtm_subPruductsArr = getGTM_subProducts(_orderPrd.extendLists,'service', gtm_subPruductsArr,gtm_orderDetailInfo); } //gtm_mainPruducts.bundle = gtm_subPruductsArr; // 附属与主商品上下级放在bundle gtm_allProducts.push(gtm_mainPruducts); gtm_allProducts = gtm_allProducts.concat(gtm_subPruductsArr); //附属与主商品平级 -- 数据过多时，GA会自动由get转Post发送 }) }else{// 无订单数据 for(var key in gtm_productIdMap){ var gtm_mainPruducts={ 'id': key || "", 'name': '', 'category': '', 'price': '', 'quantity': '', 'brand': 'Huawei', 'variant': '', 'coupon': "", 'bundle': 'mainSku', 'color' : "", 'memory': "", 'processor' : "", 'version' : "", } gtm_allProducts.push(gtm_mainPruducts); } } return gtm_allProducts; } // 获取gtm-GA 上报的附属商品数据 var getGTM_subProducts = function(subProcuds,type,gtm_subPruductsArr,gtm_orderDetailInfo){ var res_subPruductsArr = gtm_subPruductsArr || []; $.each(subProcuds,function(b,_subItem){ var _subItemObj={ 'id': type == 'service' ? (_subItem.skuCode || "") : ( _subItem.productId ? _subItem.productId.toString() : ""), 'name': type == 'gift' ? (_subItem.giftName || "") : ( _subItem.name || ""), 'category': type == 'service' ? "service" : (ecCom.getCategoryByPID( _subItem.productId) || ""), 'price': type == 'gift' ? 0 : ( _subItem.orderPrice || ""), 'quantity': type == 'gift' ? ( _subItem.giftQuantity || "") : ( _subItem.quantity || ""), 'brand': 'Huawei', 'variant': type == 'gift' ? (_subItem.giftName || "") : ( _subItem.name || ""), 'coupon': gtm_orderDetailInfo.couponCode || "", 'bundle':'subSku', 'color' : (_subItem.gbomAttrList && _subItem.gbomAttrList.length > 0) ? _subItem.gbomAttrList[0].attrValue : "", 'memory': "", 'processor':"", 'version':"", } res_subPruductsArr.push(_subItemObj); }) return res_subPruductsArr; } // dataLayer Push data var payResultDataLayerPush = function(data){ window.dataLayer.push({ "event" : "fire_event", "eventCategory" : "Purchase", "eventAction" : "Payment success", "eventLabel" : "", 'deliveryOption' : "", 'paymentOption' : data.paymentOption || "", 'ecommerce' : { 'currencyCode' : data.currencyCode || ecCurrencyCode || "", 'purchase' : { 'actionField': { 'id' : data.id || "", 'affiliation' : data.affiliation || "", 'revenue' : data.revenue || "", 'tax' : data.tax || "", 'shipping' : data.shipping || "", 'coupon' : data.coupon || "", }, 'products' : data.products || "", }, }, }) // 新版GA4埋点push let ga4Data = { 'event': ecCom.GA4.eventConstants.PURCHASE || '', 'transaction_id': data.id || '', 'currency': ecCurrencyCode ||'', 'value': data.revenue || '', 'tax': data.tax || '', 'shipping' : data.shipping || '', 'coupon': data.coupon || '', 'items': ecCom.GA4.transferProductData(data.products) || [], } ecCom.GA4.push(ga4Data); //清空localstorage localStorage.gtm_guest_infoobj = ""; } </script> <input title="cookie" type="hidden" id='cookieType' value="hwcookie"/> <span class="popular-text hidden" data-value="Résultats populaires"></span> <span class="suggested-text hidden" data-value="Résultats suggérés"></span> <div class="huawei-ie-tips" style="display: none;"> <div class="huawei-ie-cnt"> <div class="huawei-ie-txt">Pour une utilisation optimisée, nous vous conseillons d’utiliser la dernière version d’Internet Explorer ou utiliser un autre navigateur. Merci. <a class="huawei-ie-close" href="javascript:;" title="close"> <svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"> <g fill="#3C3C3C" fill-rule="evenodd"> <path d="M8 7l17 17-1 1L7 8z"></path> <path d="M7 24L24 7l1 1L8 25z"></path> </g> </svg> </a> </div> </div> </div> <div class="v4 header-placeholder-pl nav-v2" id="header-placeholder"></div> <div class="v4 header platform-invisible nav-v2" id="header-v4" data-component="header"> <div id="topTipsBox" class="top-tips-box"> </div> <input title="main-nav" type="hidden" id='mainNav' value="nav-v2"/> <div class="v4 n01-main-navigation main-navigation nav-v2" data-component="n01-main-navigation">  <div hidden> <input id="mini-cart-nav" type="hidden" value="[]"/> <input id="mini-account-nav" type="hidden" value="[{"url":"/fr/account","text":"Mon compte","iconPath":"/content/dam/e-commerce/icon_set.svg","pageType":"accountCenter"},{"url":"/fr/shop/find-your-order/","text":"Mes commandes","iconPath":"/content/dam/e-commerce/icon_order.svg","pageType":"viewOrder"}]"/> </div>  <aside class="ec-mc ec_mc" id="ecMiniCart"> </aside> <script type="text/html" id="ecMiniCartArt"> <i class="ec-mc-arrow mini-cart-arrow"></i> <div class="ec-mc-content"> {{if itemInfos && itemInfos.length >= cartLimit}}  <div class="ec-mc-full-tips"> {{text.FullTips}} </div> {{/if}} {{if originalTotalNumber == 0}}  <div class="ec-mc-empty"> <i class="hsvg44 hsvg-face"></i> <p>{{text.emptyTips}}</p> </div> {{else}} <div class="ec-mc-total"> <p class="ec-mc-total-text ec-mc-goods-text" style="display:flex"> <span class="ec-mc-total-pay">{{text.Total + ' : ' }}<span class="cashpay">{{cashPay | ecCurrency}}</span></span> {{if itemInfos && itemInfos.length > 0}} <span class="ec-mc-total-qty">{{itemInfos.length}} {{text.items}}</span> {{/if}} </p> </div>  <div class="ec-mc-goods-container scroll-content"> <ul class="ec-mc-goods-list"> {{if normalItems && normalItems.length > 0}} {{each normalItems cartList i}} {{set invalidCauseReason = cartList.invalidCauseReason , invalidCauseLeftValue = cartList.invalidCauseLeftValue}} <li class="{{ invalidCauseReason == 1 || invalidCauseReason == 5 || invalidCauseReason == 6 || invalidCauseReason == 7 || invalidCauseReason == 8 || invalidCauseReason == 9 || invalidCauseReason == 10 || invalidCauseReason == 11 || invalidCauseReason == 12 || invalidCauseReason == 13 || invalidCauseReason == 14 ? 'mini-cart-lack out_stock' : '' }} {{cartList.selected && invalidCauseReason == 0 ? 'selected': ''}}" data-itemid="{{cartList.itemId}}" data-itemcode="{{cartList.itemCode}}" data-productid="{{cartList.sbom.productId}}" data-itemname="{{cartList.itemName}}" data-itemtype="{{cartList.itemType}}" data-qty="{{cartList.qty}}"> <div class="ec-mc-goods-img"> <a href="{{cartList.sbom.pdpLink}}" title="{{cartList.itemName}}"> <img src="{{cartList.imgSrc}}" alt="{{cartList.itemName}}"> </a> </div> <div class="ec-mc-goods-text"> <h3><a href="{{cartList.sbom.pdpLink}}" title="{{cartList.itemName}}">{{cartList.itemName}}</a></h3> <p><span>{{text.Qty}}: {{cartList.qty}}</span><span>{{cartList.subtotal | ecCurrency}}</span></p> </div> {{if cartList.subItems && cartList.subItems.length > 0}}  <ul class="ec-mc-subs"> {{each cartList.subItems subItems}} {{if subItems.itemType == 'G'}} <li class="cart_list_subs_gift{{(subItems.invalidCauseReason == 6 || subItems.invalidCauseReason == 2)? ' out_stock' : ''}}" data-itemcode="{{subItems.itemCode}}" data-itemname="{{subItems.itemName}}" data-itemtype="{{subItems.itemType}}" data-qty="{{cartList.qty}}"></li> {{else if subItems.itemType == 'DP'}} <li class="cart_list_subs_no_gift cart_list_subs_dp{{(subItems.invalidCauseReason == 6 || subItems.invalidCauseReason == 4)? ' out_stock' : ''}}" data-itemcode="{{subItems.itemCode}}" data-itemname="{{subItems.itemName}}" data-itemtype="{{subItems.itemType}}" data-qty="{{cartList.qty}}" data-dpcode="{{cartList.attrsMap.dp_package_code}}" data-dpgroup="{{subItems.attrsMap.dp_group}}"></li> {{else if subItems.itemType == 'S1' || subItems.itemType == 'S6'}} <li class="cart_list_subs_no_gift{{(subItems.invalidCauseReason == 6 || subItems.invalidCauseReason == 3)? ' out_stock' : ''}}" data-itemcode="{{subItems.itemCode}}" data-itemname="{{subItems.itemName}}" data-itemtype="{{subItems.itemType}}" data-qty="{{cartList.qty}}"></li> {{else if subItems.itemType == 'P'}} <li class="cart_list_subs_no_gift cart_list_subs_p{{(subItems.invalidCauseReason == 6 || subItems.invalidCauseReason == 4)? ' out_stock' : ''}}" data-itemcode="{{subItems.itemCode}}" data-itemname="{{subItems.itemName}}" data-itemtype="{{subItems.itemType}}" data-packagecode="{{cartList.attrsMap.package_code}}" data-qty="{{cartList.qty}}"></li> {{/if}} {{/each}} </ul> {{/if}} </li> {{/each}} {{/if}} {{if abnormalItems && abnormalItems.length > 0}} {{each abnormalItems cartList i}} {{set invalidCauseReason = cartList.invalidCauseReason , invalidCauseLeftValue = cartList.invalidCauseLeftValue}} <li class="{{ invalidCauseReason == 1 || invalidCauseReason == 5 || invalidCauseReason == 6 || invalidCauseReason == 7 || invalidCauseReason == 8 || invalidCauseReason == 9 || invalidCauseReason == 10 || invalidCauseReason == 11 || invalidCauseReason == 12 || invalidCauseReason == 13 || invalidCauseReason == 14 ? 'mini-cart-lack out_stock' : ''}}" data-itemid="{{cartList.itemId}}" data-itemcode="{{cartList.itemCode}}" data-productid="{{cartList.sbom.productId}}" data-itemname="{{cartList.itemName}}" data-itemtype="{{cartList.itemType}}" data-qty="{{cartList.qty}}"> <div class="ec-mc-goods-img"> <a href="#" title="{{cartList.itemName}}"> <img src="{{cartList.imgSrc}}" alt="{{cartList.itemName}}"> </a> </div> <div class="ec-mc-goods-text"> <h3><a href="#" title="{{cartList.itemName}}">{{cartList.itemName}}</a></h3> <p><span>{{text.Qty}}: {{cartList.qty}}</span><span>{{cartList.subtotal | ecCurrency}}</span></p> </div> {{if cartList.subItems && cartList.subItems.length > 0}}  <ul class="ec-mc-subs"> {{each cartList.subItems subItems}} {{if subItems.itemType == 'G'}} <li class="cart_list_subs_gift{{(subItems.invalidCauseReason == 6 || subItems.invalidCauseReason == 2)? ' out_stock' : ''}}" data-itemcode="{{subItems.itemCode}}" data-itemname="{{subItems.itemName}}" data-itemtype="{{subItems.itemType}}" data-qty="{{cartList.qty}}"></li> {{else if subItems.itemType == 'DP'}} <li class="cart_list_subs_no_gift cart_list_subs_dp{{(subItems.invalidCauseReason == 6 || subItems.invalidCauseReason == 4)? ' out_stock' : ''}}" data-itemcode="{{subItems.itemCode}}" data-itemname="{{subItems.itemName}}" data-itemtype="{{subItems.itemType}}" data-qty="{{cartList.qty}}" data-dpcode="{{cartList.attrsMap.dp_package_code}}" data-dpgroup="{{subItems.attrsMap.dp_group}}"></li> {{else if subItems.itemType == 'S1' || subItems.itemType == 'S6'}} <li class="cart_list_subs_no_gift{{(subItems.invalidCauseReason == 6 || subItems.invalidCauseReason == 3)? ' out_stock' : ''}}" data-itemcode="{{subItems.itemCode}}" data-itemname="{{subItems.itemName}}" data-itemtype="{{subItems.itemType}}" data-qty="{{cartList.qty}}"></li> {{else if subItems.itemType == 'P'}} <li class="cart_list_subs_no_gift cart_list_subs_p{{(subItems.invalidCauseReason == 6 || subItems.invalidCauseReason == 4)? ' out_stock' : ''}}" data-itemcode="{{subItems.itemCode}}" data-itemname="{{subItems.itemName}}" data-itemtype="{{subItems.itemType}}" data-packagecode="{{cartList.attrsMap.package_code}}" data-qty="{{cartList.qty}}"></li> {{/if}} {{/each}} </ul> {{/if}} </li> {{/each}} {{/if}} </ul> </div> {{/if}} <div class="ec-mc-goods-btn-wrap"> <a class="ec-mc-goods-btn-checkout a-common" cat="pop_up_cart" act="click_on_checkout" lab="<page title - >" href="{{link.cartLink}}" role="button" title="{{btn.CartAndCheckout}}">{{btn.CartAndCheckout}}</a> {{if is_employee}} <a class="ec-mc-goods-btn-continue a-common" cat="cart_cta_click" act="click_on_continue_shopping" lab="<page title - cart>" href="{{text.continueShoppingUrl}}" onclick="dmpaContinueShopping(this)" role="button" title="{{btn.ContinueShopping}}">{{btn.ContinueShopping}}</a> {{/if}} </div>  <nav class="ec-mc-nav"> <ul class="ec-mc-nav-list"> {{each miniCartNav navItem}} <li> {{if navItem.iconPath}} <a href="{{navItem.url}}" class="a-common" cat="pop_up_cart" act="click_on_cart" lab="<page title - >" role="button" title="{{navItem.text}}"><img class="nav-icon" src="{{navItem.iconPath}}" />{{navItem.text}}<i class="hsvg12 hsvg-right"></i></a> {{else}} <a href="{{navItem.url}}" class="a-common" cat="pop_up_cart" act="click_on_cart" lab="<page title - >" role="button" title="{{navItem.text}}"><img class="nav-icon d-none" src="{{navItem.iconPath}}" />{{navItem.text}}<i class="hsvg12 hsvg-right"></i></a> {{/if}} </li> {{/each}} {{if !isPC}} {{each miniAccountNav navItem i}} <li> {{if i == 0 && !isLogin}} {{if navItem.iconPath}} <a href="javascript:;" role="button" callbackurl="{{urlPrefix + navItem.url}}" onclick="loginBeforeAccountCenter(this.attributes.callbackurl.value)" title="{{navItem.text}}"><img class="nav-icon" src="{{navItem.iconPath}}" />{{navItem.text}}<i class="hsvg12 hsvg-right"></i></a> {{else}} <a href="javascript:;" role="button" callbackurl="{{urlPrefix + navItem.url}}" onclick="loginBeforeAccountCenter(this.attributes.callbackurl.value)" title="{{navItem.text}}"><img class="nav-icon d-none" src="{{navItem.iconPath}}" />{{navItem.text}}<i class="hsvg12 hsvg-right"></i></a> {{/if}} {{else}} {{if navItem.iconPath}} <a href="{{navItem.url}}" role="button" title="{{navItem.text}}"><img class="nav-icon" src="{{navItem.iconPath}}" />{{navItem.text}}<i class="hsvg12 hsvg-right"></i></a> {{else}} <a href="{{navItem.url}}" role="button" title="{{navItem.text}}"><img class="nav-icon d-none" src="{{navItem.iconPath}}" />{{navItem.text}}<i class="hsvg12 hsvg-right"></i></a> {{/if}} {{/if}} </li> {{/each}} <li> {{if isLogin}} <a id="ec_mc_login_status" href="javascript:;" role="button" title="{{text.sign_out}}" onclick="toggleLoginStatus(this)"><i class="hsvg24 hsvg-person-2"></i>{{text.sign_out}}</a> {{else}} <a id="ec_mc_login_status" class="ec-mc-btn-link" href="javascript:;" role="button" title="{{text.login}}" onclick="toggleLoginStatus(this)">{{text.login}}</a> {{/if}} </li> {{/if}} </ul> </nav> </div> </script>  <script type="text/html" id="couponTemp"> {{if showCouponList.length > 0}} {{each showCouponList v i}} {{ if v }} <li class="ordercoupons-li" data-couponcode="{{v.couponCode}}"> <div class="ordercoupons-item"> <span class="ordercoupons-price" style="font-weight:400;font-size:13px;width:7px;height:7px;">{{text.coupon}} {{ -v.amount | ecCurrency }} {{text.off}}</span> <i class="hsvg12 hsvg-close2-h" onclick="removeCoupon(this)" style="float:right;width:7px;height:7px;"></i> </div> </li> {{/if}} {{/each}} {{/if}} </script>  <script type="text/html" id="titleGuideArt"> <ul class="track-statusul statusul-horizontal"> <li class="track-statusli statusli-first statusli-completed"> <div class="track-status-icon" > <p class="statusicon-default"> <b class="statusicon-cricle"></b> <b class="statusicon-line statusicon-line-r"></b> </p> <p class="statusicon-active"> <b class="statusicon-cricle"></b> <b class="statusicon-line statusicon-line-r"></b> </p> </div> <p class="track-status-text" > <span class="track-status-name">{{text_cart}}</span> </p> </li> {{set isCompleted = currentStep == "checkout" ? "statusli-completed" : ""}} <li class="track-statusli statusli-middle {{isCompleted}}"> <div class="track-status-icon" > <p class="statusicon-default"> <b class="statusicon-line statusicon-line-l"></b> <b class="statusicon-cricle"></b> <b class="statusicon-line statusicon-line-r"></b> </p> <p class="statusicon-active"> <b class="statusicon-line statusicon-line-l"></b> <b class="statusicon-cricle"></b> <b class="statusicon-line statusicon-line-r"></b> </p> </div> <p class="track-status-text" > <span class="track-status-name">{{text_checkout}}</span> </p> </li> <li class="track-statusli statusli-last"> <div class="track-status-icon track-status-icon-sa" > <p class="statusicon-default"> <b class="statusicon-line statusicon-line-l"></b> <b class="statusicon-cricle"></b> </p> <p class="statusicon-active"> <b class="statusicon-line statusicon-line-l"></b> <b class="statusicon-cricle"></b> </p> </div> <p class="track-status-text" > <span class="track-status-name">{{text_submitAndPay}}</span> </p> </li> </ul> </script>  <input type="hidden" id="login-extra-item" value="[{"url":"/fr/account","text":"Mon compte","iconPath":"/content/dam/e-commerce/icon_set.svg","pageType":"accountCenter"},{"url":"/fr/shop/find-your-order/","text":"Mes commandes","iconPath":"/content/dam/e-commerce/icon_order.svg","pageType":"viewOrder"}]"/> <input type="hidden" id="mini-cart-nav" value="[]"/> <div class="container main-navigation__container"> <a title="logo" class="logo" href="/fr/" data-navicon="logo"> <img src="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/common-v4/images/logo.svg" width="142" alt="Huawei-v4"/> </a> <nav class="main-nav"> <div class="lf-nav nav-zone"> <ul class="main-nav__list" role="menubar"> <li class="main-nav__item "> <a title="Offres" data-navicon="Offres" class="main-nav__link unhover" href="/fr/offer/">Offres</a> </li> <li class="main-nav__item "> <a title="Smartphone" data-navicon="Smartphone" class="main-nav__link unhover" href="/fr/phones/">Smartphone</a> </li> <li class="main-nav__item "> <a title="Wearable" data-navicon="Wearable" class="main-nav__link unhover" href="/fr/wearables/">Wearable</a> </li> <li class="main-nav__item "> <a title="Ordinateurs" data-navicon="Ordinateurs" class="main-nav__link unhover" href="/fr/laptops/">Ordinateurs</a> </li> <li class="main-nav__item "> <a title="Tablettes" data-navicon="Tablettes" class="main-nav__link unhover" href="/fr/tablets/">Tablettes</a> </li> <li class="main-nav__item "> <a title="Audio" data-navicon="Audio" class="main-nav__link unhover" href="/fr/headphones/">Audio</a> </li> <li class="main-nav__item "> <a title="HUAWEI Mobile Services" data-navicon="HUAWEI Mobile Services" class="main-nav__link unhover" href="/fr/mobileservices/">HUAWEI Mobile Services</a> </li> </ul> </div> <div class="rg-nav nav-zone"> <ul class="main-nav__list" role="menubar"> <li class="main-nav__item "> <a title="Assistance" data-navicon="Assistance" class="main-nav__link unhover" href="/fr/support/">Assistance</a> </li> <li class="main-nav__item "> <a title="Magasins" data-navicon="Magasins" class="main-nav__link unhover" href="/fr/retail/">Magasins</a> </li> <li class="main-nav__item "> <a title="Community" data-navicon="Community" class="main-nav__link unhover" href="/fr/community/">Community</a> </li> </ul> </div> <div tabindex="0" aria-haspopup="true" role="button" aria-expanded="false" class="login-v4-wrap nav-addons__link nav-addons__profile wap Self-eCommerce"> <div class="login-v4-cnt" data-gamodule="navigation" data-gaevent="support_interaction" data-entrancelevel="common"> <ul class="show-login" data-support-url="https://consumer.huawei.com/fr/support" data-support-usercenter-url="/fr/support/user-center.html" data-support-cmkt-url="https://api-de.c.huawei.com/cuepf" data-support-cas-url="https://id7.cloud.huawei.com/CAS" data-support-country-code='FR' data-support-login='yes' data-version='v4' data-register-type='phone'> <li class="login-extra-item-html"> </li> <li class="main-nav__item ec-login-btn"> <a cat='Navigation' act='Click on sign in' class="a-sup-common" lab='<page title>' href="javascript:toggleLoginStatus(this);" title="Connexion"> <span>Connexion</span> </a> </li> </ul> <ul class="show-logout"> <p class="main-nav__item greeting-text"> <span>Bonjour<span>,</span> </span><span class="user-name"></span> </p> <li class="login-extra-item-html"> </li> <li class="main-nav__item ec-logout-btn"> <a class="a-sup-common my-exit ha-click-dispach" ha-id="me_click_log_out" cat='Navigation' act='Click on exit' lab='<page title>' href="javascript:toggleLoginStatus(this);" title="Déconnexion"> <span>Déconnexion</span> </a> </li> </ul> </div> </div> </nav> <div class="nav-addons"> <button class="nav-addons__link nav-addons__search js-open-search" aria-haspopup="true" role="button" aria-expanded="false" data-navicon="search"> <span class="icon font-ico-search"> <span class="sr-only">Rechercher</span> </span> </button> <div tabindex="0" aria-haspopup="true" role="button" aria-expanded="false" class="login-v4-wrap nav-addons__link nav-addons__profile pc Self-eCommerce"> <span class="icon font-ico-profile"> <span class="sr-only">profil</span> <span class="icon-onlink-left"></span> <span class="icon-onlink-right"></span> </span> <div class="login-v4"> <div class="login-font"> <span class="login-bot"></span> <span class="login-top"></span> </div> <div class="login-v4-cnt" data-gamodule="navigation" data-gaevent="support_interaction" data-entrancelevel="common"> <ul class="show-login" data-support-url="https://consumer.huawei.com/fr/support" data-support-usercenter-url="/fr/support/user-center.html" data-support-cmkt-url="https://api-de.c.huawei.com/cuepf" data-support-cas-url="https://id7.cloud.huawei.com/CAS" data-support-country-code='FR' data-support-login='yes' data-version='v4' data-register-type='phone'> <li class="login-extra-item-html"> </li> <li class="ec-login-btn"> <a cat='Navigation' act='Click on sign in' class="a-sup-common" lab='<page title>' href="javascript:toggleLoginStatus(this);" title="Connexion"> <span>Connexion</span> </a> </li> </ul> <ul class="show-logout"> <p class="greeting-text"> <span>Bonjour<span>,</span> </span><span class="user-name"></span> </p> <li class="login-extra-item-html"> </li> <li class="ec-logout-btn"> <a class="a-sup-common my-exit ha-click-dispach" ha-id="me_click_log_out" cat='Navigation' act='Click on exit' lab='<page title>' href="javascript:toggleLoginStatus(this);" title="Déconnexion"> <span>Déconnexion</span> </a> </li> </ul> </div> </div> </div> <div tabindex="0" aria-haspopup="true" role="button" aria-expanded="false" class="shop-bag nav-addons__link nv-addons__bag shop-bag-bnt"> <span class="icon font-ico-bag"> <span class="sr-only">Couvercle</span> <i></i> </span> <i class="bag-amount"></i> </div> <button aria-haspopup="true" role="button" aria-expanded="false" class="nav-toggle js-nav-toggle"> <span class="btn-line"></span> <span class="sr-only">Ouvrir le menu</span> <span class="btn-line"></span> </button> </div> </div> </div> <div class="v4 n12-search popup nav-v2" data-component="n12-search"> <div class="container"> <button tabindex="-1" type="button" class="popup__close-btn js-close-popup"> <span class="sr-only">Espace</span> </button> <div class="row"> <div class="col-xl-6 offset-xl-3 col-lg-8 offset-lg-2 col-md-10 offset-md-1"> <div class="search__form-container"> <label class="sr-only" for="search">search</label> <input class="search__form-input js-search-autocomplete" text="search" name="search" id="search" autocomplete="off" data-enable-ph-search="no" placeholder="Rechercher …"/> <button class="search__form-submit" type="button"> <span class="icon font-ico-search"> <span class="sr-only">Rechercher</span> </span> </button> <button class="search__form-clear js-search-clear" type="button"> <span class="icon font-ico-close"> <span class="sr-only">Espace</span> </span> </button> </div> <div class="popular-show-wrap"> <div class="popular-wrap"> <div class="top-title"> Produits populaires </div> <div class="popular-product dropdown__right"> <div class="row dropdown__row-mobile"> <div class="list dropdown__right-col col-xl-4 col-xs-6"> <a class="dropdown__series-link search-popular-product-link" data-position="1" title="HUAWEI Pura 70 Ultra" href="/fr/phones/pura70-ultra/"> <div class="dropdown__holder"> <img class="dropdown__image-centered" data-src="/content/dam/huawei-cbg-site/common/mkt/pdp/admin-image/phones/pura70-ultra/list-green.png" alt="HUAWEI Pura 70 Ultra" onerror="imgErrorUrl(this)"/> </div> </a> <div> <a class="heading dropdown__series-link search-popular-product-link" data-position="1" title="HUAWEI Pura 70 Ultra" href="/fr/phones/pura70-ultra/"> HUAWEI Pura 70 Ultra </a> </div> </div> <div class="list dropdown__right-col col-xl-4 col-xs-6"> <a class="dropdown__series-link search-popular-product-link" data-position="2" title="HUAWEI MateBook X Pro Core Ultra Premium Edition" href="/fr/laptops/matebook-x-pro-ultra-premium-edition/"> <div class="dropdown__holder"> <img class="dropdown__image-centered" data-src="/content/dam/huawei-cbg-site/common/mkt/pdp/admin-image/pc/matebook-x-pro/list-blue.png" alt="HUAWEI MateBook X Pro Core Ultra Premium Edition" onerror="imgErrorUrl(this)"/> </div> </a> <div> <a class="heading dropdown__series-link search-popular-product-link" data-position="2" title="HUAWEI MateBook X Pro Core Ultra Premium Edition" href="/fr/laptops/matebook-x-pro-ultra-premium-edition/"> HUAWEI MateBook X Pro Core Ultra Premium Edition </a> </div> </div> <div class="list dropdown__right-col col-xl-4 col-xs-6"> <a class="dropdown__series-link search-popular-product-link" data-position="3" title="HUAWEI WATCH FIT 3" href="/fr/wearables/watch-fit3/"> <div class="dropdown__holder"> <img class="dropdown__image-centered" data-src="/content/dam/huawei-cbg-site/common/mkt/pdp/admin-image/wearables/watch-fit3/leather.png" alt="HUAWEI WATCH FIT 3" onerror="imgErrorUrl(this)"/> </div> </a> <div> <a class="heading dropdown__series-link search-popular-product-link" data-position="3" title="HUAWEI WATCH FIT 3" href="/fr/wearables/watch-fit3/"> HUAWEI WATCH FIT 3 </a> </div> </div> </div> </div> </div> <div class="quick-link"> <div class="top-title"> Vue rapide </div> <div class="link-wrap row"> <div class="col-sm-4 link-list"> <a title="Comparez les smartphones" class="search-quick-link" href="/fr/phones/compare/">Comparez les smartphones</a> </div> <div class="col-sm-4 link-list"> <a title="AppGallery" class="search-quick-link" href="/fr/campaign/appgallery/">AppGallery</a> </div> <div class="col-sm-4 link-list"> <a title="Wearables" class="search-quick-link" href="/fr/wearables/">Wearables</a> </div> <div class="col-sm-4 link-list"> <a title="Ordinateurs" class="search-quick-link" href="/fr/laptops/">Ordinateurs</a> </div> <div class="col-sm-4 link-list"> <a title="Audio" class="search-quick-link" href="/fr/headphones/">Audio</a> </div> <div class="col-sm-4 link-list"> <a title="Accessories" class="search-quick-link" href="/fr/accessories/">Accessories</a> </div> <div class="col-sm-4 link-list"> <a title="Find service center" class="search-quick-link" href="/fr/support/service-center/">Find service center</a> </div> <div class="col-sm-4 link-list"> <a title="Guide de démarrage - Connecter votre montre à votre téléphone" class="search-quick-link" href="https://consumer.huawei.com/fr/support/article/fr-fr15770822/">Guide de démarrage - Connecter votre montre à votre téléphone</a> </div> <div class="col-sm-4 link-list"> <a title="Comment obtenir des applications" class="search-quick-link" href="/fr/campaign/top-app/">Comment obtenir des applications</a> </div> </div> </div> </div> </div> </div> <div class="search_toast"> saisir d'autres clés de recherche </div> </div> </div> <div class="v4 n16-simple-tabs simple-tabs simple-tabs__sticky" data-component="n16-simple-tabs" style="display: none;"> <div class="container"> <div class="wrap"> <ul class="simple-tabs__wrap"> <li class="simple-tabs__continent" data-region="Africa">Africa</li> <li class="simple-tabs__continent" data-region="Asia Pacific">Asia Pacific</li> <li class="simple-tabs__continent" data-region="Europe">Europe</li> <li class="simple-tabs__continent" data-region="Latin America">Latin America</li> <li class="simple-tabs__continent" data-region="Middle East">Middle East</li> <li class="simple-tabs__continent" data-region="North America">North America</li> <li class="simple-tabs__continent" data-region="Global">Global</li> </ul> </div> </div> </div> </div> <div class="cookie-data"> <div class="required-category"> </div> <div class="analysis-category"> </div> <div class="advertise-category"> </div> <div class="function-category"> </div> <div class="unknown-category"> </div> </div> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/cookie-package-controller.min.15403c221f9cb150d5c5037427d9507c.js" defer></script>  <input type="hidden" id="privacy-popup-switch"/> <input type="hidden" id="privacy-popup-title"/> <input type="hidden" id="privacy-popup-ids"/> <input type="hidden" id="privacy-language-code" value="en-GB"/> <input type="hidden" id="privacy-popup-content"/> <input type="hidden" id="privacy-popup-agree"/> <input type="hidden" id="privacy-popup-checkNote"/> <input type="hidden" id="privacy-popup-remark"/> <input type="hidden" id="privacy-popup-agreeText"/> <input type="hidden" id="privacy-popup-rejectText"/> <input type="hidden" id="privacy-close-i18n" value="Espace"/> <input type="hidden" id="privacy-errortip-i18n" value="privacy_fetch_error_tip"/> <script> // 隐私协议总开关 var privacyPopupSwitch = Boolean(); var privacyButtonLineStyle = Boolean(false); </script> <link rel="stylesheet" href="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/mkt-ad-banner.min.0649c1af5ffe557f6d56e32ee4406661.css" type="text/css"> <div class="v4 mkt-ad-banner default-bg" data-speed="3" data-time-zone="8" data-font-color="#000000" data-close-btn-color="#000000" style="background-image:linear-gradient(90deg, , );"> <div class="ad-banner-box"> <ul> <li class="ad-content-box item-valid" data-index="1" data-last="true" data-start="2024-11-18 07:00:00" data-end="2024-12-04 16:59:00"> <div class="ad-content "> <span class="icon font-ico-notification icon-banner-notice"></span> <span class="ad-item-txt">HUAWEI Black Days, jusqu'à 50% de remise. </span> <a class="ad-item-link" href="/fr/offer/huawei-black-friday/">En savoir plus<span class="icon-arrow"></span></a> </div> </li> </ul> <button type="button" class="ad-banner-close"> <span class="icon-bar icon-bar-lf"></span> <span class="icon-bar icon-bar-rg"></span> <span class="sr-only">Close</span> </button> </div> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/mkt-ad-banner.min.6234e5639b6217c7724d83dc93100f0c.js" defer></script> </div> <main class="content-v4"> <div> <div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="eumiSecondMenuV4 iparsys parsys"></div> </div> </div> <div class="html-text-component parbase"> <style type="text/css"> nav.vknav { position: relative; z-index: 150; z-index: 100; top: 0; display: -ms-flexbox; display: flex; width: 100%; height: 65px; border-bottom: 1px solid #cecece; background-color: #fff; -ms-flex-align: center; align-items: center; } nav.vknav .navcenter { z-index: 999999; display: -ms-flexbox; display: flex; width: 100%; max-width: none; padding: 0 80px; border-top: 1px solid #cecece; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } nav.vknav h3 { font-size: 20px; font-weight: 300; line-height: 65px; } .ekvroot.vroot .eknav { display: -webkit-box; display: flex; display: -ms-flexbox; width: 100%; color: rgb(180, 180, 180); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .ekvroot.vroot .btn { font-size: 1em; } nav.vknav .btn { line-height: 36px; display: -ms-flexbox; display: flex; height: 36px; padding: 0 20px; cursor: pointer; text-align: center; color: #fff; border-radius: 23px; background-color: #ce0e2d; -ms-flex-align: center; align-items: center; margin-left: auto; } .ekvroot.vroot nav.vknav { z-index: 999; height: 70px; } .ekvroot.vroot nav.vknav.active { top: -5px; } .vknav.active { position: fixed; border-top: none; } .vknav h3 b { font-weight: bold; } .store-containter .erweimaLJ.topER { position: absolute; top: -249px; right: 25px; } .store-containter .erweimaLJ { background-size: cover; background-repeat: no-repeat; background-position: center center; margin-top: 312px; background-image: url(/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/erweimaLJ2.svg); width: 248px; height: 330px; height: 250px; padding-top: 36px; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; opacity: 0; -ms-flex-direction: column; flex-direction: column; } .store-containter .erweimaLJ p.pinerweima { font-weight: 500; letter-spacing: .28px; font-size: 14px; line-height: 20px; text-align: center; color: #000; width: 77% !important; } .store-containter .erweimaLJ .erweima { margin-top: 14px; } @media screen and (max-width:750px) and (min-width:280px) { .navcenter { padding: 0 15px !important; } } @media screen and (max-width:751px){ .erweimaLJ.topER { display: none; } } @media screen and (max-width:480px) { ekvroot.vroot nav.vknav h3 { font-size: 5vw; } } .app-section { position: relative; } .store-containter h2 { font-size: 2.5vw; font-weight: bold; line-height: 1.2; } .store-containter h3 { font-size: 1.666666667vw; font-weight: bold; line-height: 1.2; } .store-containter p { font-size: .833333333vw; font-weight: normal; line-height: 1.5; color: #908e8f; } .app-section img { width: 100%; } .swiper-container-phone { /*height: 100vh;*/ width: 68.125vw; padding-bottom: 3.125vw; } .store-s2 .slide-tit { padding-top: 4.270833333vw; padding-bottom: 3.75vw; padding-bottom: 2.083333333vw; text-align: center; } .store-s3 .slide-tit { padding-top: 4.270833333vw; padding-bottom: 3.75vw; padding-bottom: 2.083333333vw; text-align: center; } .swiper-container-phone .slide-pho { /*position: absolute; top: 0;*/ overflow: hidden; width: 15.98958333vw; width: 14vw; margin: 0 auto; padding: 20px; text-align: center; -webkit-border-radius: 1.9vw; border-radius: 1.9vw; } .slide-pho > div > img { width: 15.98958333vw; width: 14vw; -webkit-border-radius: 1.9vw; border-radius: 1.9vw; } .slide-pho > div { position: relative; overflow: hidden; width: 15.98958333vw; width: 14vw; margin: 0 auto; -webkit-border-radius: 1.9vw; border-radius: 1.9vw; } .swiper-container-phone .phone-step img { position: absolute; top: 0; left: 0; width: 15.98958333vw; width: 14vw; -webkit-border-radius: 1.9vw; border-radius: 1.9vw; } .swiper-container-phone .phone-step video { position: absolute; top: 0; left: 0; box-sizing: border-box; width: 15.98958333vw; width: 14vw; padding: .38vw; -webkit-border-radius: 1.9vw; border-radius: 1.9vw; } .swiper-container-phone .slide-con { position: relative; overflow: hidden; } .tex-figure { position: absolute; top: 0; left: 0; width: 100%; } .tex-bg { z-index: -1; /*position: absolute;*/ width: 100%; margin-top: -2.6vw; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { top: 56%; top: 62%; right: 7.5vw; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { top: 66%; top: 68%; top: 74%; right: 10px; right: 7.5vw; left: auto; } /*.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); background-size: 17px 24px; outline: none!important; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); background-size: 17px 24px; outline: none!important; }*/ .store-s2 .swiper-button-next.swiper-button-black, .store-s2 .swiper-container-rtl .swiper-button-prev.swiper-button-black { -webkit-transition-delay: 0s; transition-delay: 0s; background-image: url(/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/button-next-hs.png); background-image: url(/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/button-all.png); background-position: right top; } .store-s2 .swiper-button-prev.swiper-button-black, .store-s2 .swiper-container-rtl .swiper-button-next.swiper-button-black { -webkit-transition-delay: 0s; transition-delay: 0s; background-image: url(/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/button-prev-ws.png); background-image: url(/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/button-all.png); background-position: left top; } .store-s2 .swiper-button-next.swiper-button-black:hover, .store-s2 .swiper-button-next.swiper-button-black:focus, .store-s2 .swiper-container-rtl .swiper-button-prev.swiper-button-black:hover { transition: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; outline: none !important; background-image: url(/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/button-next-bs.png); background-image: url(/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/button-all.png); background-position: right bottom; } .store-s2 .swiper-button-prev.swiper-button-black:hover, .store-s2 .swiper-button-prev.swiper-button-black:focus, .store-s2 .swiper-container-rtl .swiper-button-next.swiper-button-black:hover { transition: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; outline: none !important; background-image: url(/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/button-prev-bs.png); background-image: url(/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/button-all.png); background-position: left bottom; } .swiper-button-next, .swiper-button-prev { width: 3.333333333vw; height: 3.333333333vw; background-size: 3.333333333vw 3.333333333vw; background-size: 9.999999999vw 9.999999999vw; } .hero-des img { width: 8.020833333vw; margin-bottom: .78125vw; } .store-s1 svg { /*margin-bottom: 2px;*/ display: table-cell; width: 1.09375vw; height: 1.09375vw; } .store-s1 span { font-size: 1.041666667vw; line-height: 1; display: inline-block; display: table-cell; padding-right: .416666667vw; vertical-align: top; vertical-align: middle; } .store-s1 .store-text div { font-weight: bold; margin-top: 2.864583333vw; text-align: center; } .store-s1 .store-text a { line-height: 1; display: inline-block; display: inline-table; width: 12.29166667vw; margin: 0; /* padding: .729166667vw 1.25vw; */ border: 1px solid; border-radius: 50px; } /*.store-s1 .hero-des{ position: absolute; bottom:2.8125vw; }*/ .store-s1 .hero-des img { position: absolute; bottom: 4.166666667vw; left: 17.7vw; } .store-s1 .hero-des p { font-size: .729166667vw; font-weight: normal; position: absolute; bottom: 2.8125vw; left: 17.7vw; color: #a5a3a2; } .section-bg { background: #f2f2f2; } .store-s6 h2 { max-width: 31.25vw; max-width: 46vw; margin: 0 auto; padding: 5vw 8.4vw 5vw; padding: 7.03125vw 0 7.03125vw 20vw; padding: 7.03125vw 0 7.03125vw 20vw; text-align: left; } .store-s8 h2 { padding: 20.53333333vw 8.4vw 5vw; padding: 6.25vw 8.4vw 3.125vw; text-align: center; } .store-s8 .store-con { font-size: 0; width: 62.23958333vw; margin: 0 auto; padding-bottom: .6vw; } .store-s6 .store-con { width: 62.23958333vw; margin: 0 auto; /* padding-bottom: 5.208333333vw; */ text-align: center; text-align: left; } .store-s8 .store-con .more-pro-con, .store-s8 .store-con .hua-com-con { padding: 1.041666667vw 1.770833333vw; background: #fff; } .store-s8 .store-con > div { overflow: hidden; margin-bottom: 5.333333333vw; border-radius: 8px; } .store-s8 .store-con > div p { font-size: .833333333vw; } .store-s8 .store-con > div a { font-size: .833333333vw; color: #2788d9; } .official-cha .official-channel { margin: 1.12vw; padding: 0 2.5vw 1.40625vw 2.5vw; padding: 0 2.5vw 4.40625vw 2.5vw; border-radius: 8px; background: #fff; } .official-cha img { width: 5.208333333vw; } .official-cha p { font-size: .833333333vw; color: #a3a3a3; } .official-slide { display: flex; box-sizing: border-box; justify-content: space-between; align-items: center; } .slide-phone { position: relative; z-index: 2; width: 50%; text-align: right; } .phone-list { right: 0; width: 100%; } .phone-pro { position: absolute; top: 5.364583333vw; top: 3.364583333vw; right: 0; width: 100%; } .phone-list img { width: 11.82291667vw; width: 10vw; padding-top: 1.25vw; padding-right: 3.4375vw; padding-right: 2.8vw; } .phone-pro img { width: 12.44791667vw; width: 10.6vw; } .slide-phone .phone-all > img, .slide-phone .phone-pro .slick-pro { position: absolute; right: 0; width: 12.44791667vw; width: 10.6vw; transform: translateX(44%); } /* .slick-pro img:not(:nth-child(1)){ position: absolute; top: 0; left: 0; } */ .slide-all-pic { position: relative; z-index: 1; /* height: 40vw; */ overflow: hidden; width: 49%; } .slide-all-pic img { position: relative; z-index: 2; width: 49.11458333vw; } .pic-img { /* position: absolute; z-index: 1;*/ } /*s3*/ .phone-list, .slide-text { opacity: 0; } .phone-all { /*opacity: 0;*/ overflow: hidden; } .phone-all .slick-list { overflow: hidden; } .slide-all-pic > img { position: absolute; top: 0; /*display: none;*/ } .slick-pro, .slick-pro-tit { overflow: hidden; height: 30vw; } /*s3 end*/ .swiper-pagination-bullet { position: relative; } .swiper-pagination svg { position: absolute; /*top: -190%; left: -150%;*/ top: 0; left: 0; /* transform: translate(-50%,-30%);*/ -webkit-transform: rotate(-90deg); transform: rotate(-90deg); /*width: 10vw; height: 10vw;*/ fill: transparent; } #circle { stroke-dasharray: 107, 107; stroke-dashoffset: 107; } .swiper-pagination-bullet { position: relative; width: 38px; height: 38px; margin: 0 5px; opacity: 1; background-color: transparent; } .swiper-pagination-bullet-circle { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-top: -4px; margin-left: -4px; border-radius: 50%; background-color: #000; } .swiper-pagination-bullet-progress-circle { position: absolute; top: 0; left: 0; width: 32px; height: 32px; opacity: .5; stroke: #7c7c7c; stroke-dashoffset: 94px; stroke-dasharray: 94px; } .store-s2.animated .swiper-active-switch #circle { transition: all 5s; transition: all 13.5s; stroke-dashoffset: 0; } /*.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 7vw; }*/ .swiper-container-phone { padding-bottom: 10vw; padding-bottom: 4.270833333vw; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { position: relative; margin: 5vw 3vw 2vw 3vw; } /*.swiper-pagination-bullet { background: #7c7c7c; opacity: 1; width: 9px; height: 9px; }*/ /*.swiper-active-switch.swiper-pagination-bullet { background: #000000; }*/ .slide-text h3 { display: inline-block; vertical-align: top; outline: none; } .swiper-container-phone .phone-step .img-slide-left { position: absolute; top: 7.4vw; top: 0; left: 0; width: auto; height: 100%; /*z-index: 1;*/ transform: translate(0, 0); } .store-s3 { overflow: hidden; width: 100%; padding-bottom: .02px; } .swiper-slide.swiper-slide-active { background: #fff; } .pc-slide .slide-pic { position: absolute; top: 0; left: 0; overflow: hidden; width: 49.11458333vw; } .mob-slide .slide-pic { position: absolute; top: 0; left: 0; overflow: hidden; width: 49.11458333vw; width: 100%; } .slick-pro-tit { position: absolute; right: 0; width: 12.44791667vw; width: 10.6vw; transform: translateX(44%); } /*animated*/ .store-s2 .phone-step2 { -webkit-transition-duration: .5s; transition-duration: .5s; transition-property: all; /*-webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);*/ opacity: 0; } .store-s2.animated .swiper-slide-active .phone-step2 { -webkit-transition-delay: .2s; transition-delay: .2s; opacity: 1; } .swiper-btn-all { -webkit-transition-duration: 1s; transition-duration: 1s; transition-property: all; opacity: 0; } .store-s2.animated .swiper-btn-all { -webkit-transition-delay: .2s; transition-delay: .2s; -webkit-transition-duration: .5s; transition-duration: .5s; transition-property: all; opacity: 1; } .store-s2 .tex-figure { display: block; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transform: translate(0, 1%); transform: translate(0, 1%); opacity: 0; } .store-s2.animated .swiper-slide-active .tex-figure { -webkit-transition-delay: .4s; transition-delay: .4s; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .store-s2 .slide-tex { display: block; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transform: translate(0, 5%); transform: translate(0, 5%); opacity: 0; } .store-s2.animated .swiper-slide-active .slide-tex { -webkit-transition-delay: .6s; transition-delay: .6s; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .store-s3 .slide-pic .slick-list { -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transform: translate(0, 0vw); transform: translate(0, 0vw); } .store-s3.animated .slide-pic .slick-list { -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transform: translate(0, -8%); transform: translate(0, -8%); } /*.store-s2.animated .swiper-slide-active.swiper-slide-1 .phone-step2 .img-slide-top { -webkit-animation: imgAnimate-v 1.5s 1.3s linear both; animation: imgAnimate-v 1.5s 1.3s linear both; } @keyframes imgAnimate-v { 0% { transform: translate(0%, 0%); } 40% { transform: translate(0%, -9.1%); } 60% { transform: translate(0%, -9.1%); } 100% { transform: translate(0%, -32%); } } .store-s2.animated .swiper-slide-active.swiper-slide-2 .phone-step2 .img-slide-left { -webkit-animation: imgAnimate-h 1.5s 1.3s linear both; animation: imgAnimate-h 1.5s 1.3s linear both; } @keyframes imgAnimate-h { 0% { transform: translate(0%, 0%); } 40% { transform: translate(-30.5%, 0%); } 60% { transform: translate(-30.5%, 0%); } 100% { transform: translate(-61.2%, 0%); } }*/ /*--------------------------------------------------------------------------min 768------------------------------------------------------------------------------------------*/ @media (min-width:769px) { .all-s3 { position: relative; } .slide-text { position: absolute; top: 11.66666667vw; top: 6vw; left: 18.22916667vw; overflow: hidden; width: 15vw; } .mob-slide { display: none; } .store-s2 .slide-tit { display: block; -webkit-transition-duration: 1s; transition-duration: 1s; transition-property: all; -webkit-transform: translate(0, 3vw); transform: translate(0, 3vw); opacity: 0; } /*.store-s2.animated .slide-tit{ -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; }*/ .store-s2 .slide-pho { display: block; -webkit-transition-duration: 1s; transition-duration: 1s; transition-property: all; -webkit-transform: translate(0, 3vw); transform: translate(0, 3vw); opacity: 0; } /*.store-s2.animated .slide-pho{ -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; transition-delay: .2s; -webkit-transition-delay: .2s; }*/ .slide-pho > div { box-shadow: 10px 10px 10px #eee; } .swiper-container-phone .slide-tex { position: absolute; top: 59%; left: 4.5vw; width: 16.14583333vw; width: 16.54vw; } .store-s2 .swiper-pagination { display: none; } .app-section { position: relative; } .store-copy-left .store-text { position: absolute; top: 0; right: 0; display: flex; box-sizing: border-box; width: 31.14583333vw; height: 100%; margin-right: 50vw; padding: 0 7.1875vw; padding: 0 7.1875vw 0 0; justify-content: space-between; align-items: center; } .store-s8 .store-con > div { display: inline-block; width: 30.3125vw; } .more-pro { margin-right: 1.6145vw; } .official-cha .official-channel { position: relative; display: inline-block; width: 14.73vw; } .official-cha h3 { margin: 4.6875vw 0; } .official-cha { font-size: 0; width: 65.9375vw; margin: 0 auto; margin-top: 8.541666667vw; padding-bottom: 5.333333333vw; } .store-s6 .store-con img { width: 19.79166667vw; } .official-cha p { position: absolute; bottom: 2vw; width: 14.8vw; } .store-s6 { display: flex; align-items: center; } } @media (min-width:880px) and (max-width:1350px) { .swiper-container-phone .slide-tex { top: 54%; left: 4.5vw; width: 16.14583333vw; width: 22vw; } } @media (min-width:769px) and (max-width:879px) { .swiper-container-phone .slide-tex { top: 49%; left: 1vw; width: 16.14583333vw; width: 25.2vw; } } @media (min-width:769px) and (max-width:1000px) { .official-cha .official-channel { padding: 0 2.5vw 9.40625vw 2.5vw; } } /*------------------------------------------------------max 768-----------------------------------------------------------------------------------------------------------*/ @media (max-width:768.99px) { .store-s6 .store-con { text-align: center; } .slick-pro, .slick-pro-tit { height: 105.7333333vw; } .phone-pro { top: 15vw; } .store-s6 h2 { text-align: center; } .store-s3 h3 br { display: none; } .store-s3 { padding-bottom: 13vw; } .tex-figure { top: auto; bottom: 3.4vw; } .store-containter h2 { font-size: 6.4vw; } .store-containter h3 { font-size: 4.266666667vw; } .store-containter p { font-size: 2.133333333vw; } .store-s1 span { font-size: 2.666666667vw; padding-right: 1vw; } .store-s1 svg { width: 2.8vw; width: 2.82vw; height: 2.8vw; } .store-s1 .store-text a { /* padding: 2vw 2.2vw; */ width: 29.73333333vw; } .official-cha img { width: 15.06666667vw; } .swiper-container-phone { width: 86.66666667vw; width: 100%; } .swiper-container-phone .slide-tex { height: 18vw; margin-top: 2vw; text-align: center; } .swiper-container-phone .phone-step img, .swiper-container-phone .phone-step video { width: 55.73333333vw; } .slide-pho > div > img { width: 55.73333333vw; } .swiper-container-phone .phone-step img { width: 55.73333333vw; } .swiper-container-phone .slide-pho { width: 55.73333333vw; margin-top: 2vw; } .slide-pho > div { width: 55.73333333vw; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { display: none; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { display: none; } .slide-pho > div > img { -webkit-border-radius: 7vw; border-radius: 7vw; } .swiper-container-phone .phone-step img, .swiper-container-phone .phone-step video { -webkit-border-radius: 7vw; border-radius: 7vw; } .slide-pho > div { -webkit-border-radius: 7vw; border-radius: 7vw; } .phone-list img { position: relative; top: 5vw; width: 33.46666667vw; padding-top: 1.25vw; padding-right: 3.4375vw; padding-right: 6vw; } .slide-phone .phone-all > img, .slide-phone .phone-pro .slick-pro { position: absolute; right: 0; width: 37.2vw; transform: translateX(44%); transform: translateX(32%); } .slick-pro-tit { position: absolute; right: 0; width: 37.2vw; transform: translateX(44%); transform: translateX(32%); } .slide-phone { width: 46%; } .slide-all-pic { width: 54%; } .pc-slide { display: none; } .store-copy-left .store-text { position: absolute; width: 100%; } .store-copy-left .store-text .hero-tit { width: 48vw; margin: 0 auto; margin-top: 16.26666667vw; } .store-s1 .hero-des img { position: absolute; right: 8.133333333vw; bottom: 4vw; left: auto; } .store-s1 .hero-des p { bottom: 4vw; left: 8.133333333vw; } .store-s8 .store-con { width: 84vw; } .official-cha .official-channel { margin: 8.266666667vw; padding: 0 7.333333333vw 7.333333333vw; } .slide-text { margin-bottom: 9.733333333vw; text-align: center; } .text-con br { display: none; } .store-s1 .hero-des p { font-size: 3.2vw; font-size: 1.6vw; } .hero-des img { width: 19.86666667vw; } .store-s8 .store-con > div p { font-size: 4.266666667vw; font-size: 3.733333333vw; } .store-s8 .store-con > div a { font-size: 4.266666667vw; font-size: 3.733333333vw; } .store-s8 .store-con .more-pro-con, .store-s8 .store-con .hua-com-con { padding: 2.666666667vw 3.6vw; } .swiper-container-phone { padding-bottom: 13vw; } .store-s2 .slide-tit, .store-s3 .slide-tit { padding: 7.333333333vw; padding-top: 16vw; /*padding-bottom: 10.66666667vw;*/ } .official-cha { margin-top: 33.33333333vw; } .store-s6 h2 { max-width: 100%; padding: 21.33333333vw 5vw 8.4vw 4vw; padding: 21.33333333vw 7.333333333vw 8.4vw 7.333333333vw; } .store-s2 .slide-tex { padding-right: 7.333333333vw; padding-left: 7.333333333vw; } .store-s8 .store-con { padding-bottom: 10.66666667vw; } .store-s8 h2 { padding: 16vw 8.4vw 8vw; } /*animated*/ .store-s2 .tex-figure { display: block; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transform: translate(-1%, 0); transform: translate(-1%, 0); opacity: 0; } .store-s2 .slide-tex { display: block; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transform: translate(0, 3%); transform: translate(0, 3%); opacity: 0; } .store-s2.animated .swiper-slide-active .slide-tex { -webkit-transition-delay: .2s; transition-delay: .2s; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @media (max-width:410px) { .store-s1 svg { height: 4vw; } .swiper-container-phone .slide-tex { height: 23vw; } } @media (max-width:350px) { .swiper-container-phone .slide-tex { height: 30vw; } nav.vknav h3 { font-size: 16px; } .store-s1 .hero-des p { letter-spacing: -.2px; } } /*----------------------------------------------------------------------max 768 end ------------------------------------------------------------------------------*/ #s5-trigger { position: relative; } /* @ section5 */ #s5-kv { height: 100vh; } .store-container { position: relative; width: 100%; height: 100%; } .store-box { display: block; margin: 0 auto; text-align: center; } .store-box h2 { font-weight: bold; line-height: 1.25; } .store-box p { font-size: 16px; line-height: 1.6; } .txt-container { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate(0, 30%); -moz-transform: translate(0, 30%); -ms-transform: translate(0, 30%); -o-transform: translate(0, 30%); transform: translate(0, 30%); opacity: 0; } .animated .txt-container { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } /* *section5 */ .section5 { overflow: hidden; padding-bottom: 107px; background-color: #f2f2f2; } .section5 .store-box { top: 0 !important; width: 100%; height: 100vh; padding: 0; background-color: #1b1819; } .layer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .phone-layer { position: absolute; bottom: -90%; left: 21vw; overflow: hidden; transform-origin: bottom left; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; } .phone-layer-active { bottom: -107px; } .split-txt, .cat-select, .cat-options { position: absolute; right: 37px; left: 37px; display: none; text-align: left; background-color: #fff; } .split1 { top: 158px; } .split2 { top: auto; bottom: 419px; } .split-txt p { color: #000; } .cat-select { top: 213px; background-color: transparent; } .cat-select p { margin-right: 20px; color: #000; background-color: #fff; } .cat-options { font-size: 18px; z-index: 1; top: 246px; padding: 15px; color: #908e8f; border-radius: 5px; background-color: #fff; box-shadow: 0 0 10px #908e8f; } .cat-options li:not(:last-child) { margin-bottom: 10px; } .post-screen { font-size: 0; position: absolute; top: 203px; top: 258px; right: 37px; left: 37px; text-align: left; } .post { display: inline-block; vertical-align: bottom; } .uploaded { width: 0; } .post img { width: 100%; vertical-align: bottom; } .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; } .mask-b { position: absolute; z-index: 4; bottom: 0; display: none; width: 100%; height: 100%; opacity: 0; box-shadow: inset 0 -200px 70px -70px #000; } .z1 { z-index: 1; } .z2 { z-index: 2; } .z3 { z-index: 3; } .z4 { z-index: 4; } .m4 { z-index: 4; display: none; opacity: 0; } .z1 img { position: absolute; bottom: 0; left: 0; height: 70%; } .z1 img:nth-child(2) { z-index: -1; } .z3 img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; margin: auto; } .txt5 { position: absolute; z-index: 5; top: 49.2%; width: 100%; opacity: 0; color: #fff; } .animated .txt5 { top: 47.2%; opacity: 1; } .txt5.to-top { transition: none; } .txt5 h2 { font-size: 4.16666667vw; } .gallery-screen { font-size: 0; position: absolute; top: 64px; left: 10px; width: 398px; opacity: 0; } .gallery-body { position: relative; overflow: hidden; height: 660px; margin: 0 10px; padding-top: 20px; border-bottom-right-radius: 35px; border-bottom-left-radius: 35px; background-color: #efefef; background-image: linear-gradient(90deg, #fefefe, #efefef, #fefefe); } .gallery { position: absolute; opacity: 0; } .gallery:nth-child(2n+1) { left: 17px; } .gallery:nth-child(2n) { left: 195px; } .g2 { top: 50px; } .g3 { top: 378px; } .g4 { top: 332px; } .g5 { top: 631px; } .g6 { top: 603px; } .g7 { top: 941px; } .g8 { top: 886px; } .tra .gallery { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .tra .g1 { transition-delay: .2s; } .tra .g2 { transition-delay: .8s; } .tra .g3 { transition-delay: 1s; } .tra .g4 { transition-delay: 1.2s; } .tra .g5 { transition-delay: 1.4s; } .tra .g6 { transition-delay: 1.6s; } .tra .g7 { transition-delay: 1.8s; } .tra .g8 { transition-delay: 2s; } .ani .gallery { opacity: 1; } .ani .g2 { top: 20px; } .ani .g3 { top: 348px; } .ani .g4 { top: 302px; } .phone-txt { position: absolute; top: 50%; left: 50%; width: 34vw; text-align: left; opacity: 0; } .phone-txt p { font-size: 1.6666667vw; color: #fff; } @media (max-width:834px) { .section5 .store-box { height: auto; } #bg-trigger { height: 100vh; } #phone-trigger { min-height: 793px; } .animated .txt5 { top: 40%; } .txt5 h2 { font-size: 11.73333333vw; } .txt5 span { display: block; margin: -20px 0; } .z1 img { height: 50%; bottom: auto; top: 50%; } .z3 img { width: auto !important; height: 100%; } .phone-txt { position: relative; top: auto !important; bottom: auto; left: auto; width: 100%; width: 84vw; margin: 0 auto; padding: 25.33333333vw 0 8vw; text-align: center; opacity: 1; opacity: 1 !important; } .phone-txt p { font-size: 4.266666667vw; } .phone-layer { right: 0; bottom: auto !important; left: 0; width: 419px; margin: auto; -webkit-transform: scale(.9999); -moz-transform: scale(.9999); -ms-transform: scale(.9999); -o-transform: scale(.9999); transform: scale(.9999); transform-origin: top center; } } @media (max-width:460px) { .phone-layer { -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); } } @media (max-width:400px) { .phone-layer { -webkit-transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); -o-transform: scale(.7); transform: scale(.7); } } @media (max-width:375px) { .phone-layer { left: 40px; transform-origin: top left; } } @media (max-width:360px) { .phone-layer { left: 35px; } } .txt5 p { font-size: 17px; line-height: 1.6; font-weight: normal; color: #fff; margin-left: 33%; } @media (width: 1366px){ .txt5 p { margin-left: 26% } } @media (max-width: 1200px){ .txt5 p { margin-left: 19% } } @media (max-width: 834px){ .txt5 p { margin-left: 0 } } </style> <div class="store-containter">  <nav class="vknav"> <div class="navcenter" style="width: 100%;"> <h3><b>HUAWEI</b> STORE</h3> <a class="btn erweimaBTN a-interaction a-common" cat="Content Interactions" act="Click on Install AppGallery" lab="Install AppGallery - <page title>" href="#" onclick="isInstalled();">Télécharger<img style="margin-left:10px;width: 18px;height: 18px;" src="//consumer-img.huawei.com/content/dam/huawei-cbg-site/common/mkt/mobileservices/appgallery2020/imgs/download.svg" alt=""></a> <div class="erweimaLJ topER" style="display: none; opacity: 1;">  <p class="pinerweima">Vous pouvez aussi scanner le QR Code pour télécharger HUAWEI STORE APP.</p> <img class="erweima" width="160" height="160" src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/qr-code.png" alt="code"> </div> </div> </nav>  <section class="store-s1 app-section store-copy-left"> <div class="store-text"> <div class="hero-tit"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/store-s1-pc-1.png" alt="HUAWEI"> <div><a href="//consumer-img.huawei.com/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/HUAWEI-STORE-APP-Video-30s-20200709.mp4" data-video-image="//consumer-img.huawei.com/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/video-poster.jpg" class="play_video h6 tl-link" data-video-id="videoPlayer" data-video-ratio="16:9" data-t-label="HUAWEI" data-t-ignore-link="true" data-video-name="HUAWEI" cat="Video Milestone" act="Video Start" lab="HUAWEI"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/watch-video.png">  </a></div> </div> </div> <div class="hero-des"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/appgallery.png" alt="HUAWEI"> <p>*Achetez - Connectez-vous - Partagez</p> </div> <div class="store-figure"> <picture> <source media="(max-width:768.02px)" srcset="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/store-s1-mob-bg.jpg"> <img class="" src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/store-s1-pc-bg3.jpg" alt="HUAWEI"> </picture> </div> </section>  <div id="s2-trigger"></div> <section class="store-s2 app-section"> <div class="slide-tit"> <h2 class="title" >Restez au sommet de tout</h2> <p>Le moyen parfait pour rester à jour des toutes dernières nouvelles de chez Huawei</p> </div> <div class="swiper-container swiper-container-phone swiper-container-initialized swiper-container-horizontal" id="swiper-container1"> <div class="swiper-wrapper" > <div class="swiper-slide swiper-slide-1" > <div class="slide-con"> <div class="slide-copy"> <div class="tex-figure"> <picture> <source media="(max-width:768px)" srcset="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/s2-mob-home3.jpg"> <img class="tex-bg" src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/store-s2-pc-home3.jpg" alt="HUAWEI"> </picture> </div> <div class="slide-tex"> <h3>Restez au courant des dernières nouvelles de Huawei</h3> <p>Grands événements, lancement des produits et offres à durée limitée. Obtenez toutes les informations dont vous avez besoin, au bout des doigts.</p> </div> </div> <div class="slide-pho"> <div> <div class="phone-step1 phone-step"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/phone02.png" alt="HUAWEI"> </div> <div class="phone-step2 phone-step"> <video class="img-slide-top" preload="auto" muted="" playsinline="true" webkit-playsinline="true" x-webkit-airplay="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" width="100%" poster="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/phone-home1.jpg"> <source src="//consumer-img.huawei.com/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/video/1home-1126.mp4" type="video/mp4"> </video>  <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/phone02_01.png" alt="HUAWEI"> </div> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/phone01.png" alt="HUAWEI"> </div> </div> </div> </div> <div class="swiper-slide swiper-slide-2" > <div class="slide-con"> <div class="slide-copy"> <div class="tex-figure"> <picture> <source media="(max-width:768px)" srcset="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/s2-mob-store3.jpg"> <img class="tex-bg" src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/store-s2-pc-store3.jpg" alt="HUAWEI"> </picture> </div> <div class="slide-tex"> <h3>Suivez les dernières nouvelles sur les produits</h3> <p>Les nouvelles éditions; nouvelles couleurs et nouvelles offres. Ne ratez plus aucun produit.</p> </div> </div> <div class="slide-pho"> <div> <div class="phone-step1 phone-step"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/tex-bg-white.jpg" alt="HUAWEI"> </div> <div class="phone-step2 phone-step"> <video class="img-slide-top" muted="" playsinline="true" webkit-playsinline="true" x-webkit-airplay="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" width="100%" poster="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/phone-store.jpg"> <source src="//consumer-img.huawei.com/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/video/2shop-1126.mp4" type="video/mp4"> </video> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/phone02_02.png" alt="HUAWEI"> </div> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/phone01.png" alt="HUAWEI"> </div> </div> </div> </div> <div class="swiper-slide swiper-slide-3" > <div class="slide-con"> <div class="slide-copy"> <div class="tex-figure"> <picture> <source media="(max-width:768px)" srcset="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/s2-mob-community3.jpg"> <img class="tex-bg" src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/store-s2-pc-community4.jpg" alt="HUAWEI"> </picture> </div> <div class="slide-tex"> <h3>Rejoingnez les évenemtents Huawei les plus Intéressants</h3> <p>Concours sur la Huawei community, rassenblements des Huaweis fans et activités officielles. Rejoignez la plus grande section communautaire spécialement dédiée aux Huawei Fans.</p> </div> </div> <div class="slide-pho"> <div> <div class="phone-step1 phone-step"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/tex-bg-white.jpg" alt="HUAWEI"> </div> <div class="phone-step2 phone-step"> <video class="img-slide-top" muted="" playsinline="true" webkit-playsinline="true" x-webkit-airplay="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" width="100%" poster="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/phone-community.jpg"> <source src="//consumer-img.huawei.com/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/video/3community-1126.mp4" type="video/mp4"> </video> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/phone02_03.png" alt="HUAWEI"> </div> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/phone01.png" alt="HUAWEI"> </div> </div> </div> </div> <div class="swiper-slide swiper-slide-4" > <div class="slide-con"> <div class="slide-copy"> <div class="tex-figure"> <picture> <source media="(max-width:768px)" srcset="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/s2-mob-me3.jpg"> <img class="tex-bg" src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/store-s2-pc-me3.jpg" alt="HUAWEI"> </picture> </div> <div class="slide-tex"> <h3>Gérez tout ce qui vous concerne</h3> <p>les statuts des commandes, vos contenus sur la communauté, les informations de service support. Tout ce qui concerne votre expérience chez Huawei est disponible sur votre espace personnel.</p> </div> </div> <div class="slide-pho"> <div> <div class="phone-step1 phone-step"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/tex-bg-white.jpg" alt="HUAWEI"> </div> <div class="phone-step2 phone-step"> <video class="img-slide-top" muted="" playsinline="true" webkit-playsinline="true" x-webkit-airplay="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" width="100%" poster="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/phone-me.jpg"> <source src="//consumer-img.huawei.com/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/video/4me-1126.mp4" type="video/mp4"> </video> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/phone02_04.png" alt="HUAWEI"> </div> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/phone01.png" alt="HUAWEI"> </div> </div> </div> </div> </div> <div class="swiper-btn-all"> <div class="swiper-button-prev swiper-button swiper-button-black" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="false"> </div> <div class="swiper-button-next swiper-button swiper-button-black" tabindex="-1" role="button" aria-label="Next slide" aria-disabled="true"> </div> </div>  <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets pagination-bullet-black"> <button class="swiper-pagination-bullet" type="button" tabindex="0" role="button" aria-label="Go to slide 1"><span class="swiper-pagination-bullet-circle js-progress-line"></span><svg width="38" height="38" viewBox="0 0 38 38"><circle id="circle" class="swiper-pagination-bullet-progress-circle js-progress-circle" cx="19" cy="19" r="17" fill="none" stroke-width="1.5" ></circle></svg></button> <button class="swiper-pagination-bullet" type="button" tabindex="0" role="button" aria-label="Go to slide 2"><span class="swiper-pagination-bullet-circle js-progress-line"></span><svg width="38" height="38" viewBox="0 0 38 38"><circle id="circle" class="swiper-pagination-bullet-progress-circle js-progress-circle" cx="19" cy="19" r="17" fill="none" stroke-width="1.5" ></circle></svg></button> <button class="swiper-pagination-bullet" type="button" tabindex="0" role="button" aria-label="Go to slide 3"><span class="swiper-pagination-bullet-circle js-progress-line"></span><svg width="38" height="38" viewBox="0 0 38 38"><circle id="circle" class="swiper-pagination-bullet-progress-circle js-progress-circle" cx="19" cy="19" r="17" fill="none" stroke-width="1.5" ></circle></svg></button> <button class="swiper-pagination-bullet" type="button" tabindex="0" role="button" aria-label="Go to slide 4"><span class="swiper-pagination-bullet-circle js-progress-line"></span><svg width="38" height="38" viewBox="0 0 38 38"><circle id="circle" class="swiper-pagination-bullet-progress-circle js-progress-circle" cx="19" cy="19" r="17" fill="none" stroke-width="1.5" ></circle></svg></button> </div>  </div>  </section>  <div id="s3-trigger"></div> <div id="s3-trigger1"></div> <section class="store-s3 app-section section-bg"> <div class="slide-tit"> <h2 class="title" >Passez vous commandes sur le HUAWEI Store</h2> <p>Ne ratez plus aucun nouveau produit et bénéficiez des offres exclusives directement depuis la boutique officielle HUAWEI</p> </div> <div class="all-s3"> <div class="slide-text"> <div class="text-con"> <h3>Les meilleures smarthphone pour photos</h3> <h3>Ordinateurs haut de gamme</h3> <h3>Les meilleures accesoires & wearbles</h3> </div> </div> <div class="official-slide"> <div class="slide-phone"> <div class="phone-list"><img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/phone-list3.png"></div> <div class="phone-pro"> <div class="phone-all"> <div class="slick-pro"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/phone-pro-img2t.png"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/phone-pro-img2f.png"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/phone-pro-img1t.png"> </div> <div class="slick-pro-tit"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/phone-pro-pho.png"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/phone-pro-lab.png"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/phone-pro-wat.png"> </div> <img class="s3-phone" src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/phone-pro5.png"> </div> </div> </div> <div class="slide-all-pic"> <div class="pc-slide"> <div class="slide-pic"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/s3-pro-02t.jpg" class="slick-index-0 pic-img"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/s3-pro-02f.jpg" class="slick-index-1"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/s3-pro-01t.jpg" class="slick-index-2 "> </div> <img class="pc-slide-img" src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/s3-all-prot.png"> </div> <div class="mob-slide"> <div class="slide-pic"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/s3-pro-mob1.jpg" class="slick-index-0 pic-img"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/s3-pro-mob2.jpg" class="slick-index-1"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/s3-pro-mob3.jpg" class="slick-index-2 "> </div> <img class="mob-slide-img" src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/s3-all-pro-mob.png"> </div> </div> </div> </div> <div id="s3-official"></div> <div class="official-cha"> <div class="official-channel"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/icon-s3-pc-1.png" alt="HUAWEI"> <h3>La boutique <br>officielle</h3> <p>Passez votre commande directement depuis votre boutique HUAWEI Store</p> </div> <div class="official-channel"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/icon-s3-pc-2.png" alt="HUAWEI"> <h3>Offres <br>exclusives</h3> <p>Ne ratez plus les meilleures offres</p> </div> <div class="official-channel"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/icon-s3-pc-3.png" alt="HUAWEI"> <h3>Support live en <br>Chat</h3> <p>Votre guide d'achat personnalisé</p> </div> </div> </section>  <section class="store-s6 app-section" > <h2>Retrouvez vos produits favoris directement depuis le Huawei store.</h2> <div class="store-con"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/icon-animation.gif" alt="HUAWEI"> </div> </section>   <div class="store-section section5"> <div id="s5-trigger" class="store-box"> <div id="bg-trigger"> <div id="s5-tit" class="txt-container txt5"> <h2>SHOP<span> · </span>CONNECT<span> · </span>SHARE *</h2> <p>* Achetez - Connectez-vous - Partagez</p> </div> <div id="s5-bg" class="layer z1"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/section5-kv-bg.jpg" alt=""> </div> <div class="mask z2"></div> <div class="mask m4"></div> <div class="mask-b"></div> <div id="s5-kv" class="layer z3"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/section5-kv.jpg" alt=""> </div> </div> <div id="phone-trigger"> <div class="phone-txt z4"> <p>C'est loin d'être une boutique officielle uniquement. En plus d'un parcours d'achat simple et fiable, partagez vos expériences, vos photos et vos idées auprès de l’ensemble des utilisateurs Huawei. </p> </div> <div class="phone-layer z4"> <div class="split-txt split1"> <p>Vue d'en haut!</p> </div> <div class="cat-select"> <p>Portrait</p> </div> <ul class="cat-options"> <li>Landscape</li> <li>Portrait</li> <li>Night</li> <li>Food</li> <li>Others</li> </ul> <div class="post-screen"> <div class="post uploaded"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/section5-gallery-added-img.jpg" alt=""> </div> <div class="post upload"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/section5-gallery-add-img.jpg" alt=""> </div> </div> <div class="split-txt split2"> <p>Une vue à couper le souffle, en plein milieu de l'océan</p> </div> <div class="gallery-screen"> <div class="gallery-head"> <picture> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/section5-gallery-head.jpg" alt=""> </picture> </div> <div class="gallery-body"> <div class="gallery g1"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/section5-gallery-01.png" alt=""> </div> <div class="gallery g2"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/section5-gallery-02.png" alt=""> </div> <div class="gallery g3"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/section5-gallery-03.png" alt=""> </div> <div class="gallery g4"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/section5-gallery-04.png" alt=""> </div> <div class="gallery g5"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/section5-gallery-05.png" alt=""> </div> <div class="gallery g6"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/section5-gallery-06.png" alt=""> </div> <div class="gallery g7"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/section5-gallery-07.png" alt=""> </div> <div class="gallery g8"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/section5-gallery-08.png" alt=""> </div> </div> </div> <picture> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/section5-phone.png" alt=""> </picture> </div> </div> </div> </div>   <section class="store-s8 app-section section-bg" > <h2>Explorez plus</h2> <div class="store-con"> <div class="more-pro"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/store-s6-pc-1.png" alt="HUAWEI"> <div class="more-pro-con"> <p>Consultez plus de produits</p> <a href="https://consumer.huawei.com/fr/offer/?ic_source=cbgwebsite&ic_medium=header">En savoir plus ></a> </div> </div> <div class="hua-com"> <img src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/img/store-s6-pc-2.jpg" alt="HUAWEI"> <div class="hua-com-con"> <p>Huawei Community</p> <a href="https://consumer.huawei.com/fr/community/?ic_source=cbgwebsite&ic_medium=header">En savoir plus ></a> </div> </div> </div> </section> </div> <script type="text/javascript"> function isInstalled() { window.location.href = "hiapplink://com.huawei.appmarket?appId=C102182717&channelID=EUUKPD20200917OW&referrer="; var initialTime = new Date(); var counter = 0; var waitTime = 0; checkOpen = setTimeout(function () { if ((new Date()) - initialTime > 3500) { window.location.href = 'https://appgallery.cloud.huawei.com/appdl/C27162'; } }, 3500); } $(function() { $(window).scroll(function() { if ($(this).scrollTop() < 5) { $('#header-v3').show(); $('.app-nav').show(); $('.vknav').removeClass('active'); } else { $('#header-v3').hide(); $('.app-nav').hide(); $('.vknav').addClass('active'); } }); function _isMobile() { var flag = navigator.userAgent.match( /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i ); return flag; } var win_width = document.documentElement.getBoundingClientRect().width; //if(window.innerWidth > 767){ if (_isMobile() && win_width <= 750){ $.noop(); } else { $(".erweimaBTN").hover(function () { $(".topER").fadeIn(); }, function () { $(".topER").fadeOut(); }); } }); //$(function () { window.onload = function() { // pop video $('a.play_video').on('click', function(ev) { ev.preventDefault(); $(this).initH5player({ 'path': '', 'target': 'fancybox', 'autostart': true }); }); var controller = new ScrollMagic.Controller(); var currWinWidth = window.innerWidth; var menuHeight = $('#header-v3').height(); var slideP; function menuLinkValue() { var hrefValue; if (window.innerWidth >= 769) { hrefValue = 'https://appgallery1.huawei.com/#/app/C102182717'; } else { hrefValue = 'hiapplink://com.huawei.appmarket?appId=C102182717&channelID=EUFRGTA20200716OW&referrer='; } $('.eknav a.a-common').attr('href', hrefValue); // if (window.innerWidth <= 768.98) { // $('.store-s1 .store-figure').css('height',''); // $('.store-s1 .store-figure').css('height', window.innerWidth * 516.5 / 375); // //$('.store-s1 .store-figure').height(currWinWidth * 516.5 / 375); // } else { // $('.store-s1 .store-figure').css('height',''); // $('.store-s1 .store-figure').height(window.innerWidth * 814 / 1920); // } } menuLinkValue(); $(window).resize(function() { menuLinkValue(); }); if (currWinWidth >= 769) { // store-s2 var mySwiper = new Swiper('.swiper-container', { navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, uniqueNavElements: false, loop: true, allowTouchMove: true, effect: 'fade', pagination: { el: '.swiper-pagination', bulletActiveClass: 'my-bullet-active', clickable: true, type: 'custom', renderCustom: function(swiper, current, total) { if (current == 1) { $('.swiper-pagination .swiper-pagination-bullet').removeClass('swiper-active-switch'); $('.swiper-pagination .swiper-pagination-bullet').eq(0).addClass('swiper-active-switch'); } else if (current == 2) { $('.swiper-pagination .swiper-pagination-bullet').removeClass('swiper-active-switch'); $('.swiper-pagination .swiper-pagination-bullet').eq(1).addClass('swiper-active-switch'); } else if (current == 3) { $('.swiper-pagination .swiper-pagination-bullet').removeClass('swiper-active-switch'); $('.swiper-pagination .swiper-pagination-bullet').eq(2).addClass('swiper-active-switch'); } else { $('.swiper-pagination .swiper-pagination-bullet').removeClass('swiper-active-switch'); $('.swiper-pagination .swiper-pagination-bullet').eq(3).addClass('swiper-active-switch'); } } }, on: { slideChangeTransitionEnd: function() { $('.swiper-slide video.img-slide-top').each(function(){ $(this)[0].pause(); // $(this)[0].currentTime = 0; if ($('.animated .swiper-slide-prev video.img-slide-top')[0]) { $('.animated .swiper-slide-prev video.img-slide-top')[0].currentTime = 0; } if ($('.animated .swiper-slide-next video.img-slide-top')[0]) { $('.animated .swiper-slide-next video.img-slide-top')[0].currentTime = 0; } }) //setTimeout(function() { $('.animated .swiper-slide-active video.img-slide-top').trigger('play'); //}, 1800); }, }, }); var designTween21 = new TimelineMax(); designTween21.add([ TweenMax.to(".store-s2 .slide-tit", 0.2, { opacity: 1, delay: 0, y: 0, }), TweenMax.to(".store-s2 .slide-pho", 0.2, { opacity: 1, delay: 0.4, y: 0, }), ]); //tit and phone new ScrollMagic.Scene({ triggerElement: "#s2-trigger", triggerHook: 0.3, duration: '0', offset: -65, }) .setTween(designTween21) // .setClassToggle(".store-s2", "animated") .addTo(controller) .on("enter", function(e) { setTimeout(function() { $(".store-s2").addClass("animated"); }, 1000); var x = document.getElementsByClassName("img-slide-top"); x[0].pause(); x[0].currentTime = 0; slideP = setTimeout(function() { //$(".animated .swiper-slide-active video.img-slide-top").click(function(){ $('.animated .swiper-slide-active video.img-slide-top').trigger('play'); //}) //$(".animated .swiper-slide-active video.img-slide-top").click(); }, 2300); }) .on("leave", function(e) { $(".store-s2").removeClass("animated"); $(".swiper-slide-active video.img-slide-top")[0].pause(); $(".swiper-slide-active video.img-slide-top")[0].currentTime = 0; mySwiper.slideTo(1); }); } else { // store-s2 var mySwiper = new Swiper('.swiper-container', { navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, uniqueNavElements: false, loop: true, allowTouchMove: true, effect: 'slide', pagination: { el: '.swiper-pagination', bulletActiveClass: 'my-bullet-active', clickable: true, type: 'custom', renderCustom: function(swiper, current, total) { if (current == 1) { $('.swiper-pagination .swiper-pagination-bullet').removeClass('swiper-active-switch'); $('.swiper-pagination .swiper-pagination-bullet').eq(0).addClass('swiper-active-switch'); } else if (current == 2) { $('.swiper-pagination .swiper-pagination-bullet').removeClass('swiper-active-switch'); $('.swiper-pagination .swiper-pagination-bullet').eq(1).addClass('swiper-active-switch'); } else if (current == 3) { $('.swiper-pagination .swiper-pagination-bullet').removeClass('swiper-active-switch'); $('.swiper-pagination .swiper-pagination-bullet').eq(2).addClass('swiper-active-switch'); } else { $('.swiper-pagination .swiper-pagination-bullet').removeClass('swiper-active-switch'); $('.swiper-pagination .swiper-pagination-bullet').eq(3).addClass('swiper-active-switch'); } } }, on: { slideChangeTransitionEnd: function() { $('.swiper-slide video.img-slide-top').each(function(){ $(this)[0].pause(); // $(this)[0].currentTime = 0; if ($('.animated .swiper-slide-prev video.img-slide-top')[0]) { $('.animated .swiper-slide-prev video.img-slide-top')[0].currentTime = 0; } if ($('.animated .swiper-slide-next video.img-slide-top')[0]) { $('.animated .swiper-slide-next video.img-slide-top')[0].currentTime = 0; } }) //setTimeout(function() { $('.animated .swiper-slide-active video.img-slide-top').trigger('play'); //alert(11); //}, 100); }, }, }); var designTween21 = new TimelineMax(); designTween21.add([ TweenMax.to(".store-s2 .slide-tit", 0.2, { opacity: 1, delay: 0, y: 0, }), TweenMax.to(".store-s2 .slide-pho", 0.2, { opacity: 1, delay: 0.4, y: 0, }), ]); //title and phone new ScrollMagic.Scene({ triggerElement: "#s2-trigger", triggerHook: 0.3, duration: '0', offset: -65, }) .setTween(designTween21) .addTo(controller) .on("enter", function(e) { //setTimeout(function() { $(".store-s2").addClass("animated"); //}, 1000); slideP = setTimeout(function() { $('.animated .swiper-slide-active video.img-slide-top').trigger('play'); }, 1000); //}, 2300); }) .on("leave", function(e) { $(".store-s2").removeClass("animated"); $(".swiper-slide-active video.img-slide-top")[0].pause(); $(".swiper-slide-active video.img-slide-top")[0].currentTime = 0; mySwiper.slideTo(1); }); } // TweenMax var designTween31 = new TimelineMax(); designTween31.add([ TweenMax.to(".phone-pro", 1, { opacity: 1, ease: Power0.easeNone, delay: 0, y: '-5%', }), TweenMax.to(".phone-list", 1, { opacity: 1, ease: Power0.easeNone, delay: 0.5, y: '-5%', }), TweenMax.to(".slide-text", 1, { opacity: 1, ease: Power0.easeNone, delay: 0.5, y: '-5%', }), ]); //store-s3 var Scene31 = new ScrollMagic.Scene({ triggerElement: "#s3-trigger", triggerHook: 0.45, duration: '30%', offset: -65, }) .setTween(designTween31) .addTo(controller); $('.slide-pic').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, dots: false, infinite: true, pauseOnHover: false, autoplaySpeed: 1200, autoplay: false, allowTouchMove: false, }); $('.slick-pro').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, dots: false, infinite: true, pauseOnHover: false, autoplaySpeed: 1200, autoplay: false, allowTouchMove: false, }); $('.slick-pro-tit').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, dots: false, infinite: true, pauseOnHover: false, autoplaySpeed: 1200, autoplay: false, allowTouchMove: false, fade: true, }); $('.text-con').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, dots: false, infinite: true, pauseOnHover: false, autoplaySpeed: 1200, autoplay: false, allowTouchMove: false, fade: true, // asNavFor: '.slide-pic' }); var Scene32 = new ScrollMagic.Scene({ triggerElement: "#s3-trigger", triggerHook: 0, duration: '50%', offset: -65, }) .addTo(controller) .setClassToggle(".store-s3", "animated") .setPin(".store-s3") .on("enter", function(e) { $('.slick-pro').slick('slickPlay', true); $('.slick-pro-tit').slick('slickPlay', true); $('.slide-pic').slick('slickPlay', true); $('.text-con').slick('slickPlay', true); var C1; var C2; function stopC1() { clearInterval(C1); } function starC1() { C1 = setInterval(function() { var hasCur2 = $(".slick-index-2").hasClass('slick-current'); if (hasCur2) { $('.slick-pro').slick('slickPause', true); $('.slick-pro-tit').slick('slickPause', true); $('.slide-pic').slick('slickPause', true); $('.text-con').slick('slickPause', true); setTimeout(function() { $('.slick-pro').slick('slickGoTo', 0); $('.slick-pro-tit').slick('slickGoTo', 0); $('.slide-pic').slick('slickGoTo', 0); $('.text-con').slick('slickGoTo', 0); $('.slick-pro').slick('slickPlay', true); $('.slick-pro-tit').slick('slickPlay', true); $('.slide-pic').slick('slickPlay', true); $('.text-con').slick('slickPlay', true); }, 2400); stopC1(); starC2(); } }, 1200); } function stopC2() { clearInterval(C2); } function starC2() { C2 = setInterval(function() { var hasCur0 = $(".slick-index-0").hasClass('slick-current'); if (hasCur0) { stopC2(); starC1(); } }, 1200); } starC1(); }); //34 var designTween34 = new TimelineMax(); designTween34.add([ TweenMax.to(".official-cha img", 0.5, { ease: Power0.easeNone, y: '-12%', }), ]); var Scene34 = new ScrollMagic.Scene({ triggerElement: ".official-cha", triggerHook: 0.65, duration: '0', }) .addTo(controller) .setTween(designTween34); //} // }); // @ Section5 new ScrollMagic.Scene({ triggerElement: '.section5', triggerHook: 0, }) .setClassToggle('.section5', 'animated') .addTo(controller); var winWidth = $(window).width(), winHeight = $(window).height(), $phoneTrigger = $('#phone-trigger'), $phoneTxt = $('.phone-txt'), $phoneLayer = $('.phone-layer'), $kvImg = $('#s5-kv img'), $bgImg = $('#s5-bg img'); // Phone Gallery Scale $(window).resize(function() { var winH = $(window).height(), scaleRatio = (winH / 1080).toFixed(3); if (winWidth > 834) { $phoneLayer.css({ 'transform': 'scale(' + scaleRatio + ')', 'webkitTransform': 'scale(' + scaleRatio + ')', 'mozTransform': 'scale(' + scaleRatio + ')', 'msTransform': 'scale(' + scaleRatio + ')', }); } }); $phoneLayer.resize(); // KV Cover var hwRatio = (winHeight / winWidth).toFixed(5); if (winWidth > 834 && hwRatio > 0.5625) { $kvImg.css({ 'left': '50%', 'width': 'auto', 'height': '100%', 'transform': 'translateX(-50%)', 'webkitTransform': 'translateX(-50%)', 'mozTransform': 'translateX(-50%)', 'msTransform': 'translateX(-50%)', }); } // Typing on Phone Gallery var split1 = $('.split1 p'), i = 0, timer1 = 0, str1 = split1.text(); function typing1() { if (i <= str1.length) { split1.text(str1.slice(0, i++)); timer1 = setTimeout(typing1, 20); } else { split1.text(str1); clearTimeout(timer1); i = 0; } } var split2 = $('.split2 p'), j = 0, timer2 = 0, str2 = split2.text(); function typing2() { if (j <= str2.length) { split2.show(); split2.text(str2.slice(0, j++)); timer2 = setTimeout(typing2, 20); } else { split2.text(str2); clearTimeout(timer2); j = 0; } } // Moving kv & bg var s5bg = document.getElementById('s5-bg'), bgImg = s5bg.getElementsByTagName('img'), $bgkvLayer = $('.layer'), speed = 1, timer; function imgMoving() { var bgHeight = (winHeight * 0.7).toFixed(3), bgHeightMobile = (winHeight * 0.5).toFixed(3), resetLeft = (winWidth > 834) ? -(bgHeight * 0.4874651810584958).toFixed(3) : -(bgHeightMobile * 0.4874651810584958).toFixed(3); if (s5bg.offsetLeft <= -bgImg[0].offsetWidth) { $bgkvLayer.css('left', resetLeft + 'px'); } $bgkvLayer.css('left', s5bg.offsetLeft - speed + 'px'); } // if (winWidth > 834) { // PC // KV & BG Resize var winWidth = $(window).width(), winHeight = $(window).height(), bgHeight = (winHeight * 0.7).toFixed(3), kvHeight = (bgHeight * 0.323).toFixed(3), kvBottom = bgHeight - kvHeight, kvLeft = (bgHeight / 0.3478682 * 0.38275).toFixed(3); $bgImg.css('height', bgHeight); // KV & BG Animation var imgEngagement = new TimelineMax() .add([ TweenMax.to('#s5-tit', 1, { top: '4.94791667vw', }), TweenMax.to('#s5-kv img', 2, { width: 'auto', height: kvHeight, top: 'auto', left: kvLeft, bottom: kvBottom, borderRadius: '10px', transform: 'translateX(0)', margin: 0, ease: Power0.easeIn, }), TweenMax.to('.mask', 2, { opacity: 0, delay: 0.5, }), ]); new ScrollMagic.Scene({ triggerElement: '#s5-trigger', triggerHook: 0, offset: 300, duration: '50%', }) .setTween(imgEngagement) .setClassToggle('#s5-tit', 'to-top') // .addIndicators({ // name: 'scale kv', // }) .addTo(controller); // Moving kv & bg s5bg.innerHTML += s5bg.innerHTML; s5bg.style.width = bgImg.length * bgImg[0].offsetWidth + 'px'; bgImg[1].style.left = bgImg[0].offsetWidth - (bgHeight * 0.4874651810584958).toFixed(3) + 'px'; new ScrollMagic.Scene({ triggerElement: '#s5-trigger', triggerHook: 0, offset: winHeight / 2 + 300, }) .on('enter', function() { clearInterval(timer); timer = setInterval(imgMoving, 50); }) .on('leave', function() { clearInterval(timer); $bgkvLayer.animate({ left: 0 }, 500); }) // .addIndicators({ // name: 'scroll left', // }) .addTo(controller); } else { // Mobile < 834 // Moving kv & bg s5bg.innerHTML += s5bg.innerHTML; var winWidth, winHeight, bgHeightMobile, bgCenter, kvHalfFace, kvHeight, kvLeft, kvBottom, sm_controller = new ScrollMagic.Controller(); function setImgPosition() { winWidth = $(window).width(); winHeight = $(window).height(); bgHeightMobile = (winHeight * 0.5).toFixed(3); bgCenter = (bgHeightMobile / 718 * 790 - (winWidth / 2) + (bgHeightMobile / 718 * 200)).toFixed(3); kvHalfFace = (winHeight / 0.5625 * 0.364583 - (winHeight / 0.5625 * 0.14583)).toFixed(3); kvHeight = (bgHeightMobile / 718 * 232).toFixed(3); kvHeightPercent = (kvHeight / winHeight) * 100 + '%'; kvLeft = ((winWidth / 2) - (bgHeightMobile / 718 * 200)).toFixed(3); kvBottom = bgHeightMobile - kvHeight; kvBottomPercent = (bgHeightMobile - kvHeight) / winHeight * 100 + '%'; // KV & BG Position $kvImg.css('left', '-' + kvHalfFace - 65 + 'px'); s5bg.style.width = bgImg.length * bgImg[0].offsetWidth + 'px'; bgImg[0].style.top = bgHeightMobile + 'px'; bgImg[0].style.left = '-' + bgCenter + 'px'; bgImg[0].style.height = bgHeightMobile + 'px'; bgImg[1].style.left = bgImg[0].offsetWidth - (bgHeightMobile * 0.4874651810584958).toFixed(3) - bgCenter + 'px'; bgImg[1].style.height = bgHeightMobile + 'px'; } setImgPosition(); $(window).resize(function() { setImgPosition(); }); function o1duration() { return winHeight; } var plScale = $phoneLayer.css('transform').replace(/[^0-9\-.,]/g, '').split(',')[0]; $phoneTrigger.height($phoneTxt.innerHeight() + ($phoneLayer.height() * plScale) - 107); // KV & BG Animation on Mobile var imgEngagementMobile = new TimelineMax() .add([ TweenMax.to('#s5-tit', 1, { top: '25.33333333vw', }), TweenMax.to('#s5-kv img', 2, { top: bgHeightMobile, left: kvLeft, bottom: 'auto', width: 'auto', height: kvHeight, borderRadius: '6px', margin: 0, ease: Power0.easeIn, }), TweenMax.to('.mask', 2, { opacity: 0, delay: 0.5, }), ]); new ScrollMagic.Scene({ triggerElement: '#bg-trigger', triggerHook: 0, offset: 300, duration: winHeight / 4, }) .setTween(imgEngagementMobile) .setClassToggle('#s5-tit', 'to-top') .addTo(sm_controller); new ScrollMagic.Scene({ triggerElement: '#s5-trigger', triggerHook: 0, offset: winHeight / 2 + 200, }) .on('enter', function() { clearInterval(timer); timer = setInterval(imgMoving, 50); enableScroll(); }) .on('leave', function() { clearInterval(timer); $bgkvLayer.animate({ left: 0 }, 500); enableScroll(); }) // .addIndicators() .addTo(controller); new ScrollMagic.Scene({ triggerElement: '#bg-trigger', triggerHook: 0, duration: o1duration, }) .setPin('#bg-trigger') // .addIndicators() .addTo(sm_controller); } // Phone Gallery Animation // left: 37, up: 38, right: 39, down: 40, // spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36 var keys = { 37: 1, 38: 1, 39: 1, 40: 1 }; function preventDefault(e) { e.preventDefault(); } function preventDefaultForScrollKeys(e) { if (keys[e.keyCode]) { preventDefault(e); return false; } } // modern Chrome requires { passive: false } when adding event var supportsPassive = false; try { window.addEventListener('test', null, Object.defineProperty({}, 'passive', { get: function() { supportsPassive = true; } })); } catch (e) {} var wheelOpt = supportsPassive ? { passive: false } : false; var wheelEvent = 'onwheel' in document.createElement('div') ? 'wheel' : 'mousewheel'; // call this to Disable function disableScroll() { window.addEventListener('DOMMouseScroll', preventDefault, false); // older FF window.addEventListener(wheelEvent, preventDefault, wheelOpt); // modern desktop window.addEventListener('touchmove', preventDefault, wheelOpt); // mobile window.addEventListener('keydown', preventDefaultForScrollKeys, false); if (winWidth > 834) { window.scrollTo(0, $('.section5').offset().top + winHeight + 310); } // else { // window.scrollTo(0, $('.section5').offset().top + 2 * winHeight + 50); // } setTimeout(function() { if (winWidth > 834) { window.scrollTo(0, $('.section5').offset().top + winHeight + 310); } // else { // window.scrollTo(0, $('.section5').offset().top + 2 * winHeight + 50); // } }, 100); } // call this to Enable function enableScroll() { window.removeEventListener('DOMMouseScroll', preventDefault, false); window.removeEventListener(wheelEvent, preventDefault, wheelOpt); window.removeEventListener('touchmove', preventDefault, wheelOpt); window.removeEventListener('keydown', preventDefaultForScrollKeys, false); } // gallery timeline var gallery = new TimelineMax({ paused: true, onStart: function() { disableScroll(); // console.dir('gallery onStart disableScroll'); }, // onUpdate: function() { // }, onComplete: function() { enableScroll(); // console.dir('gallery onComplete enableScroll'); }, }) .to('.m4', 1, { display: 'block', opacity: 0.4, }) .to('.split1', 0.2, { display: 'block', onComplete: function() { typing1(); } }) .to('.cat-options', 0.2, { display: 'block', delay: 0.2, }) .to('.cat-select', 0.2, { display: 'block', delay: 0.2, }) .to('.cat-options', 0.2, { display: 'none', delay: 0.2, }) .to('.uploaded', 0.1, { ease: Power0.easeIn, css: { width: '105px', marginRight: '10px', }, delay: 0.4, onComplete: function() { typing2(); } }) .to('.split2', 0.3, { display: 'block', }) .to('.m4', 1, { display: 'block', opacity: 0.65, }) .to('.gallery-screen', 0.1, { opacity: 1, delay: 0.5, onStart: function() { $('.gallery-body').removeClass('ani tra'); }, onComplete: function() { $('.gallery-body').addClass('ani tra'); }, }) .to('.mask-b', 1.5, { display: 'block', opacity: 0.65, delay: 0.3, }, '-=1') .to('.phone-txt', 1, { opacity: 1, top: '40.73%', }, '-=1'); $(window).on('scroll', function () { console.log('winscroll', $(window).scrollTop()); }); var s5Animation2 = new TimelineMax({ onStart: function() { $('.phone-layer').addClass('phone-layer-active'); $('.split1 p').empty(); $('.split2 p').empty(); console.log('s5Animation2 onStart disableScroll'); disableScroll(); gallery.restart(); }, onUpdate: function() { }, onComplete: function() { enableScroll(); // console.log('s5Animation2 onComplete enableScroll'); }, onReverseComplete: function() { $('.phone-layer').removeClass('phone-layer-active'); gallery.progress(0).pause(); enableScroll(); // console.log('s5Animation2 onReverseComplete enableScroll'); }, }) .to('.gallery', 2, { ease: Power0.easeIn, y: -600, delay: 2, onStart: function() { $('.gallery-body').removeClass('tra'); }, onUpdate: function() { $('.gallery-body').removeClass('tra'); }, onReverseComplete: function() { $('.split1 p').empty(); $('.split2 p').empty(); // setTimeout(function() { // gallery.delay(1).restart(); // }, 1000) }, }); if (winWidth > 834) { // PC new ScrollMagic.Scene({ triggerElement: '#s5-trigger', triggerHook: 0, offset: winHeight / 2 + 600, duration: '100%', }) .setTween(s5Animation2) // .addIndicators({ // name: 'phone', // colorStart: '#FF8C00', // colorTrigger: '#FF8C00', // }) .addTo(controller); // setPin new ScrollMagic.Scene({ triggerElement: '#s5-trigger', triggerHook: 0, duration: '250%', }) .setPin('#s5-trigger') // .addIndicators({ // name: 'setPin' // }) .addTo(controller); } else { // Mobile new ScrollMagic.Scene({ triggerElement: '#phone-trigger', triggerHook: 0, duration: '100%', }) .setPin('#phone-trigger') .setTween(s5Animation2) .addTo(controller); } }; </script> </div> </main> <div class="v4 iparsys-from-home-v4"> <div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="iparsys-from-home-v4 iparsys parsys"></div> </div> </div> <footer class="v4 n09-footer footer " data-component="n09-footer"> <div class="container"> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https://consumer.huawei.com/fr/"},{"@type":"ListItem","position":2,"name":"HUAWEI Store | Offres Smartphones, Ordinateurs, Wearables","item":"https://consumer.huawei.com/fr/offer/"},{"@type":"ListItem","position":3,"name":"L’application HUAWEI Store | HUAWEI France","item":"https://consumer.huawei.com/fr/offer/huawei-store-app/"}]} </script> <div class="breadcrumbs"> <ul class="breadcrumbs__list"> <li class="breadcrumbs__item"> <a class="breadcrumbs__link" title="Accueil" href="/fr/">Accueil</a> </li> <li class="breadcrumbs__item"> <a class="breadcrumbs__link" title="HUAWEI Store | Offres Smartphones, Ordinateurs, Wearables" href="/fr/offer/">HUAWEI Store | Offres Smartphones, Ordinateurs, Wearables</a> </li> <li class="breadcrumbs__item"> <span class="breadcrumbs__link">L’application HUAWEI Store | HUAWEI France</span> </li> </ul> </div> <div class="usp-wrap"> </div> <div class="footer-links"> <div class="row"> <div class="col-xl-2 col-lg-4"> <div class="footer-links__block"> <div role="menuitem" aria-expanded="false" aria-haspopup="true" class="heading footer-links__title heading-06 js-footer-accordion-btn">PRODUITS</div> <ul class="footer-links__list"> <li class="footer-links__item"> <a title="Smartphone" data-title="Smartphone" class="footer-links__link " href="/fr/phones/"> Smartphone </a> </li> <li class="footer-links__item"> <a title="Wearable" data-title="Wearable" class="footer-links__link " href="/fr/wearables/"> Wearable </a> </li> <li class="footer-links__item"> <a title="Ordinateurs" data-title="Ordinateurs" class="footer-links__link " href="/fr/laptops/"> Ordinateurs </a> </li> <li class="footer-links__item"> <a title="Tablettes" data-title="Tablettes" class="footer-links__link " href="/fr/tablets/"> Tablettes </a> </li> <li class="footer-links__item"> <a title="Accessoires" data-title="Accessoires" class="footer-links__link " href="/fr/accessories/"> Accessoires </a> </li> <li class="footer-links__item"> <a title="Audio" data-title="Audio" class="footer-links__link " href="/fr/headphones/"> Audio </a> </li> <li class="footer-links__item"> <a title="WIFI & Mobile 5G" data-title="WIFI & Mobile 5G" class="footer-links__link " href="/fr/routers/"> WIFI & Mobile 5G </a> </li> <li class="footer-links__item"> <a title="EMUI" data-title="EMUI" class="footer-links__link " href="/fr/emui/"> EMUI </a> </li> </ul> </div> </div> <div class="col-xl-2 col-lg-4"> <div class="footer-links__block"> <div role="menuitem" aria-expanded="false" aria-haspopup="true" class="heading footer-links__title heading-06 js-footer-accordion-btn">BOUTIQUES HUAWEI</div> <ul class="footer-links__list"> <li class="footer-links__item"> <a title="HUAWEI Store" data-title="HUAWEI Store" class="footer-links__link " href="/fr/retail/"> HUAWEI Store </a> </li> <li class="footer-links__item"> <a title="Huawei Store en ligne" data-title="Huawei Store en ligne" class="footer-links__link " href="/fr/offer/"> Huawei Store en ligne </a> </li> <li class="footer-links__item"> <a title="HUAWEI Store App" data-title="HUAWEI Store App" class="footer-links__link " href="/fr/offer/huawei-store-app/"> HUAWEI Store App </a> </li> <li class="footer-links__item"> <a title="Conditions générales de vente" data-title="Conditions générales de vente" class="footer-links__link " href="/fr/shop/sales-policy/"> Conditions générales de vente </a> </li> <li class="footer-links__item"> <a title="Politique de livraison" data-title="Politique de livraison" class="footer-links__link " href="/fr/shop/delivery-policy/"> Politique de livraison </a> </li> <li class="footer-links__item"> <a title="Politique de retour" data-title="Politique de retour" class="footer-links__link " href="/fr/shop/return-policy/"> Politique de retour </a> </li> <li class="footer-links__item"> <a title="FAQ" data-title="FAQ" class="footer-links__link " href="/fr/shop/faq/"> FAQ </a> </li> <li class="footer-links__item"> <a title="Conditions particulières des points de fidélité" data-title="Conditions particulières des points de fidélité" class="footer-links__link " href="/fr/shop/membership-policy/"> Conditions particulières des points de fidélité </a> </li> <li class="footer-links__item"> <a title="Remises Employés" data-title="Remises Employés" class="footer-links__link " href="/fr/shop/sign-in/"> Remises Employés </a> </li> </ul> </div> </div> <div class="col-xl-2 col-lg-4"> <div class="footer-links__block"> <div role="menuitem" aria-expanded="false" aria-haspopup="true" class="heading footer-links__title heading-06 js-footer-accordion-btn">ASSISTANCE</div> <ul class="footer-links__list"> <li class="footer-links__item"> <a title="Trouver une agence de réparation" data-title="Trouver une agence de réparation" class="footer-links__link " href="/fr/support/service-center/"> Trouver une agence de réparation </a> </li> <li class="footer-links__item"> <a title="Politique de garantie" data-title="Politique de garantie" class="footer-links__link " href="/fr/support/warranty-policy/"> Politique de garantie </a> </li> <li class="footer-links__item"> <a title="HiSuite" data-title="HiSuite" class="footer-links__link " href="/fr/support/hisuite/"> HiSuite </a> </li> <li class="footer-links__item"> <a title="Service HUAWEI BUSINESS" data-title="Service HUAWEI BUSINESS" class="footer-links__link " href="https://bsupport.huawei.com/fr/" target="_blank" rel="noopener noreferrer"> Service HUAWEI BUSINESS </a> </li> </ul> </div> </div> <div class="col-xl-2 col-lg-4"> <div class="footer-links__block"> <div role="menuitem" aria-expanded="false" aria-haspopup="true" class="heading footer-links__title heading-06 js-footer-accordion-btn">À PROPOS DE HUAWEI</div> <ul class="footer-links__list"> <li class="footer-links__item"> <a title="À propos de nous" data-title="À propos de nous" class="footer-links__link " href="/fr/about-us/"> À propos de nous </a> </li> <li class="footer-links__item"> <a title="Confidentialité" data-title="Confidentialité" class="footer-links__link " href="/fr/privacy/"> Confidentialité </a> </li> <li class="footer-links__item"> <a title="Contactez-nous" data-title="Contactez-nous" class="footer-links__link " href="/fr/support/contact-us/"> Contactez-nous </a> </li> <li class="footer-links__item"> <a title="Corporate" data-title="Corporate" class="footer-links__link " href="https://www.huawei.com/fr/" target="_blank" rel="noopener noreferrer"> Corporate </a> </li> <li class="footer-links__item"> <a title="Entreprise" data-title="Entreprise" class="footer-links__link " href="https://e.huawei.com/fr/" target="_blank" rel="noopener noreferrer"> Entreprise </a> </li> <li class="footer-links__item"> <a title="Carriers" data-title="Carriers" class="footer-links__link " href="https://carrier.huawei.com/en/" target="_blank" rel="noopener noreferrer"> Carriers </a> </li> <li class="footer-links__item"> <a title="Rejoignez-nous" data-title="Rejoignez-nous" class="footer-links__link " href="https://career.huawei.com/recruitment/?language=en" target="_blank" rel="noopener noreferrer"> Rejoignez-nous </a> </li> </ul> </div> </div> </div> </div> <div class="contact"> <div class="row"> <div class="contact__block col-xl-2 col-md-6 footerv4-payment-types"> <div class="footerv4-payment-cnt"> <div class="heading contact__title heading-06">Modes de paiement pris en charge</div> <ul> <li> <img class="img-lazy" data-src="/content/dam/huawei-cbg-site/ecommerce/common/pay/paypal-new.png" alt="PayPal"/> </li> <li> <img class="img-lazy" data-src="/content/dam/e-commerce/paymethod-visa.png" alt="VISA"/> </li> <li> <img class="img-lazy" data-src="/content/dam/e-commerce/paymethod-ma.png" alt="Matstercard"/> </li> <li> <img class="img-lazy" data-src="/content/dam/e-commerce/paymethod-CB.png" alt="CB"/> </li> <li> <img class="img-lazy" data-src="/content/dam/e-commerce/paymenthod-am.png" alt="American Express"/> </li> </ul> </div> </div> <div class="contact__block col-xl-4 col-md-6"> <div class="heading contact__title heading-06">Suivez-nous</div> <ul class="contact__social-links lazyload-target"> <li class="contact__social-item"> <a title="facebook" class="contact__social-link" data-social="facebook" href="https://fr-fr.facebook.com/HuaweiMobileFrance" target="_blank" rel="noopener noreferrer"> <span class="icon icon-lazy" data-name="font-ico-facebook"> <span class="sr-only"></span> </span> </a> </li> <li class="contact__social-item"> <a title="twitter" class="contact__social-link" data-social="twitter" href="https://twitter.com/HuaweiMobileFR" target="_blank" rel="noopener noreferrer"> <span class="icon icon-lazy" data-name="font-ico-twitter"> <span class="sr-only"></span> </span> </a> </li> <li class="contact__social-item"> <a title="instagram" class="contact__social-link" data-social="instagram" href="https://www.instagram.com/accounts/login/?next=/huaweimobilefr/" target="_blank" rel="noopener noreferrer"> <span class="icon icon-lazy" data-name="font-ico-instagram"> <span class="sr-only"></span> </span> </a> </li> <li class="contact__social-item"> <a title="youtube" class="contact__social-link" data-social="youtube" href="https://youtube.com/user/HuaweiDeviceFrance" target="_blank" rel="noopener noreferrer"> <span class="icon icon-lazy" data-name="font-ico-youtube"> <span class="sr-only"></span> </span> </a> </li> </ul> </div> </div> </div> <div class="footer-legals"> <div class="row"> <div class="copyright col-xl-4 col-md-8"> <small class="copyright__text">@2024 Huawei Device Co., Ltd. Tous droits réservés.</small> </div> <div class="bottom-links col-xl-5"> <ul class="bottom-links__list"> <li class="bottom-links__item"> <a title="Plan du site" class="bottom-links__link" href="/fr/sitemap/"> Plan du site </a> </li> <li class="bottom-links__item"> <a title="Mentions légales et conditions d’utilisation" class="bottom-links__link" href="/fr/legal/terms-of-use/"> Mentions légales et conditions d’utilisation </a> </li> <li class="bottom-links__item"> <a title="Déclaration relative à la protection de la vie privée" class="bottom-links__link" href="/fr/privacy/privacy-policy/"> Déclaration relative à la protection de la vie privée </a> </li> <li class="bottom-links__item"> <a title="Politique de Cookies" class="bottom-links__link" href="/fr/legal/cookie-policy/"> Politique de Cookies </a> </li> <li class="bottom-links__item">  <a class="a-common bottom-links__link" onclick="javascript:CookieConsent.renew();" href="javascript:void(0)">Préférences Cookies</a> </li> </ul> </div> <div class="language-switcher col-xl-3 col-md-4 "> <a title="France - Français" class="language-switcher__link" href="/en/worldwide/" target="_blank" rel="noopener noreferrer">France - Français</a> <a href="/en/worldwide/" title="globe" target="_blank" rel="noopener noreferrer"> <span class="icon font-ico-globe"></span> </a> </div> <input type="hidden" id="is_editor" data-is-editor-mode="false" value="false"/> </div> </div> </div> </footer> <link rel="stylesheet" href="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/external-link.min.f78436bce58ae2318c0e47f8ddc41c2b.css" type="text/css">  <div class="disclaimer-popup-component"> <div class="disclaimer-popup-content"> <div class="close-svg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="12"/> <g transform="translate(2.101 12) rotate(-45)"> <rect width="14" height="2" rx="1" transform="translate(0 6)" fill="#fff"/> <rect width="14" height="2" rx="1" transform="translate(6 14) rotate(-90)" fill="#fff"/> </g> </svg> </div> <div class="disclaimer-popup-content-box"> <div class="disclaimer-popup-top"> <div class="disclaimer-popup-title">Quitter consumer.huawei.com</div> <div class="disclaimer-popup-description">Après avoir cliqué sur le lien, vous serez redirigé vers un site tiers. Huawei n'est pas responsable et n'a aucun contrôle sur ce site tiers.</div> <div class="disclaimer-popup-link"></div> </div> <div class="disclaimer-popup-bottom"> <div class="disclaimer-popup-bottom-box"> <span class="btn disclaimer-popup-cancel-btn">Retour</span> <span class="btn disclaimer-popup-continue-btn">Continuer sur le site</span> </div> </div> </div> </div> </div> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/external-link.min.9f7272d87d292d24255f9bec833507b6.js" defer></script> <div id="ec_live_chat" class="ec_live_chat" data-type="livechat"> <p class="hide_callnumber" style="display:none"></p> <style type="text/css"> .livechat-iframe-container { display: none; box-sizing: content-box; position: fixed; margin-left: 10px; right: 10px; bottom: 10px; z-index: 22222222222; max-width: 375px; width: calc(100% - 20px); height: 640px; padding-top: 50px; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 16px; border-radius: 3px 3px 0px 0px; background: #fff; overflow: hidden; } .livechat-iframe-header { height: 50px; margin-top: -50px; line-height: 50px; font-size: 14px; font-weight: bold; overflow: hidden; text-align: center; border-bottom: solid 1px #e8e5e5; font-family: "Roboto-Regular", Roboto, helvetica, '汉仪旗黑', '微软雅黑', arial !important; } .livechat-iframe-header > span { float: right; position: relative; right: 15px; width: 30px; height: 100%; background-image: url('https://celia-de.consumer.huawei.com/images/pc/mini.svg'); background-repeat: no-repeat; background-position: center; background-size: 20px 3px; cursor: pointer; } .z-index-20 { z-index: 20; } .robot-icon { position: fixed; bottom: 104px; right: 24px; width: 64px; height: 64px; border-radius: 30px; overflow: hidden; background-image: url('/etc/designs/huawei-cbg-site/images/ecommerce/livechat/Europe-and-America.png'); background-repeat: no-repeat; background-position: center; background-size: 64px 64px; cursor: pointer; } .robot-icon:hover { background-image: url('/etc/designs/huawei-cbg-site/images/ecommerce/livechat/Europe-and-America-hover.png'); background-repeat: no-repeat; background-position: center; background-size: 64px 64px; cursor: pointer; } .robot-icon-wap-text { position: fixed; bottom: -46px; right: -30px; width: auto; line-height: 18px; padding: 5px; background: rgba(255, 255, 255, 0.5); border-radius: 4px 4px 0 0; backdrop-filter: blur(4px); font-size: 14px; color: #000000; text-align: center; transform: rotate(-90deg); box-sizing: content-box; } .robot-icon-wap-text:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.5); border-radius: 4px 4px 0 0; z-index: -1; } .robot-icon-click { position: fixed; bottom: 24px; right: 12px; width: 48px; height: 48px; border-radius: 30px; overflow: hidden; background-image: url('/etc/designs/huawei-cbg-site/images/ecommerce/livechat/Europe-and-America.png'); background-repeat: no-repeat; background-position: center; background-size: 48px 48px; } html[dir="rtl"] .robot-icon { left: 24px; right: auto; } html[dir="rtl"] .robot-icon-wap-text { left: -30px; right: auto; border-radius: 4px 0 0 4px; } html[dir="rtl"] .robot-icon-wap-text:after { border-radius: 4px 0 0 4px; } html[dir="rtl"] .robot-icon-click { left: 12px; right: auto; } .is-pc-icon { display: none; } @media screen and (max-width: 768px) { .robot-icon { bottom: 100px; } } </style> <script type="text/javascript"> /** * 是否是App嵌入WebView * @returns {*} */ function liveChatInWebView() { return window.integrationJsInterface || window.integrationJsInterfaceWebview || window.hicareJsInterface || window.kocJsInterface || window.fansJSInterface; } window.isFirstClickIcon = true; var liveChatParams = ecCom.getLiveChatParams(); var livechatIframeContainerH = window.innerHeight || 800; var bodyH = 0.7 * livechatIframeContainerH; var $livechatIframeContainer = $('.livechat-iframe-container'); if (!$livechatIframeContainer.length) { var robotIconHtmlStr = liveChatParams.robotIconHtmlStr || ''; var livechatHtmlStr = '<div class="livechat-iframe-container" style="height:' + bodyH + 'px;min-height:470px;max-height:700px;">' + '<div class="livechat-iframe-header">Bienvenue au service d\'assistance clientèle<span id="closeLiveChatBtn"></span></div>' + '<iframe src="https://celia-de.consumer.huawei.com/?botcode=50094&oneTrust=true" scrolling="no" frameborder=0 style="width:100%;height:100%;">' + '</iframe>' + '</div>' if (!liveChatInWebView()) { $('body').append($(robotIconHtmlStr)); } // 设置wap端contact us文案位置 ecCom.setWapRobotOffset(); $('.contact-online a').click(function () { $('.livechat-iframe-container').show(); // 设置本地缓存 window.localStorage.setItem('livechatIframe', "open"); }) if(pageCategory && (pageCategory=='homepage' || pageCategory=='product-listing' || pageCategory=='sitemap' || pageCategory=='mobileservices' || pageCategory=='wearables' || pageCategory=='product-detail' || pageCategory=='emui-12' || pageCategory=='emui' || pageCategory=='harmonyos' || pageCategory=='harmonyos-3' || pageCategory=='harmonyos-2' || pageCategory=='product-detail_specs' || pageCategory=='press' || pageCategory=='about-us' || pageCategory=='sustainability' || pageCategory=='campaign' || pageCategory=='stories' || pageCategory=='smart-office')){ $('#robotIcon').hide(); } // 悬浮图标点击 $('#robotIcon').click(function () { if ($(".livechat-iframe-container").length === 0) { $('body').append($(livechatHtmlStr)); $('#closeLiveChatBtn').on('click', function () { $('.livechat-iframe-container').hide(); // 本地缓存删除 window.localStorage.setItem('livechatIframe', ""); }) } // wap点过一次后客服人脸常驻 ecCom.wapRobotToggle(); $('.livechat-iframe-container').show(); // 设置本地缓存 window.localStorage.setItem('livechatIframe', "icon-open"); }) $('a.contact-online').on('click', function () { $('.livechat-iframe-container').show(); // 设置本地缓存 window.localStorage.setItem('livechatIframe', "a-open"); }) //页面unload的时候删除 window.addEventListener('onunload', function () { window.localStorage.setItem('livechatIframe', ""); }) //页面变化的时候删除 window.addEventListener('resize', function () { var containerH = window.innerHeight || 800; var changeH = 0.7 * containerH; if (document.getElementsByClassName('livechat-iframe-container')[0]) { document.getElementsByClassName('livechat-iframe-container')[0].style.height = changeH + 'px'; } else { $livechatIframeContainer.css('height', changeH + 'px'); } }) } // 页面底部入口脚本 live chat文字入口 var $v3SupportOnline = $('.v3-support-online'); if ($v3SupportOnline && $v3SupportOnline.length) { $('.v3-support-online').click(function () { $('.contact-online a').click(); }) } </script> </div> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/incompressible-libs.min.8b357cc5e8365726e8663674de5d6593.js"></script> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/base-built.min.20783f3daa4b6b70683c2ad8ebf97160.js"></script> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/common-v4.min.d1d066cfd8f462ff8f491b0a2faf15f1.js"></script> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-public-footer.min.4a7eaf0e8d45094aeaed4a5ccf077f14.js"></script> <input type="hidden" id="hide-spu-questionnaire" value="0"/> <meta name="CBG_DOC_ID" content="FR_OFFER_HUAWEI-STORE-APP"/> <meta name="CBG_SITE_CODE" content="FR"/> <meta name="CBG_LANGUAGE_CODE" content="fr-fr"/> <meta name="CBG_DOC_CATEGORY" content="consumer_mkt"/> <meta name="CBG_DOC_SUBCATEGORY"/> <meta name="CBG_DOC_THIRDCATEGORY"/> <meta name="CBG_DOC_TYPE"/> <meta name="CBG_DRETITLE" content="L’application HUAWEI Store | HUAWEI France"/> <meta name="CBG_DOC_KEYWORDS" content="Huawei, Produits Huawei, Application Huawei, Smartphone Huawei, P40"/> <meta name="CBG_DOC_DESCRIPTION" content="Ne ratez plus nos offres exclusives, promotions et nouveaux produits Huawei directement depuis la boutique officielle et son application Huawei Store."/> <meta name="CBG_DOC_IMAGE"/> <meta name="CBG_DREDATE" content="2020-12-02 20:23:04"/> <meta name="CBG_DOC_URL" content="https://consumer.huawei.com/fr/offer/huawei-store-app/"/> <meta name="CBG_DOC_FILE"/> <meta name="CBG_DOC_FILE_NAME"/> <meta name="CBG_APPLICABLE_REGION" content="FR"/> <script src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/js/seinePlugin.js" type="text/javascript"></script> <script src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/js/swiper4.js" type="text/javascript"></script> <script src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/js/parallax.js" type="text/javascript"></script> <script src="/content/dam/huawei-cbg-site/weu/fr/mkt/offer/huawei-store-app/js/slick.min.js" type="text/javascript"></script> <script type="text/javascript"></script> </body> </html>

CINXE.COM

L’application HUAWEI Store | HUAWEI France