Obtenez la dernière nouvelle.
Remplacement des pièces automobiles de bricolage: un guide étape par étape
2024-04-20 09:00:01
Remplacement des pièces automobiles de bricolage: un guide étape par étape </TITAL> </EAD> <pody> <p> Bonjour! Êtes-vous fatigué de dépenser votre argent durement gagné pour des remplacements de pièces automobiles? Eh bien, chez Long Xi Network, nous avons la solution parfaite pour vous! Nous sommes ici pour vous fournir un tutoriel de bricolage pratique qui vous guide étape par étape sur la façon de remplacer et de maintenir les pièces automobiles. Non seulement cela vous aidera à économiser de l'argent, mais cela augmentera également vos connaissances et vos compétences dans la maintenance des pièces automobiles. </p> <h2> Étape 1: Identifiez les pièces automobiles qui nécessitent un remplacement </h2> <p> La première étape de tout processus de remplacement des pièces automobiles de bricolage consiste à identifier correctement les pièces qui nécessitent un remplacement. Cela peut être fait en inspectant visuellement les pièces pour toute usure, ou en vérifiant si l'un des voyants du tableau de bord est allumé. </p> <h2> Étape 2: Achetez les bonnes pièces automobiles </h2> <p> Une fois que vous avez correctement identifié les pièces qui doivent être remplacées, il est temps d'en acheter de nouveaux. Assurez-vous d'acheter des pièces de qualité auprès de fournisseurs réputés. Ici, chez Long Xi Network, une société de commerce extérieur fondée en 2000, nous nous spécialisons dans la fourniture de pièces automobiles de haute qualité. Nous avons une chaîne d'approvisionnement complète et une équipe dédiée d'environ 100 personnes qui travaillent sans relâche pour garantir que vos besoins sont satisfaits. </p> <h2> Étape 3: Remplacez les pièces automobiles </h2> <p> Après avoir acheté les pièces automobiles nécessaires, l'étape suivante consiste à les remplacer. Avant de commencer, assurez-vous d'avoir les bons outils et l'équipement de protection. Le processus variera en fonction de la partie spécifique qui doit être remplacée, mais elle implique généralement de retirer l'ancienne partie et de réparer la nouvelle à sa place. N'oubliez pas que si vous n'êtes pas sûr de quoi que ce soit, n'hésitez pas à nous contacter au +86 18144880979 pour obtenir de l'aide. </p> <h2> Étape 4: Maintenez vos pièces automobiles </h2> <p> Enfin, il est essentiel d'inspecter régulièrement vos pièces automobiles et d'effectuer les tâches d'entretien nécessaires pour prolonger leur durée de vie. Cela peut inclure le nettoyage, l'huile et le réglage des pièces si nécessaire. </p> <p> Nous espérons que ce guide de remplacement des pièces automobiles de bricolage s'avérera utile. N'oubliez pas qu'avec les bonnes connaissances et outils, vous pouvez effectuer la plupart des remplacements de pièces automobiles à la maison, vous faisant gagner du temps et de l'argent. Plus important encore, en suivant ce guide, vous deviendrez plus engagé et autonome dans le maintien de votre véhicule. </p> <p> Si vous avez besoin de pièces automobiles de qualité, ne cherchez pas plus loin que le réseau Long XI. Visitez notre boutique en ligne à <a href="https://3274455.onloon.cc"> https://3274455.onloon.cc </a> et explorez notre large gamme de pièces automobiles. Nous sommes toujours prêts à vous servir! </p> </ body> </html></div>
<div class="blogDetail-share">
<label>Partager:</label>
<div class="social-share" data-initialized="true">
<a href="#" class="social-share-icon icon-facebook" target="_blank"><i class="iconfont icon-ic_facebook"></i></a>
<a href="#" class="social-share-icon icon-twitter" target="_blank"><i class="iconfont icon-ic_twitter"></i></a>
<a class="social-share-icon icon-pinterest" href="#" target="_blank"><i class="iconfont icon-ic_pinterest"></i></a>
<a href="#" class="social-share-icon icon-linkedin" target="_blank"><i class="iconfont icon-ic_linkedin"></i></a>
</div>
</div>
<div class="blogDetailButton">
<a href="/blog/longxizhuyingchanpin?shop_id=336591168173274455&theme=theme10007&lan=fr"><div><i class="iconfont icon-a-ic_leftArrow"></i>Article précédent</div></a>
<a href="/blog/longxiwangluolicheng?shop_id=336591168173274455&theme=theme10007&lan=fr"><div>Prochain article<i class="iconfont icon-ic_rightArrow"></i></div></a>
</div>
<!-- 询盘 -->
<div class="tagListCommonTitle">Contacter le fournisseur</div>
<link rel="stylesheet" href="/themes/common/css/customizeInquiry.css">
<div class="customize-inquiry">
<form id="customizeInquiry2" class="inquiry-form">
<!-- 2 1:产品; 2:底部; 3: 右侧弹窗-->
<!-- cid 产品id -->
<input type="hidden" id="enquiry_cid2" name="cid" value="316598728">
<!-- rt 类型 contact-us Product_details -->
<input type="hidden" id="enquiry_rt2" name="rt" value="Blog_detail">
<input type="hidden" id="enquiry_shopId2" name="shop_id" value="336591168173274455">
<input type="hidden" id="enquiry_file2" name="file" value="">
<input type="hidden" id="enquiry_link2" name="link" value="">
<div
class="form-item"
>
<div class="item-label">
<i class="is-required">*</i>
<span class="show-name">Email</span>
</div>
<div class="item-con">
<!-- 输入框 -->
<input type="text" class="customizeInquiry-item item-input"
name="邮箱"
required
/>
<p class="empty-tip">Email can't be empty</p>
</div>
</div>
<div
class="form-item"
>
<div class="item-label">
<i class="is-required">*</i>
<span class="show-name">Phone</span>
</div>
<div class="item-con">
<!-- 输入框 -->
<input type="text" class="customizeInquiry-item item-input"
name="电话"
required
/>
<p class="empty-tip">Phone can't be empty</p>
</div>
</div>
<div
class="form-item"
>
<div class="item-label">
<span class="show-name">Company</span>
</div>
<div class="item-con">
<!-- 输入框 -->
<input type="text" class="customizeInquiry-item item-input"
name="公司"
/>
<p class="empty-tip">Company can't be empty</p>
</div>
</div>
<div
class="form-item"
>
<div class="item-label">
<i class="is-required">*</i>
<span class="show-name">facebook</span>
</div>
<div class="item-con">
<!-- 输入框 -->
<input type="text" class="customizeInquiry-item item-input"
name="facebook"
required
/>
<p class="empty-tip">facebook can't be empty</p>
</div>
</div>
<div
class="form-item"
>
<div class="item-label">
<i class="is-required">*</i>
<span class="show-name">WhatsApp</span>
</div>
<div class="item-con">
<!-- 输入框 -->
<input type="text" class="customizeInquiry-item item-input"
name="whatsapp"
required
/>
<p class="empty-tip">WhatsApp can't be empty</p>
</div>
</div>
<div
class="form-item"
>
<div class="item-label">
<span class="show-name">其他 需求</span>
</div>
<div class="item-con">
<!-- 输入框 -->
<input type="text" class="customizeInquiry-item item-input"
name="其他需求"
/>
<p class="empty-tip">其他 需求 can't be empty</p>
</div>
</div>
<div
class="form-item"
style="width: calc(100%);"
>
<div class="item-label">
<i class="is-required">*</i>
<span class="show-name">Message</span>
</div>
<div class="item-con">
<!-- 输入框 -->
<textarea
cols="30"
rows="6"
placeholder="Veuillez entrer un message détaillé"
name="留言"
class="customizeInquiry-item item-textarea"
required
></textarea>
<p class="empty-tip">Message can't be empty</p>
</div>
</div>
<div class="contactBtn">
<span class="btn customizeInquiryBtn-btn" id="customizeInquiryBtn2" data-contactType="2">Soumettre</span>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 底部组件 -->
<footer id="footer" class="footer" section-type="footer">
<div class="footer-top-container" style="background-color: rgba(0, 0, 0, 1);">
<div class="footer-top flex">
<div class="footer-block footer-block-logo">
<a href="/?shop_id=336591168173274455&theme=theme10007&lan=fr">
<img
class="footer-logo height-44"
src="https://shopic.mcmcclass.com/20221216104727039329127.png"
alt="Company Overview: Wenzhou Jessica Technology Co., Ltd."
title="Company Overview: Wenzhou Jessica Technology Co., Ltd."
/>
</a>
<div class="footer-logo-desc" style="color: #fff">
Décrivez votre entreprise dans un court paragraphe </div>
<ul class="footer-social-list flex">
<li class="footer-social-list-item">
<a href="https://www.facebook.com/profile.php?id=100066887750367&ref=page_internal" target="_blank" rel="nofollow">
<i style="color: #fff" class="iconfont icon-ic_facebook font-size-16"></i>
</a>
</li>
<li class="footer-social-list-item">
<a href="https://wa.me/12345678987?shop_id=336591168173274455&theme=theme10007&lan=fr" target="_blank" rel="nofollow">
<i style="color: #fff" class="iconfont icon-ic_whatsApp font-size-16"></i>
</a>
</li>
</ul>
</div>
<div class="footer-block footer-block-link">
<h2 style="color: #fff" class="footer-block-title">LIENS RAPIDES</h2>
<ul class="footer-block-anthor-list flex-column">
<li class="footer-block-anthor-list-item">
<a style="color: #fff"
href="/products?shop_id=336591168173274455&theme=theme10007&lan=fr" >DES PRODUITS</a>
</li>
<li class="footer-block-anthor-list-item">
<a style="color: #fff"
href="/page/customize3712?shop_id=336591168173274455&theme=theme10007&lan=fr" >Pourquoi nous</a>
</li>
<li class="footer-block-anthor-list-item">
<a style="color: #fff"
href="/page/customize3451?shop_id=336591168173274455&theme=theme10007&lan=fr" >à propos de nous</a>
</li>
<li class="footer-block-anthor-list-item">
<a style="color: #fff"
href="/contact?shop_id=336591168173274455&theme=theme10007&lan=fr" >NOUS CONTACTER</a>
</li>
<li class="footer-block-anthor-list-item">
<a style="color: #fff"
href="/products/led-display/led-display?shop_id=336591168173274455&theme=theme10007&lan=fr" >llll</a>
</li>
</ul>
</div>
<div class="footer-block footer-block-product">
<h2 style="color: #fff" class="footer-block-title">Tous les produits</h2>
<ul class="footer-block-anthor-list flex-column">
<li class="footer-block-anthor-list-item">
<a
style="color: #fff"
href="/products/sort-detaildpusr?shop_id=336591168173274455&theme=theme10007&lan=fr"
>ic芯片回收类</a>
</li>
<li class="footer-block-anthor-list-item">
<a
style="color: #fff"
href="/products/sort-detailgxvwi?shop_id=336591168173274455&theme=theme10007&lan=fr"
>主板回收</a>
</li>
<li class="footer-block-anthor-list-item">
<a
style="color: #fff"
href="/products/sort-detailjcibp?shop_id=336591168173274455&theme=theme10007&lan=fr"
>Digital Product</a>
</li>
<li class="footer-block-anthor-list-item">
<a
style="color: #fff"
href="/products/darenfuzhuang?shop_id=336591168173274455&theme=theme10007&lan=fr"
>Adult Clothing</a>
</li>
</ul>
</div>
<div class="footer-block footer-block-text">
<h2 style="color: #fff" class="footer-block-title">CONTACTEZ-NOUS</h2>
<ul class="footer-block-anthor-list flex-column">
<li class="footer-block-anthor-list-item">
<a
style="color: #fff"
href="mailto:xxxxx@email.com"
>
<i style="color: #fff" class="iconfont icon-ic_email"></i>
<span style="color: #fff">xxxxx@email.com</span>
</a>
</li>
<li class="footer-block-anthor-list-item">
<a
style="color: #fff"
href="tel:+86 111-2222-3333"
>
<i style="color: #fff" class="iconfont icon-ic_phone"></i>
<span style="color: #fff">+86 111-2222-3333</span>
</a>
</li>
<li class="footer-block-anthor-list-item">
<a
style="color: #fff"
>
<i style="color: #fff" class="iconfont icon-ic_map"></i>
<span style="color: #fff">Province de Hangzhou, Chine</span>
</a>
</li>
</ul>
</div>
<div class="footer-block footer-block-subscribe">
<h2 style="color: #fff" class="footer-block-title">ABONNEZ-VOUS MAINTENANT</h2>
<div style="color: #fff" class="footer-block-subscribe-text">
Inscrivez-vous pour obtenir les dernières ventes, les nouvelles versions et plus </div>
<form id="subscribe-form" class="footer-block-subscribe-input flex flex-align-center">
<input type="hidden" name="shopId" value="336591168173274455">
<input
type="email"
name="email"
placeholder="Entrer votre Email"
/>
<button type="submit" class="flex flex-all-center color-common-button">S'ABONNER</button>
</form>
</div>
</div>
</div>
<div class="footer-split-line" style="background-color: #444;"></div>
<div class="footer-copyright-container" style="background-color: rgba(0, 0, 0, 1);">
<div class="footer-copyright flex flex-align-center flex-wrap">
<div style="color: #fff" class="copyright-text">
© 2022 Propulsé par Onloon </div>
</div>
</div>
</footer>
<!-- 底部组件 -->
<!-- 右侧浮窗组件 -->
<style>
.section-float-menu {
position: fixed;
right: 0;
top: 40vh;
z-index: 99;
}
.section-float-menu .float-menu-container {
height: 0;
}
.section-float-menu .action-list {
height: 0;
}
.section-float-menu .list-item {
width: 48px;
height: 48px;
background-color: #555555;
cursor: pointer;
position: relative;
border-radius: 2px;
}
.section-float-menu .list-item.action-backtop {
transition: all 0.25s ease-in-out;
}
.section-float-menu .list-item.item-hidden {
opacity: 0;
z-index: -2;
pointer-events: none;
}
.section-float-menu .list-item > span {
color: #fff;
font-size: 24px;
}
.section-float-menu .coutact-list {
margin-top: 10px;
}
.section-float-menu ul > .list-item + .list-item {
margin-top: 2px;
}
.section-float-menu .action-list {
margin-top: 2px;
}
.section-float-menu .social-media-messenger {
background-color: #376fe0;
}
.section-float-menu .social-media-whatsapp {
background-color: #3bc34d;
}
.section-float-menu .list-item:hover .item-label {
transform: scaleX(1);
pointer-events: unset;
z-index: 2;
}
.section-float-menu .list-item .item-label {
position: absolute;
padding-right: 2px;
transform: scaleX(0);
pointer-events: none;
z-index: -2;
transition: all 0.25s ease-in-out;
right: 48px;
transform-origin: center right;
}
.section-float-menu .list-item .item-label > a {
height: 48px;
padding: 0 20px;
font-size: 14px;
line-height: 20px;
color: #fff;
border-radius: 2px;
background-color: #555555;
white-space: nowrap;
}
.section-float-menu .social-media-messenger .item-label > a {
background-color: #376fe0;
}
.section-float-menu .social-media-whatsapp .item-label > a {
background-color: #3bc34d;
}
.section-float-menu .list-item.action-show-hidden-list {
background-color: #376fe0;
}
.section-float-menu .list-container {
transform-origin: bottom center;
transition: all 0.25s ease-in-out;
}
@media screen and (min-width: 768px) {
.section-float-menu .list-item.item-pc-hidden-mobile-show {
display: none;
}
}
@media screen and (max-width: 768px) {
.section-float-menu .list-container {
transform: scaleY(0);
pointer-events: none;
z-index: -2;
opacity: 0;
}
.section-float-menu .list-container.show {
transform: scaleY(1);
pointer-events: unset;
z-index: 5;
opacity: 1;
}
}
</style>
<section class="section-float-menu">
<div class="float-menu-container flex-column">
<div class="list-container">
<ul class="social-media-list flex-column">
<li class="list-item flex flex-all-center social-media-messenger">
<span class="iconfont icon-wa_messenger"></span>
<div class="item-label">
<a
target="_blank"
href="https://www.facebook.com/messages/t/1317478358303617"
class="flex flex-all-center"
>Messenger</a
>
</div>
</li>
<li class="list-item flex flex-all-center social-media-whatsapp">
<span class="iconfont icon-ic_whatsApp"></span>
<div class="item-label">
<a
href="https://wa.me/12345678987?shop_id=336591168173274455&theme=theme10007&lan=fr"
class="flex flex-all-center"
>12345678987</a
>
</div>
</li>
</ul>
<ul class="coutact-list">
<li class="list-item flex flex-all-center coutact-telephpne">
<span class="iconfont icon-ic_phone"></span>
<div class="item-label">
<a href="tel:123456789" class="flex flex-all-center"
>123456789</a
>
</div>
</li>
<li class="list-item flex flex-all-center coutact-email">
<span class="iconfont icon-ic_email"></span>
<div class="item-label">
<a
href="mailto:123456789@jessica.com"
class="flex flex-all-center"
>123456789@jessica.com</a
>
</div>
</li>
<li class="list-item flex flex-all-center coutact-inquiry">
<span class="iconfont icon-a-ic_inquiry"></span>
<div class="item-label">
<a
data-toggle="modal"
data-target="#productModal"
class="flex flex-all-center"
>Contact us</a
>
</div>
</li>
</ul>
</div>
<ul class="action-list">
<li
class="list-item flex flex-all-center action-show-hidden-list item-pc-hidden-mobile-show"
id="show-hidden-list"
>
<span class="iconfont icon-More"></span>
</li>
<li
class="list-item flex flex-all-center action-backtop item-hidden"
id="backtop"
>
<span class="iconfont icon-a-ic_upArrow"></span>
</li>
</ul>
</div>
</section>
<script>
document.querySelector("#show-hidden-list").addEventListener("click", () => {
document
.querySelector(".section-float-menu .list-container")
.classList.toggle("show");
document
.querySelector("#show-hidden-list")
.querySelector("span")
.classList.toggle("icon-consult");
document
.querySelector("#show-hidden-list")
.querySelector("span")
.classList.toggle("icon-ic_closure");
});
document.querySelector("#backtop").addEventListener("click", () => {
window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
});
window.addEventListener("scroll", () => {
if (window.scrollY > 800) {
document.querySelector("#backtop").classList.remove("item-hidden");
} else {
document.querySelector("#backtop").classList.add("item-hidden");
}
});
document.querySelectorAll(".list-container > ul > li").forEach((item) => {
item.addEventListener("click", (event) => {
if (event.target instanceof HTMLAnchorElement === false) {
item.querySelector(".item-label > a").click();
}
});
});
</script>
<!-- 右侧浮窗组件 -->
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog">
<div class="login-item">
<div class="closeLogin">
<i class="iconfont icon-ic_closure" data-dismiss="modal" aria-label="Close"></i>
</div>
<ul class="login-item-title" role="tablist">
<li role="presentation" class="active">
<a href="#loginTab" aria-controls="loginTab" role="tab" data-toggle="tab">
login </a>
</li>
<li role="presentation">
<a href="#registerTab" aria-controls="registerTab" role="tab" data-toggle="tab">
register </a>
</li>
<li role="presentation" style="display: none;">
<a href="#forgetTab" aria-controls="forgetTab" role="tab" data-toggle="tab">
register </a>
</li>
</ul>
<div class="tab-content">
<!-- login start -->
<div role="tabpanel" class="tab-pane active" id="loginTab">
<div class="el-input">
<input id="loginEmail" type="text" autocomplete="off" placeholder="emailAddress" class="el-input__inner">
<p class="loginEmailNullTips">emailCannotEmpty</p>
</div>
<div class="passwordInput el-input el-input--suffix">
<input id="loginPassword" type="password" autocomplete="off" placeholder="password" class="el-input__inner">
<i id="loginEyes" class="iconfont icon-ic_shop_Preview_ff"></i>
<p class="loginPassNullTips">passwordCannotEmpty</p>
</div>
<div class="rember-forgot">
<div class="forgot">
<a href="#forgetTab" aria-controls="forgetTab" role="tab" data-toggle="tab">
forgotMyPassword </a>
</div>
</div>
<div class="login-button loginButton">
login </div>
<div id="loginGuest" class="loginGuest">
guestLogin </div>
<div class="line">
<div class="or">or</div>
</div>
<div class="face-google">
<div class="facebook" id="facebookLogin">
Facebook
</div>
<div class="google" id="googleLogin">
Google
</div>
</div>
</div>
<!-- login over -->
<!-- register start -->
<div role="tabpanel" class="tab-pane" id="registerTab">
<div class="el-input">
<input id="regEmail" type="text" autocomplete="off" placeholder="emailAddress" class="el-input__inner">
<p class="accountEmailErrorTips">Erreur de format d'e-mail</p>
<p class="accountEmailNullTips">emailCannotEmpty</p>
<p class="accountEmailAlreadyHave">emailDoesExist</p>
</div>
<div class="el-input el-input--suffix">
<input id="regPassword" type="password" autocomplete="off" placeholder="password" class="el-input__inner">
<i id="regEyes" class="iconfont icon-ic_shop_Preview"></i>
<p class="accountPasswordTips">pwdLetterLimtTip</p>
</div>
<div class="el-input el-input--suffix">
<input id="regPassword2" type="password" autocomplete="off" placeholder="confirmPwd" class="el-input__inner">
<i id="regEyes2" class="iconfont icon-ic_shop_Preview"></i>
<p class="accountPasswordSameTips">inconsistentPwd</p>
</div>
<div class="login-button RegisterButton">
register </div>
</div>
<!-- register over -->
<div role="tabpanel" class="tab-pane" id="forgetTab">
<div class="forgot-item-title">emailTip</div>
<div class="el-input">
<input id="forgetEmail" type="text" autocomplete="off" placeholder="emailAddress" class="el-input__inner">
<p class="forgetEmailErrorTips">Erreur de format d'e-mail</p>
<p class="forgetEmailNullTips">emailCannotEmpty</p>
<p class="forgetEmailAlreadyHave">emailDoesNotExist</p>
</div>
<div class="login-button forgetButton">
resetPwd </div>
<div class="goback">
<a href="#loginTab" aria-controls="loginTab" role="tab" data-toggle="tab">
goBack login </a>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="setPasswdModal" tabindex="-1" role="dialog">
<div class="login-item" id="setPassFirst">
<div class="closeLogin">
<i class="iconfont icon-ic_closure" data-dismiss="modal" aria-label="Close"></i>
</div>
<div class="setPassHeader">
<div class="setPassTitle">resetAccountPassword</div>
<div class="setPassText">forTheAccount <span id="setPassMail"></span></div>
</div>
<div class="el-input el-input--suffix">
<input id="newPassword" type="password" autocomplete="off" placeholder="password" class="el-input__inner">
<i id="newEyes" class="iconfont icon-ic_shop_Preview"></i>
<p class="newPasswordTips">pwdLetterLimtTip</p>
</div>
<div class="el-input el-input--suffix">
<input id="newPassword2" type="password" autocomplete="off" placeholder="confirmPwd" class="el-input__inner">
<i id="newEyes2" class="iconfont icon-ic_shop_Preview"></i>
<p class="newPasswordSameTips">inconsistentPwd</p>
</div>
<div class="login-button newRegisterButton">
resetPassword </div>
</div>
<div class="login-item" id="setPassSecond">
<div class="closeLogin">
<i class="iconfont icon-ic_closure" data-dismiss="modal" aria-label="Close"></i>
</div>
<div class="setPasswdSuccess">
<i class="iconfont icon-Success"></i>
<div class="setPasswdSuccessTitle">resetSuccess</div>
<div class="setPasswdSuccessText">resetSuccessTips</div>
<div class="setPasswdSuccessBtn">login</div>
</div>
</div>
</div>
<div id="quickview-wrapper">
<!-- Modal -->
<div class="modal fade" id="productModal" tabindex="-1" role="dialog">
<div class="modal-content contactDiglog">
<div class="contact-header">
<div class="modal-header-title">Nous contacter</div>
<i class="iconfont icon-ic_closure" data-dismiss="modal" aria-label="Close"></i>
<!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> -->
</div>
<div class="contactContent">Veuillez donner votre demande dans le formulaire ci-dessous. Nous vous répondrons dans les 24 heures.</div>
<div id="productContactDetail">
<img id="productContactImg" src="">
<div class="productContactDetailRight">
<div id="productContactName"></div>
<div id="productContactPrice"></div>
</div>
</div>
<!-- 询盘 -->
<div class="contactUs-inquiry" id="contactUsInquiry">
<link rel="stylesheet" href="/themes/common/css/customizeInquiry.css">
<div class="customize-inquiry">
<form id="customizeInquiry3" class="inquiry-form">
<!-- 3 1:产品; 2:底部; 3: 右侧弹窗-->
<!-- cid 产品id -->
<input type="hidden" id="enquiry_cid3" name="cid" value="316598728">
<!-- rt 类型 contact-us Product_details -->
<input type="hidden" id="enquiry_rt3" name="rt" value="Blog_detail">
<input type="hidden" id="enquiry_shopId3" name="shop_id" value="336591168173274455">
<input type="hidden" id="enquiry_file3" name="file" value="">
<input type="hidden" id="enquiry_link3" name="link" value="">
<div
class="form-item"
>
<div class="item-label">
<i class="is-required">*</i>
<span class="show-name">Email</span>
</div>
<div class="item-con">
<!-- 输入框 -->
<input type="text" class="customizeInquiry-item item-input"
name="邮箱"
required
/>
<p class="empty-tip">Email can't be empty</p>
</div>
</div>
<div
class="form-item"
>
<div class="item-label">
<i class="is-required">*</i>
<span class="show-name">Phone</span>
</div>
<div class="item-con">
<!-- 输入框 -->
<input type="text" class="customizeInquiry-item item-input"
name="电话"
required
/>
<p class="empty-tip">Phone can't be empty</p>
</div>
</div>
<div
class="form-item"
>
<div class="item-label">
<span class="show-name">Company</span>
</div>
<div class="item-con">
<!-- 输入框 -->
<input type="text" class="customizeInquiry-item item-input"
name="公司"
/>
<p class="empty-tip">Company can't be empty</p>
</div>
</div>
<div
class="form-item"
>
<div class="item-label">
<i class="is-required">*</i>
<span class="show-name">facebook</span>
</div>
<div class="item-con">
<!-- 输入框 -->
<input type="text" class="customizeInquiry-item item-input"
name="facebook"
required
/>
<p class="empty-tip">facebook can't be empty</p>
</div>
</div>
<div
class="form-item"
>
<div class="item-label">
<i class="is-required">*</i>
<span class="show-name">WhatsApp</span>
</div>
<div class="item-con">
<!-- 输入框 -->
<input type="text" class="customizeInquiry-item item-input"
name="whatsapp"
required
/>
<p class="empty-tip">WhatsApp can't be empty</p>
</div>
</div>
<div
class="form-item"
>
<div class="item-label">
<span class="show-name">其他 需求</span>
</div>
<div class="item-con">
<!-- 输入框 -->
<input type="text" class="customizeInquiry-item item-input"
name="其他需求"
/>
<p class="empty-tip">其他 需求 can't be empty</p>
</div>
</div>
<div
class="form-item"
style="width: calc(100%);"
>
<div class="item-label">
<i class="is-required">*</i>
<span class="show-name">Message</span>
</div>
<div class="item-con">
<!-- 输入框 -->
<textarea
cols="30"
rows="6"
placeholder="Veuillez entrer un message détaillé"
name="留言"
class="customizeInquiry-item item-textarea"
required
></textarea>
<p class="empty-tip">Message can't be empty</p>
</div>
</div>
<div class="contactBtn">
<span class="btn customizeInquiryBtn-btn" id="customizeInquiryBtn3" data-contactType="3">Soumettre</span>
</div>
</form>
</div>
</div>
<div class="product-inquiry" id="productInquiry">
<link rel="stylesheet" href="/themes/common/css/customizeInquiry.css">
<div class="customize-inquiry">
<form id="customizeInquiry1" class="inquiry-form">
<!-- 1 1:产品; 2:底部; 3: 右侧弹窗-->
<!-- cid 产品id -->
<input type="hidden" id="enquiry_cid1" name="cid" value="316598728">
<!-- rt 类型 contact-us Product_details -->
<input type="hidden" id="enquiry_rt1" name="rt" value="Blog_detail">
<input type="hidden" id="enquiry_shopId1" name="shop_id" value="336591168173274455">
<input type="hidden" id="enquiry_file1" name="file" value="">
<input type="hidden" id="enquiry_link1" name="link" value="">
<div
class="form-item"
>
<div class="item-label">
<i class="is-required">*</i>
<span class="show-name">Name</span>
</div>
<div class="item-con">
<!-- 输入框 -->
<input type="text" class="customizeInquiry-item item-input"
name="姓名"
required
/>
<p class="empty-tip">Name can't be empty</p>
</div>
</div>
<div
class="form-item"
>
<div class="item-label">
<span class="show-name">Email</span>
</div>
<div class="item-con">
<!-- 输入框 -->
<input type="text" class="customizeInquiry-item item-input"
name="邮箱"
/>
<p class="empty-tip">Email can't be empty</p>
</div>
</div>
<div
class="form-item"
>
<div class="item-label">
<i class="is-required">*</i>
<span class="show-name">Phone</span>
</div>
<div class="item-con">
<!-- 输入框 -->
<input type="text" class="customizeInquiry-item item-input"
name="电话"
required
/>
<p class="empty-tip">Phone can't be empty</p>
</div>
</div>
<div
class="form-item"
>
<div class="item-label">
<span class="show-name">Company</span>
</div>
<div class="item-con">
<!-- 输入框 -->
<input type="text" class="customizeInquiry-item item-input"
name="公司"
/>
<p class="empty-tip">Company can't be empty</p>
</div>
</div>
<div
class="form-item"
>
<div class="item-label">
<span class="show-name">目录册需求</span>
</div>
<div class="item-con">
<!-- 输入框 -->
<input type="text" class="customizeInquiry-item item-input"
name="目录册需求"
/>
<p class="empty-tip">目录册需求 can't be empty</p>
</div>
</div>
<div
class="form-item"
>
<div class="item-label">
<i class="is-required">*</i>
<span class="show-name">WhatsApp</span>
</div>
<div class="item-con">
<!-- 输入框 -->
<input type="text" class="customizeInquiry-item item-input"
name="WhatsApp"
required
/>
<p class="empty-tip">WhatsApp can't be empty</p>
</div>
</div>
<div class="productContactFile1">
<div class="productContactBottom">
<div class="productFileUp">
<div class="upImg">
<i class="iconfont icon-annex"></i> Ajouter une pièce jointe </div>
<input id="file1" type="file"
accept="image/png,image/jpeg,application/pdf,application/msword,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/plain,aplication/zip,.zip,.rar," />
</div>
<div class="productShareLink">
<div class="upImg"><i class="iconfont icon-s-link"></i> Lien vers le fichier partagé</div>
<div class="shareInputBox">
<input type="text" id="upLinkInput1">
<div class="btn shareInputBtn">sauver</div>
</div>
</div>
</div>
<div class="filesList">
<div class="filesItem" id="productFilesList1">
<div id="upFileName1"></div>
<i class="iconfont icon-Tick_circle"></i>
<i id="productFilesBtn1" class="iconfont icon-closed_circle"></i>
</div>
<div class="filesItem" id="productLinksList1">
<div id="upLinkName1"></div>
<i class="iconfont icon-Tick_circle"></i>
<i id="productLinksBtn1" class="iconfont icon-closed_circle"></i>
</div>
</div>
<div class="productContactTips">Prend en charge jpg, png, pdf, doc, xls, txt, rar, zip</div>
</div>
<div class="contactBtn">
<span class="btn customizeInquiryBtn-btn" id="customizeInquiryBtn1" data-contactType="1">Soumettre</span>
</div>
</form>
</div>
</div>
</div><!-- .modal-content -->
</div>
<!-- END Modal -->
</div>
<script async src="/themes/common/js/security.js"></script>
<script async src="/themes/common/js/js-cookie.js"></script>
<script src="/themes/theme10007//js/vendor/jquery-1.12.0.min.js"></script>
<!-- bootstrap js -->
<script src="/themes/theme10007//js/bootstrap.min.js"></script>
<!-- owl.carousel js -->
<script src="/themes/theme10007//js/owl.carousel.min.js"></script>
<!-- meanmenu js -->
<script src="/themes/theme10007//js/jquery.meanmenu.js"></script>
<!-- jquery-ui js -->
<script src="/themes/theme10007//js/jquery-ui.min.js"></script>
<!-- wow js -->
<script src="/themes/theme10007//js/wow.min.js"></script>
<!-- plugins js -->
<script src="/themes/theme10007//js/plugins.js"></script>
<!-- 引入swiper,记住 要放到common.js之前 swiper-bundle.min.js swiper-bundle.js -->
<script src="/themes/theme10007/js/swiper-bundle.js"></script>
<!-- main js -->
<script src="/themes/common/js/common.js"></script>
<script src="/themes/theme10007//js/main.js"></script>
<!-- login js -->
<script src="/themes/common/js/login.js"></script>
<script src="/themes/common/js/header.js"></script>
<script src="/themes/common/js/footer.js"></script>
<script src="/index.js?js=theme10007.banner,theme10007.seo,&shop_id=336591168173274455&theme=theme10007"></script><!-- <div style="border: solid 5px red ;height: 100px;width: 100vw;">
wooo
</div> -->
<script type="text/javascript">
const script = document.createElement("script");
script.src = "//static.mcmcschool.com/sp/shop-plugin-common.js";
script.async = true;
document.body.appendChild(script);
</script>
<script>
const shareFacebookElement = document.querySelector(
".social-share-icon.icon-facebook"
);
if (!!shareFacebookElement === true) {
shareFacebookElement.setAttribute(
"href",
"https://www.facebook.com/sharer/sharer.php?u=" +
encodeURIComponent(location.href)
);
}
const shareTwitterElement = document.querySelector(
".social-share-icon.icon-twitter"
);
if (!!shareTwitterElement === true) {
shareTwitterElement.setAttribute(
"href",
"https://twitter.com/intent/tweet?text=" +
encodeURIComponent(location.href)
);
}
const sharePinterestlement = document.querySelector(
".social-share-icon.icon-pinterest"
);
if (!!sharePinterestlement === true) {
sharePinterestlement.setAttribute(
"href",
"https://www.pinterest.com/pin/create/button/?url=" +
encodeURIComponent(location.href)
);
}
const shareLinkedInElement = document.querySelector(
".social-share-icon.icon-linkedin"
);
if (!!shareLinkedInElement === true) {
shareLinkedInElement.setAttribute(
"href",
`https://www.linkedin.com/shareArticle?mini=true&ro=true&title=${encodeURIComponent(
document.title
)}&url=${encodeURIComponent(location.href)}`
);
}
</script>
<script>
const list = document.querySelectorAll(".pro-details-tab > li");
list.forEach((item) => {
item.addEventListener("click", () => {
const jumpTo = item.dataset.jumpto;
if (!!jumpTo === true) {
const jumpToElement = document.querySelector(jumpTo);
if (!!jumpToElement === true) {
const { top } = jumpToElement.getBoundingClientRect();
const fixHeader =
document.querySelector(".fixed-nav .head_layer") ||
document.querySelector(".head_fix") ||
document.querySelector('#header[section-type="header"]');
let headerHeight = 0;
if (!!fixHeader === true) {
headerHeight = fixHeader.getBoundingClientRect().height;
}
const scrollY = window.scrollY + top - headerHeight - 40;
window.scrollTo({ left: 0, top: scrollY, behavior: "smooth" });
}
}
});
});
</script>
<script>
const headerAnnouncementObserver = new ResizeObserver((entries) => {
const entrie = entries[0];
if (!!entrie === true) {
const { height } = entrie.contentRect;
const headerElement = document.querySelector("#header");
if (!!headerElement) {
const computedStyle = getComputedStyle(headerElement);
if (computedStyle.position === "sticky") {
headerElement.style.top = "-" + height + "px";
}
}
}
});
const headerStickyNavbarAnnouncementElement = document.querySelector(
"#header .header-bottom-info"
);
if (!!headerStickyNavbarAnnouncementElement === true) {
headerAnnouncementObserver.observe(headerStickyNavbarAnnouncementElement);
}
</script>
<script>
if (!!document.querySelector('a[href="#page-threeD"]') === true) {
Array.from(
document.querySelectorAll('.pro-details-tab > li[role="presentation"]')
)
.filter((item) => {
return !!item.querySelector('a[href="#page-threeD"]') === false;
})
.forEach((item) => {
item.addEventListener("click", () => {
if (
document.querySelector("#page-threeD").classList.contains("active")
) {
document.querySelector("#page-threeD").classList.remove("active");
document.querySelector("#tab-desc").classList.add("active");
document
.querySelectorAll('.pro-details-tab > li[role="presentation"]')
.forEach((item, index) => {
if (index === 0) {
item.classList.add("active");
} else {
item.classList.remove("active");
}
});
requestAnimationFrame(() => {
item.click();
});
}
});
});
}
</script>
<script>
const isDeclarativeShadowDOMSupports = () => {
return HTMLTemplateElement.prototype.hasOwnProperty("shadowRootMode");
};
// win7 下居然会保留 template 标签我都惊呆了
document.querySelectorAll("template[shadowrootmode]").forEach((template) => {
const mode = template.getAttribute("shadowrootmode");
if (["open", "close"].includes(mode)) {
const shadowRoot = template.parentNode.attachShadow({ mode });
shadowRoot.appendChild(template.content);
template.remove();
}
});
if (isDeclarativeShadowDOMSupports() !== true) {
const attachShadowRoots = (mutationsList) => {
for (const mutation of mutationsList) {
for (const node of mutation.addedNodes) {
try {
const mode = node.getAttribute("shadowrootmode");
if (["open", "close"].includes(mode)) {
const shadowRoot = node.parentElement.attachShadow({ mode });
shadowRoot.appendChild(node.content);
node.remove();
}
} catch (error) {}
}
}
};
new MutationObserver(attachShadowRoots).observe(document.body, {
childList: true,
subtree: true,
});
}
</script>
<!-- -->
<link
rel="preload"
onload="this.rel='stylesheet'"
as="style"
href="/themes/common/css/messageTips.css"
/>
<script>
(() => {
window.langPleaseEnterEmail = `Veuillez saisir un e-mail`;
window.langEmailFormatError = `Erreur de format d'e-mail`;
window.langSendFail = `sendFail`;
window.langSubscribeSuccess = `Abonnement réussi`;
window.langSendSuccess = `Envoyer le succès`;
window.langSignUpSuccess = `signUpSuccess`;
window.langLoginSuccess = `loginsuccess`;
window.langLoginFail = `loginFail`;
window.langSignOutSuccess = `signOutSuccess`;
})();
</script>
<script src="/themes/common/js/messageTips.js"></script>
<script>
$(".productContactFile2").remove();
</script>
</body>
</html>
