<!DOCTYPE html>
<html lang="fr">
<!---------->
<!-- HEAD -->
<!---------->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta http-equiv="content-language" content="fr_FR" />
<link rel="alternate" hreflang="fr" href="https://muvit.earth/Brand/soSeven" />
<link rel="alternate" hreflang="en" href="https://en.muvit.earth/Brand/soSeven" />
<link rel="alternate" hreflang="es" href="https://es.muvit.earth/Brand/soSeven" />
<link rel="alternate" hreflang="it" href="https://it.muvit.earth/Brand/soSeven" />
<link rel="alternate" hreflang="nl" href="https://nl.muvit.earth/Brand/soSeven" />
<link rel="icon" type="image/png" sizes="16x16" href="https://static.muvit.earth/images/favicon.png" />
<title>SoSeven by Muvit | Accessoires High-Tech Protection & Charge</title>
<!-- Meta datas -->
<meta name="description" content="Découvrez notre univers Soseven : La marque référence de vos accessoires">
<meta name="keywords" content="Muvit, accessoires mobiles, accessoires téléphones, coques, folios, chargeurs">
<!-- SEO for HP, skiphp pages and more products ajax loader -->
<!-- Meta tags -->
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-KNWBR79" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KNWBR79');
</script>
<!-- Social networks OG -->
<!-- CSS -->
<link href="https://static.muvit.earth/css/main.min.4e96d7b6.css" rel="stylesheet" />
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" />
<!-- JS (needed before body) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>
<script>
// Variable that represent if the user is logged or not
var isAuth = false;
function setAuth(){
isAuth = true;
$('body').removeClass('not-auth').addClass('auth');
}
</script>
</head>
<!---------->
<!-- BODY -->
<!---------->
<body class="not-auth ">
<div id="overlay">
<i class="fa fa-spinner fa-spin spin-big"></i>
</div>
<div class="main-wrpper">
<header>
<div class="static-header">
<div class="topbar">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12">
<a href="/Brand/muvitCategories" class="discover-link">
<span><img src="https://static.muvit.earth/images/icon-decouvrir-muvit.svg" alt="Découvrir Muvit" /></span> Découvrir Muvit </a>
</div>
<div class="col-md-6 col-sm-12">
<div class="form-group">
<select class="language-selector form-control">
<option data-url="https://muvit.earth/Brand/soSeven" selected>Français</option>
<option data-url="https://en.muvit.earth/Brand/soSeven" >English</option>
<option data-url="https://es.muvit.earth/Brand/soSeven" >Español</option>
<option data-url="https://it.muvit.earth/Brand/soSeven" >Italiano</option>
<option data-url="https://nl.muvit.earth/Brand/soSeven" >Nederlands</option>
</select>
<img src="https://static.muvit.earth/images/globe.svg" alt="Globe hoix de la langue" class="globe-img" />
</div>
</div>
</div>
</div>
</div>
<div class="navbar-block">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-3 col-sm-12 one">
<div class="navbar-link">
<ul>
<li><a href="/Blog">Presse</a></li>
<li><a href="/Contact">Contactez-nous</a></li>
</ul>
</div>
</div>
<div class="col-lg-4 col-md-2 col-sm-12 two">
<div class="navbar-logo">
<a href="/"><img src="https://static.muvit.earth/images/logo.svg" alt="Logo Muvit" /></a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 three">
<div class="navbar-right">
<ul>
<li>
<div class="search-box">
<input type="text" class="form-control" placeholder="Rechercher">
<a href="javascript:void(0);" class="search-icon"><i class="fas fa-search"></i></button>
</div>
</li>
<li><a href="/Cart"><i class="fas fa-shopping-cart"></i></a><span class="cart-bubble-nb-articles hidden">0</span></li>
<li><a
data-bs-target='#modal-login' data-bs-toggle='modal' data-bs-dismiss='modal' href="/Account/myInfos"><i class="fas fa-user"></i></a></li>
<li><a href="/Catalog" class="btn-head">BOUTIQUE</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header-logo">
<div class="container">
<ul>
<li><a href="/Brand/muvitCategories"><img src="https://static.muvit.earth/images/logo_muvit.svg" alt="Logo Muvit" /></a></li>
<li><a href="/Brand/tiger"><img src="https://static.muvit.earth/images/logo_tiger.svg?v2" alt="Logo Muvit Tiger" /></a></li>
<li><a href="/Brand/myWay"><img src="https://static.muvit.earth/images/logo_myway.svg" alt="Logo Muvit MyWay" /></a></li>
<li><a href="/Brand/soSeven"><img src="https://static.muvit.earth/images/logo_soseven.svg" alt="Logo So Seven" /></a></li>
</ul>
</div>
</div>
</header>
<div class="mobile-header">
<div class="container">
<div class="head-block">
<a href="/"><img src="https://static.muvit.earth/images/logo.svg" class="logo-img" alt="Logo Muvit"></a>
<ul>
<li><a href="/Catalog" class="btn-head">BOUTIQUE</a></li>
<li><a
data-bs-target='#modal-login' data-bs-toggle='modal' data-bs-dismiss='modal' href="/Account/myInfos"><i class="fas fa-user"></i></a></li>
<li><a href="/Cart" class="head-icon"><i class="fas fa-shopping-cart"></i></a><span class="cart-bubble-nb-articles hidden">0</span></li>
<li><a href="javascript:void(0);" data-bs-toggle="offcanvas" data-bs-target="#sidebar-main" class="toggle-icon"><i class="far fa-bars"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- Main Sidebar -->
<div class="mobile-sidebar offcanvas offcanvas-end" id="sidebar-main">
<div class="sidepart-one">
<div class="sidebar-block">
<ul>
<li>
<div class="form-group">
<select class="language-selector form-control">
<option data-url="https://muvit.earth/Brand/soSeven" selected>Français</option>
<option data-url="https://en.muvit.earth/Brand/soSeven" >English</option>
<option data-url="https://es.muvit.earth/Brand/soSeven" >Español</option>
<option data-url="https://it.muvit.earth/Brand/soSeven" >Italiano</option>
<option data-url="https://nl.muvit.earth/Brand/soSeven" >Nederlands</option>
</select>
<img src="https://static.muvit.earth/images/globe.svg" alt="Globe choix langue" class="globe-img" />
</div>
</li>
<li><a href="javascript:void(0);" class="close-icon" data-bs-dismiss="offcanvas"><i class="far fa-times"></i></a></li>
</ul>
</div>
<div class="filter-nav">
<ul>
<li><a href="javascript:void(0);" data-bs-toggle="offcanvas" data-bs-target="#sidebar-categories">Catégories <i class="fas fa-chevron-right fa-fw"></i></a></li>
<li><a href="javascript:void(0);" data-bs-toggle="offcanvas" data-bs-target="#sidebar-marques">Marques <i class="fas fa-chevron-right fa-fw"></i></a></li>
</ul>
</div>
<div class="sidebar-link">
<ul>
<li><a href="/Blog">PRESSE</a></li>
<li><a href="/Contact">CONTACTEZ-NOUS</a></li>
</ul>
</div>
</div>
<div class="search-mob">
<div class="form-group">
<input type="text" class="form-control" placeholder="Rechercher">
<button type="submit"><i class="fas fa-search"></i></button>
</div>
</div>
</div>
<!-- End Main Sidebar -->
<!-- Marques Sidebar -->
<div class="mobile-sidebar offcanvas offcanvas-end" id="sidebar-marques">
<div class="sidepart-one">
<div class="sidebar-block">
<ul>
<li></li>
<li><a href="javascript:void(0);" class="close-icon" data-bs-toggle="offcanvas" data-bs-target="#sidebar-main" data-bs-dismiss="offcanvas"><i class="far fa-times"></i></a></li>
</ul>
</div>
<h3>Marques</h3>
<div class="filter-nav inner-sublist">
<ul>
<li><a href="/Catalog/filter/marque--MiLi+by+Muvit/">MiLi by Muvit<i class="fas fa-chevron-right fa-fw"></i></a></li>
<li><a href="/Catalog/filter/marque--Muvit/">Muvit<i class="fas fa-chevron-right fa-fw"></i></a></li>
<li><a href="/Catalog/filter/marque--Muvit+For+Change/">Muvit For Change<i class="fas fa-chevron-right fa-fw"></i></a></li>
<li><a href="/Catalog/filter/marque--Muvit+For+France/">Muvit For France<i class="fas fa-chevron-right fa-fw"></i></a></li>
<li><a href="/Catalog/filter/marque--Muvit+Gaming/">Muvit Gaming<i class="fas fa-chevron-right fa-fw"></i></a></li>
<li><a href="/Catalog/filter/marque--Muvit+Life/">Muvit Life<i class="fas fa-chevron-right fa-fw"></i></a></li>
<li><a href="/Catalog/filter/marque--Muvit+Travel/">Muvit Travel<i class="fas fa-chevron-right fa-fw"></i></a></li>
<li><a href="/Catalog/filter/marque--Muvit+iO/">Muvit iO<i class="fas fa-chevron-right fa-fw"></i></a></li>
<li><a href="/Catalog/filter/marque--MyWay/">MyWay<i class="fas fa-chevron-right fa-fw"></i></a></li>
<li><a href="/Catalog/filter/marque--MyWay+Explorer/">MyWay Explorer<i class="fas fa-chevron-right fa-fw"></i></a></li>
<li><a href="/Catalog/filter/marque--MyWay+France/">MyWay France<i class="fas fa-chevron-right fa-fw"></i></a></li>
<li><a href="/Catalog/filter/marque--So+Seven/">So Seven<i class="fas fa-chevron-right fa-fw"></i></a></li>
<li><a href="/Catalog/filter/marque--Tiger/">Tiger<i class="fas fa-chevron-right fa-fw"></i></a></li>
<li><a href="/Catalog/filter/marque--Tiger+France/">Tiger France<i class="fas fa-chevron-right fa-fw"></i></a></li>
<li><a href="/Catalog/filter/marque--Tiger+Lite/">Tiger Lite<i class="fas fa-chevron-right fa-fw"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- End Marques Sidebar -->
<!-- Catégories Sidebar -->
<div class="mobile-sidebar offcanvas offcanvas-end" id="sidebar-categories">
<div class="sidepart-one">
<div class="sidebar-block">
<ul>
<li></li>
<li><a href="javascript:void(0);" class="close-icon" data-bs-toggle="offcanvas" data-bs-target="#sidebar-main" data-bs-dismiss="offcanvas"><i class="far fa-times"></i></a></li>
</ul>
</div>
<h3>Catégories</h3>
<div class="filter-nav inner-sublist">
<ul>
<li><a href="/c/audio">Audio<i class="fas fa-chevron-right fa-fw"></i></a></li>
<li><a href="/c/energie">Energie<i class="fas fa-chevron-right fa-fw"></i></a></li>
<li><a href="/c/gaming">Gaming<i class="fas fa-chevron-right fa-fw"></i></a></li>
<li><a href="/c/mobilite">Mobilité<i class="fas fa-chevron-right fa-fw"></i></a></li>
<li><a href="/c/multimedia">Multimedia<i class="fas fa-chevron-right fa-fw"></i></a></li>
<li><a href="/c/objets-connectes">Objets connectés<i class="fas fa-chevron-right fa-fw"></i></a></li>
<li><a href="/c/protections">Protection<i class="fas fa-chevron-right fa-fw"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- End Catégories Sidebar -->
<!-- Main Header -->
<section class="io-banner-wrp soseven-banner">
<div class="container">
<div class="io-banner-box">
<img class="big-image" src="https://static.muvit.earth/images/soseven-banner.jpg" alt="Slide So Seven by Muvit" />
<img class="small-image" src="https://static.muvit.earth/images/soseven-banner-mobile.jpg" alt="Slide So Seven by Muvit" />
<div class="io-banner-dt">
<img class="logo" src="https://static.muvit.earth/images/logo_soseven.svg" alt="Logo So Seven by Muvit">
<h1>Accessoires Tendances</h1>
<h3>Protection & Audio</h3>
<a href="/Catalog/filter/marque--So+Seven/" class="btn-main muvit-soseven no-border">Acheter</a>
</div>
<div class="io-banner-img">
<img class="big-image" src="https://static.muvit.earth/images/soseven-banner-products-desktop.png" alt="Produits So Seven by Muvit" />
<img class="small-image" src="https://static.muvit.earth/images/soseven-banner-products-mobile.png" alt="Produits So Seven by Muvit" />
</div>
</div>
</div>
</section>
<!-- Accessoires -->
<section class="accessoires-wrp soseven-assslider">
<div class="container">
<h2>Protection & Audio</h2>
<h6>Gammes So Seven</h6>
<div class="accessoires-slider">
<div class="accessoires-mini-slider items-2">
<div class="gmbx">
<div class="object-probx min-300">
<img src="https://static.muvit.earth/images/soseven_logo_2.png" alt="Logo So Seven by Muvit" class="monolg">
<a href="/Catalog/filter/marque--So+Seven/categorie--protections/">
<div class="product-img">
<img src="https://static.muvit.earth/images/soseven-1.jpg" alt="Protections So Seven by Muvit" />
</div>
<h3>Protection</h3>
<p>Coques et camera rings</p>
</a>
</div>
</div>
<div class="gmbx">
<div class="object-probx min-300">
<img src="https://static.muvit.earth/images/soseven_logo_2.png" alt="Logo So Seven by Muvit" class="monolg">
<a href="/Catalog/filter/marque--So+Seven/categorie--audio/">
<div class="product-img">
<img src="https://static.muvit.earth/images/soseven-2.jpg" alt="Audio So Seven by Muvit" />
</div>
<h3>Audio</h3>
<p>Ecouteurs sans fil</p>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Accessoires -->
<section class="io-univers-wrp soseven-univers-wrp">
<div class="container">
<h2>Découvrez nos univers So Seven</h2>
<h6>Protection & Audio</h6>
<div class="univers-row">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="univers-data">
<div class="univers-box">
<h3>Protection</h3>
<h4>Coques et camera rings</h4>
<p>Plus que des accessoires, de véritables alliés pour votre style ! Sublimez votre smartphone à travers les collections colorées et fashion de So Seven Paris.</p>
<a href="/Catalog/filter/marque--So+Seven/categorie--protections/" class="btn-main muvit-soseven no-border">Acheter</a>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="univers-img">
<img src="https://static.muvit.earth/images/soseven-part-1.jpg" alt="Protections So Seven by Muvit">
</div>
</div>
</div>
</div>
<div class="univers-row">
<div class="row">
<div class="col-md-6 col-sm-12 one">
<div class="univers-img">
<img src="https://static.muvit.earth/images/soseven-part-2.jpg" alt="Accessoires audio So Seven by Muvit">
</div>
</div>
<div class="col-md-6 col-sm-12 two">
<div class="univers-data">
<div class="univers-box">
<h3>Audio</h3>
<h4>Ecouteurs sans fil</h4>
<p>Avec nos true wireless, vous bénéficiez d'une qualité sonore supérieure, d'une connexion sans effort et d'une autonomie prolongée, le tout dans un emballage élégant et raffiné.</p>
<a href="/Catalog/filter/marque--So+Seven/categorie--audio/" class="btn-main muvit-soseven no-border">Acheter</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="propos-wrp soseven-propos-wrp">
<div class="container">
<h2>Nos engagements</h2>
<h6>Elégance et technologie</h6>
<div class="propos-row">
<ul>
<li>
<div class="propos-data">
<h3>La marque Parisienne qui crée le lien entre la mode et votre smartphone.</h3>
<h4>Affirmez votre personnalité et votre style</h4>
<p>Dans un monde où la technologie fait partie intégrante de nos vies, So Seven apporte une touche de charme parisien et d'expertise en matière de mode à vos appareils.</p>
<p>Que vous préfériez la sophistication classique, les pièces audacieuses ou le minimalisme chic, So Seven propose un large éventail d'options pour correspondre à votre style personnel.</p>
<p>Grâce à ses collections sur-mesure inspirés des tendances du prêt-à-porter, So Seven transforme votre smartphone en véritable accessoire de mode.</p>
</div>
</li>
<li>
<div class="propos-img">
<img src="https://static.muvit.earth/images/soseven-propos.jpg" alt="A propos de So Seven by Muvit">
</div>
</li>
</ul>
</div>
</div>
</section>
<footer>
<div class="footer-top-block">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6">
<a href="/" class="foot-logo"><img src="https://static.muvit.earth/images/logo.svg" alt="Logo Muvit" /></a>
</div>
<div class="col-md-6 col-sm-6">
<ul>
<li>Suivez-nous</li>
<li>
<a href="https://www.instagram.com/muvit.earth/" target="_blank"><i class="fab fa-instagram"></i></a>
</li>
<li>
<a href="https://fr.linkedin.com/company/ascendeo" target="_blank"><i class="fab fa-linkedin-in"></i></a>
</li>
<li>
<a href="https://www.facebook.com/ascendeo-France-120503214679845/" target="_blank"><i class="fab fa-facebook"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-block">
<div class="container">
<div class="row">
<div class="col-md-2 col-sm-4">
<div class="quicklinks">
<p class="footer-title">Marques</p>
<ul>
<li><a href="/Brand/muvit">Muvit for Change</a></li>
<li><a href="/Brand/muvit#muvit-for-france">Muvit for France</a></li>
<li><a href="/Brand/muvitIO">Muvit iO</a></li>
<li><a href="/Brand/muvitGaming">Muvit Gaming</a></li>
<li><a href="/Brand/tiger">Tiger</a></li>
<li><a href="/Brand/myWay">MyWay</a></li>
<li><a href="/Catalog/filter/marque--MyWay+France/">MyWay France</a></li>
<li><a href="/Brand/soSeven">So Seven</a></li>
</ul>
</div>
</div>
<div class="col-md-2 col-sm-4">
<div class="quicklinks">
<p class="footer-title">PRODUITS</p>
<ul>
<li><a href="/Catalog/filter/categorie--protections/">Protection</a></li>
<li><a href="/Catalog/filter/categorie--audio/">Audio</a></li>
<li><a href="/Catalog/filter/categorie--energie/">Energie</a></li>
<li><a href="/Catalog/filter/categorie--mobilite/">Mobilité</a></li>
<li><a href="/Catalog/filter/categorie--multimedia/">Multimédia</a></li>
<li><a href="/Catalog/filter/categorie--gaming/">Gaming</a></li>
<li><a href="/Catalog/filter/categorie--objets-connectes/">Objets Connectés</a></li>
</ul>
</div>
</div>
<div class="col-md-2 col-sm-4">
<div class="quicklinks">
<p class="footer-title">Contactez-nous</p>
<ul>
<li><a href="/Contact">Entrez en contact</a></li>
<li><a href="/cgv">Paiement sécurisé</a></li>
<li><a href="/cgv">Efficacité du service</a></li>
<li><a href="/tiger-warranty">Garantie Tiger</a></li>
<li><a href="/faq">FAQ</a></li>
</ul>
</div>
</div>
<div class="col-md-2 col-sm-4">
<div class="quicklinks">
<p class="footer-title">À propos de muvit</p>
<ul>
<li><a href="/Brand/muvitCategories">La marque </a></li>
<li><a href="/Blog">Presse</a></li>
<li><a href="/privacy">Confidentialité</a></li>
<li><a href="/Contact">Contactez-nous</a></li>
</ul>
</div>
</div>
<div class="col-md-4 col-sm-12">
<div class="newsletter">
<div class="subscribe">
Inscrivez-vous à notre newsletter <br />
restez au courant </div>
<p>
Entrez votre adresse e-mail pour recevoir les dernières offres et informations sur les produits et actualités de Muvit. Vous pouvez vous désabonner à tout moment. <a href="/privacy"> Consultez notre politique de confidentialité pour plus de détails.</a>
</p>
<form>
<input type="text" class="form-control subscribe-newsletter" placeholder="Adresse mail" />
<button class="subscribe-newsletter-btn">S’abonner</button>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 one">
<p>© 2025 Muvit. All rights reserved</p>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 two">
<ul>
<li><a href="/cgv">Mentions légales et CGVU</a></li>
<li><a href="/privacy">Politique de confidentialité</a></li>
<li><a href="/declaration-de-conformite">Déclarations de conformité</a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</div>
<div class="modal fade modal-account" id="modal-register" aria-hidden="true" aria-labelledby="registerModalLabel" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<button type="button" class="btn-close" data-bs-dismiss="modal"><i class="far fa-times"></i></button>
<div class="form-block">
<h2>Créer votre compte <span>Muvit</span></h2>
<form role="form" class="form-horizontal" action="/Members/ajaxAdd/" method="POST" id="form_members_add"><div class="form-group col-xs-12" id="fg_members_add_email"> <input type='text' name='email' id='f_members_add_email' value='' class="form-control input" required="required" placeholder="E-mail"> </div><div class="form-group col-xs-12" id="fg_members_add_password"> <input type='password' name='password' id='f_members_add_password' value='' class="form-control input" required="required" placeholder="Mot de passe"> </div>
<div class="btn-group">
<button class="btn-main" data-bs-target="#modal-login" data-bs-toggle="modal" data-bs-dismiss="modal">Se connecter</button>
<button type="submit" class="btn-main btnsend" id="submit_members_add" name="submit_members_add">Créer mon compte</button>
</div><input type="hidden" name="csrf_token" value="5HPCNsGXT7rhAQ9HouV+qykybEbakG88jAu0RsfA" ><input type="hidden" name="hit_submit" value="members_add" ></form> <script>
$(document).ready(function(){
var form_members_add_result = null;
$('#form_members_add').submit(function(){
jQuery(this).find('input[type=submit]').attr('disabled', 'disabled');
jQuery(this).find('button[type=submit]').attr('disabled', 'disabled');
submit_members_add ();
return false;
});
function submit_members_add () {
form_members_add_values = jQuery("#form_members_add").serialize();
form_members_add_loading = "<div class=\"bs-callout bs-callout-info\" id=\"notif_members_add\"><h4>Chargement en cours . . .<\/h4>Merci de patienter<\/div>";
jQuery.ajax({
type: "POST",
url: "/Members/ajaxAdd/",
data: form_members_add_values,
dataType: "json",
timeout: 10000,
beforeSend: function (XMLHttpRequest){
jQuery('#notif_members_add').remove();
jQuery('#form_members_add').prepend(form_members_add_loading);
jQuery('#form_members_add').find('.form-group').find('.text-danger').remove();
jQuery('#form_members_add').find('.has-error').removeClass('has-error');
$("#submit_members_add").loading();
},
success: function(data, textStatus){
jQuery('#notif_members_add').remove();
jQuery('#form_members_add').prepend(data.notification);
if(data.state==='success'){
if(parseInt(data.result_id)>0){
form_members_add_result=data.result_id;
}
jQuery('#div_form_info_members_add_text').html(data.message);
jQuery('#div_form_info_members_add').show();
window.location.reload();
}
else{
jQuery.each( data.errors, function(k, v){
jQuery('#fg_members_add_'+k).addClass('has-error');
jQuery('#notif_members_add_'+k).remove();
jQuery('#fg_members_add_'+k).append(v);
});
}
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
jQuery('#notif_members_add').remove();
jQuery('#div_form_error_members_add_text').html('An error occured ('+textStatus+')');
},
complete: function(XMLHttpRequest, textStatus){
jQuery('#form_members_add').find('input[type=submit]').removeAttr('disabled');
jQuery('#form_members_add').find('button[type=submit]').removeAttr('disabled');
$("#submit_members_add").stopLoading();
}
});
return false;
}
});
</script>
</div>
</div>
</div>
</div> <div class="modal fade modal-account" id="modal-login" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-sm">
<div class="modal-content">
<button type="button" class="btn-close" data-bs-dismiss="modal"><i class="far fa-times"></i></button>
<div class="form-block">
<h2>Connectez vous <span>à votre compte Muvit</span></h2>
<form role="form" class="form-horizontal" action="/Members/ajaxLogin/" method="POST" id="form_members_login"><div class="form-group col-xs-12" id="fg_members_login_email"> <input type='text' name='email' id='f_members_login_email' value='' class="form-control input" required="required" placeholder="E-mail"> </div><div class="form-group col-xs-12" id="fg_members_login_password"> <input type='password' name='password' id='f_members_login_password' value='' class="form-control input" required="required" placeholder="Mot de passe"> </div><button type="submit" class="btn-main-full btnsend" id="submit_members_login" name="submit_members_login">Se connecter</button><input type="hidden" name="csrf_token" value="5HPCNsGXT7rhAQ9HouV+qykybEbakG88jAu0RsfA" ><input type="hidden" name="hit_submit" value="members_login" ></form> <script>
$(document).ready(function(){
var form_members_login_result = null;
$('#form_members_login').submit(function(){
jQuery(this).find('input[type=submit]').attr('disabled', 'disabled');
jQuery(this).find('button[type=submit]').attr('disabled', 'disabled');
submit_members_login ();
return false;
});
function submit_members_login () {
form_members_login_values = jQuery("#form_members_login").serialize();
form_members_login_loading = "<div class=\"bs-callout bs-callout-info\" id=\"notif_members_login\"><h4>Chargement en cours . . .<\/h4>Merci de patienter<\/div>";
jQuery.ajax({
type: "POST",
url: "/Members/ajaxLogin/",
data: form_members_login_values,
dataType: "json",
timeout: 4000,
beforeSend: function (XMLHttpRequest){
jQuery('#notif_members_login').remove();
jQuery('#form_members_login').prepend(form_members_login_loading);
jQuery('#form_members_login').find('.form-group').find('.text-danger').remove();
jQuery('#form_members_login').find('.has-error').removeClass('has-error');
$("#modal-login #submit_members_login").loading();
},
success: function(data, textStatus){
jQuery('#notif_members_login').remove();
jQuery('#form_members_login').prepend(data.notification);
if(data.state==='success'){
if(parseInt(data.result_id)>0){
form_members_login_result=data.result_id;
}
jQuery('#div_form_info_members_login_text').html(data.message);
jQuery('#div_form_info_members_login').show();
window.location.reload();
}
else{
jQuery.each( data.errors, function(k, v){
jQuery('#fg_members_login_'+k).addClass('has-error');
jQuery('#notif_members_login_'+k).remove();
jQuery('#fg_members_login_'+k).append(v);
});
}
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
jQuery('#notif_members_login').remove();
jQuery('#div_form_error_members_login_text').html('An error occured ('+textStatus+')');
},
complete: function(XMLHttpRequest, textStatus){
jQuery('#form_members_login').find('input[type=submit]').removeAttr('disabled');
jQuery('#form_members_login').find('button[type=submit]').removeAttr('disabled');
$("#modal-login #submit_members_login").stopLoading();
}
});
return false;
}
});
</script>
<div class="others-links-container">
<a href="javascript:void(0);" data-bs-target="#modal-forgot-password" data-bs-toggle="modal" data-bs-dismiss="modal">Mot de passe oublié</a>
<br>
<a href="javascript:void(0);" data-bs-target="#modal-register" data-bs-toggle="modal" data-bs-dismiss="modal">Créer un compte</a>
</div>
</div>
</div>
</div>
</div> <div class="modal fade" id="modal-logout" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<button type="button" class="btn-close" data-bs-dismiss="modal"><i class="far fa-times"></i></button>
<div class="form-block text-center">
<h2>Se déconnecter</h2>
<h4>Etes vous sur de vouloir vous déconnecter ?</h4>
<br>
<a href="/Members/logout/" class="btn-main-short">Se déconnecter</a>
</div>
</div>
</div>
</div> <div class="modal fade modal-account" id="modal-forgot-password" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<button type="button" class="btn-close" data-bs-dismiss="modal"><i class="far fa-times"></i></button>
<div class="form-block">
<h2>J'ai oublié mon <span>mot de passe</span></h2>
<form role="form" class="form-horizontal" action="/Members/ajaxLostPasswordRequest/" method="GET" id="form_lost_password_request"><div class="form-group col-xs-12" id="fg_lost_password_request_email"> <input type='text' name='email' id='f_lost_password_request_email' value='' class="form-control input" required="required" placeholder="E-mail"> </div>
<div class="btn-group">
<button class="btn-main" data-bs-target="#modal-login" data-bs-toggle="modal" data-bs-dismiss="modal">Se connecter</button>
<button type="submit" class="btn-main btnsend" id="submit_lost_password_request" name="submit_lost_password_request">Réinitialiser</button>
</div><input type="hidden" name="csrf_token" value="5HPCNsGXT7rhAQ9HouV+qykybEbakG88jAu0RsfA" ><input type="hidden" name="hit_submit" value="lost_password_request" ></form> <script>
$(document).ready(function(){
var form_lost_password_request_result = null;
$('#form_lost_password_request').submit(function(){
jQuery(this).find('input[type=submit]').attr('disabled', 'disabled');
jQuery(this).find('button[type=submit]').attr('disabled', 'disabled');
submit_lost_password_request ();
return false;
});
function submit_lost_password_request () {
form_lost_password_request_values = jQuery("#form_lost_password_request").serialize();
form_lost_password_request_loading = "<div class=\"bs-callout bs-callout-info\" id=\"notif_lost_password_request\"><h4>Chargement en cours . . .<\/h4>Merci de patienter<\/div>";
jQuery.ajax({
type: "GET",
url: "/Members/ajaxLostPasswordRequest/",
data: form_lost_password_request_values,
dataType: "json",
timeout: 15000,
beforeSend: function (XMLHttpRequest){
jQuery('#notif_lost_password_request').remove();
jQuery('#form_lost_password_request').prepend(form_lost_password_request_loading);
jQuery('#form_lost_password_request').find('.form-group').find('.text-danger').remove();
jQuery('#form_lost_password_request').find('.has-error').removeClass('has-error');
$("#submit_lost_password_request").loading();
},
success: function(data, textStatus){
jQuery('#notif_lost_password_request').remove();
jQuery('#form_lost_password_request').prepend(data.notification);
if(data.state==='success'){
if(parseInt(data.result_id)>0){
form_lost_password_request_result=data.result_id;
}
jQuery('#div_form_info_lost_password_request_text').html(data.message);
jQuery('#div_form_info_lost_password_request').show();
// Hide current modal
$("#modal-forgot-password").modal("hide");
// Display result modal
$("#modal-reminded").modal("show");
}
else{
jQuery.each( data.errors, function(k, v){
jQuery('#fg_lost_password_request_'+k).addClass('has-error');
jQuery('#notif_lost_password_request_'+k).remove();
jQuery('#fg_lost_password_request_'+k).append(v);
});
}
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
jQuery('#notif_lost_password_request').remove();
jQuery('#div_form_error_lost_password_request_text').html('An error occured ('+textStatus+')');
},
complete: function(XMLHttpRequest, textStatus){
jQuery('#form_lost_password_request').find('input[type=submit]').removeAttr('disabled');
jQuery('#form_lost_password_request').find('button[type=submit]').removeAttr('disabled');
$("#submit_lost_password_request").stopLoading();
}
});
return false;
}
});
</script>
</div>
</div>
</div>
</div>
<div class="modal fade modal-basic modal-account" id="modal-reminded" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<button type="button" class="btn-close" data-bs-dismiss="modal"><i class="far fa-times"></i></button>
<div class="form-block">
<h2>Ton mot de passe vient d'être envoyé sur ta boîte email</h2>
<button type="button" class="btn-main-full" data-bs-dismiss="modal">Ok</button>
</div>
</div>
</div>
</div> <div class="modal fade rounded" id="error_modal" aria-hidden="true" aria-labelledby="addToCartSuccess" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-md">
<div class="modal-content">
<div class="form-block">
<h2 class="text-center">Oops, une erreur est survenue !</h2>
<div class="text-center">
<p class="error-message text-danger"></p>
<a class="btn btn-black btn-main" data-bs-dismiss="modal">Fermer</a>
</div>
</div>
</div>
</div>
</div> <div class="modal fade rounded" id="addtocart-success" aria-hidden="true" aria-labelledby="addToCartSuccess" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-md">
<div class="modal-content">
<div class="form-block">
<h4>Produit ajouté!</h4>
<div class="text-center">
<a class="btn btn-white" data-bs-dismiss="modal">Continuer mes achats</a>
<a class="btn btn-black" href="/Cart/">Panier</a>
</div>
</div>
</div>
</div>
</div>
<!-- JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
<!-- <script src="https://www.google.com/recaptcha/api.js?render=<?//=$this->Config->get('reCaptchaV3')['public_key']?>"></script> -->
<script src="https://static.muvit.earth/js/plugins.min.6f4cb21b.js"></script>
<script src="https://static.muvit.earth/js/website.min.2520f994.js"></script>
<script type="text/javascript">
$.ajaxSetup({
headers: {
'X-CSRF-Token': "5HPCNsGXT7rhAQ9HouV+qykybEbakG88jAu0RsfA"
}
});
// CookieBar to display message to user about cookies
$(document).ready(function(){
window.axeptioSettings = {
clientId: "60214e3d8cbb5e1a934d6fa8",
cookiesVersion: "muvit for change-base"
};
(function(d, s) {
var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
e.async = true; e.src = "//static.axept.io/sdk.js";
t.parentNode.insertBefore(e, t);
})(document, "script");
});
</script>
</body>
</html>