<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<link rel="icon" type="image/png" href="https://dsp5-mkt-f25a-15m-g2.fr/assets/images/logo_etikashion.png">
<link rel="stylesheet" href="https://dsp5-mkt-f25a-15m-g2.fr/assets/css/accessibility.css">
<title>Etikashion - Mode Éthique et Durable</title>
<meta name="description" content="Découvrez Etikashion, votre boutique de mode éthique. Vêtements durables, accessoires éco-responsables et style intemporel.">
<link rel="stylesheet" type="text/css" href="https://dsp5-mkt-f25a-15m-g2.fr/assets/css/normalize.css?v=1776281403">
<link rel="stylesheet" type="text/css" href="https://dsp5-mkt-f25a-15m-g2.fr/assets/icomoon/icomoon.css?v=1776281403">
<link rel="stylesheet" type="text/css" href="https://dsp5-mkt-f25a-15m-g2.fr/assets/css/vendor.css?v=1776281403">
<link rel="stylesheet" type="text/css" href="https://dsp5-mkt-f25a-15m-g2.fr/assets/css/style.css?v=1776281403">
<link rel="stylesheet" type="text/css" href="https://dsp5-mkt-f25a-15m-g2.fr/assets/css/custom.css?v=1776281403">
<link rel="stylesheet" type="text/css" href="https://dsp5-mkt-f25a-15m-g2.fr/assets/css/select2.min.css?v=1776281403">
<link rel="stylesheet" type="text/css" href="https://dsp5-mkt-f25a-15m-g2.fr/assets/css/flatpickr.min.css?v=1776281403">
<link rel="stylesheet" type="text/css" href="https://dsp5-mkt-f25a-15m-g2.fr/assets/css/jquery.dataTables.min.css?v=1776281403">
<link rel="stylesheet" type="text/css" href="https://dsp5-mkt-f25a-15m-g2.fr/assets/css/tagify.css?v=1776281403">
<!-- FilePond styles -->
<link rel="stylesheet" type="text/css" href="https://dsp5-mkt-f25a-15m-g2.fr/assets/css/filepond.min.css?v=1776281403">
<link rel="stylesheet" type="text/css"
href="https://dsp5-mkt-f25a-15m-g2.fr/assets/css/filepond-plugin-image-preview.min.css?v=1776281403">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com?v=1776281403">
<link rel="preconnect" href="https://fonts.gstatic.com?v=1776281403" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap&v=1776281403"
rel="stylesheet">
<!-- Scripts -->
<script src="https://dsp5-mkt-f25a-15m-g2.fr/assets/js/modernizr.js?v=1776281403"></script>
<!-- Plugin image preview -->
<script src="https://dsp5-mkt-f25a-15m-g2.fr/assets/js/filepond.min.js?v=1776281403"></script>
<script src="https://dsp5-mkt-f25a-15m-g2.fr/assets/js/filepond-plugin-file-validate-type.min.js?v=1776281403"></script>
<script src="https://dsp5-mkt-f25a-15m-g2.fr/assets/js/filepond-plugin-image-preview.min.js?v=1776281403"></script>
<script src="https://dsp5-mkt-f25a-15m-g2.fr/assets/js/filepond-plugin-file-validate-size.min.js?v=1776281403"></script>
<!-- JS -->
<script src="https://dsp5-mkt-f25a-15m-g2.fr/assets/js/jquery-1.11.0.min.js?v=1776281403"></script>
<!-- CookieScript -->
<script type="text/javascript" charset="UTF-8"
src="//cdn.cookie-script.com/s/8c2668b4de520223b9a70b5e55c01c15.js"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-PDVVKJ42WM"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
function initGA4() {
gtag('config', 'G-PDVVKJ42WM');
console.log("GA4 activé ✅");
}
function hasStatisticsConsent() {
try {
const cookie = document.cookie
.split('; ')
.find(row => row.startsWith('CookieScriptConsent='));
if (!cookie) return false;
const value = JSON.parse(decodeURIComponent(cookie.split('=')[1]));
// Le cookie utilise googleconsentmap, pas categories
return value.action === 'accept' &&
value.googleconsentmap &&
value.googleconsentmap.analytics_storage === 'performance';
} catch (e) {
console.warn("Erreur lecture cookie", e);
return false;
}
}
// Dès le chargement du script (avant même DOMContentLoaded)
if (hasStatisticsConsent()) {
initGA4();
}
// Si l'utilisateur accepte depuis la bannière
window.addEventListener("CookieScriptAccept", function() {
if (hasStatisticsConsent()) initGA4();
});
window.addEventListener("CookieScriptAcceptAll", initGA4);
</script>
</head>
<body>
<div class="structure-globale plein-ecran">
<main class="contenu-principal">
<div class="preloader-wrapper">
<div class="preloader"></div>
</div>
<div class="search-popup">
<div class="search-popup-container">
<form role="search" method="get" class="search-form" action="">
<input type="search" id="search-form" class="search-field" placeholder="Type and press enter" value=""
name="s" />
<button type="submit" class="search-submit">
<a href="#"><i class="icon icon-search"></i></a>
</button>
</form>
<h5 class="cat-list-title">Browse Categories</h5>
<ul class="cat-list">
<li class="cat-list-item">
<a href="https://dsp5-mkt-f25a-15m-g2.fr/boutique" title="Men Jackets">Men Jackets</a>
</li>
<li class="cat-list-item">
<a href="https://dsp5-mkt-f25a-15m-g2.fr/boutique" title="Fashion">Fashion</a>
</li>
<li class="cat-list-item">
<a href="https://dsp5-mkt-f25a-15m-g2.fr/boutique" title="Casual Wears">Casual Wears</a>
</li>
<li class="cat-list-item">
<a href="https://dsp5-mkt-f25a-15m-g2.fr/boutique" title="Women">Women</a>
</li>
<li class="cat-list-item">
<a href="https://dsp5-mkt-f25a-15m-g2.fr/boutique" title="Trending">Trending</a>
</li>
<li class="cat-list-item">
<a href="https://dsp5-mkt-f25a-15m-g2.fr/boutique" title="Hoodie">Hoodie</a>
</li>
<li class="cat-list-item">
<a href="https://dsp5-mkt-f25a-15m-g2.fr/boutique" title="Kids">Kids</a>
</li>
</ul>
</div>
</div>
<header id="header">
<div id="header-wrap">
<nav class="secondary-nav border-bottom">
<div class="container">
<div class="row d-flex align-items-center">
<div class="col-md-4 header-contact">
<p>PROJET ÉTUDIANT</p>
</div>
<div class="col-md-4 shipping-purchase text-center">
<p>Livraison gratuite pour tout achat d’un montant de 200 €</p>
</div>
<div class="col-md-4 col-sm-12 user-items">
<ul class="d-flex justify-content-end align-items-center list-unstyled m-0">
<li class="ms-3">
<a href="#" class="cart-icon-container" id="open-cart-drawer">
<i class="icon icon-shopping-cart"></i>
<span class="cart-badge hide" id="header-cart-count">
0 </span>
</a>
</li>
<!-- <li class="user-items search-item pe-3 ms-3">
<a href="#" class="search-button">
<i class="icon icon-search"></i>
</a>
</li> -->
<li>
<a href="https://dsp5-mkt-f25a-15m-g2.fr/auth">
<i class="icon icon-user"></i>
<span>Connexion</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<nav class="primary-nav padding-small">
<div class="container">
<div class="row d-flex align-items-center">
<div class="col-lg-2 col-md-2">
<div class="main-logo">
<a href="https://dsp5-mkt-f25a-15m-g2.fr/home">
<img src="https://dsp5-mkt-f25a-15m-g2.fr/assets/images/logo_etikashion.png" alt="logo" width="120">
</a>
</div>
</div>
<div class="col-lg-10 col-md-10">
<div class="navbar">
<div id="main-nav" class="stellarnav d-flex justify-content-end right">
<ul class="menu-list">
<li class="menu-item has-sub">
<a href="https://dsp5-mkt-f25a-15m-g2.fr/home"
class="item-anchor active d-flex align-item-center"
data-effect="Home">Acceuil</a>
</li>
<li>
<a class="item-anchor" data-effect="About"
href="https://dsp5-mkt-f25a-15m-g2.fr/apropos">Notre Histoire</a>
</li>
<li class="menu-item has-sub">
<a class="item-anchor d-flex align-item-center" data-effect="Shop"
href="https://dsp5-mkt-f25a-15m-g2.fr/boutique">Boutique</a>
</li>
<!-- <li>
<a class="item-anchor" data-effect="Contact"
href="https://dsp5-mkt-f25a-15m-g2.fr/faq">Faq</a>
</li> -->
<li class="menu-item has-sub">
<a class="item-anchor d-flex align-item-center" data-effect="Blog"
href="https://dsp5-mkt-f25a-15m-g2.fr/blog">Blog</a>
</li>
<li>
<a class="item-anchor" data-effect="Contact"
href="https://dsp5-mkt-f25a-15m-g2.fr/contact">Contact</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- Mini-Cart Drawer -->
<div class="mini-cart-overlay" id="mini-cart-overlay"></div>
<div id="mini-cart-drawer">
<div id="mini-cart-items-container">
<div class="mini-cart-header">
<h3>Mon Panier</h3>
<button class="close-drawer" id="close-cart-drawer">×</button>
</div>
<div class="mini-cart-count-secret hide" id="ajax-cart-count">0</div>
<div class="mini-cart-content" id="mini-cart-items-container">
<p class="text-center mt-5">Votre panier est vide.</p>
</div>
<div class="mini-cart-footer">
<a href="https://dsp5-mkt-f25a-15m-g2.fr/panier" class="btn btn-dark w-100 mb-2">Voir le panier</a>
<a href="https://dsp5-mkt-f25a-15m-g2.fr/boutique" class="btn btn-outline-dark w-100">Continuer mes achats</a>
</div> </div>
</div>
<!-- Floating Notification -->
<div id="cart-added-notification" class="cart-added-notification">
<div class="can-content">
<div class="can-icon" id="can-icon-wrapper">
<svg id="can-icon-success" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" style="display:none;">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
<svg id="can-icon-error" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" style="display:none;">
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
</svg>
<svg id="can-icon-warning" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" style="display:none;">
<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path>
<line x1="12" y1="9" x2="12" y2="13"></line>
<line x1="12" y1="17" x2="12.01" y2="17"></line>
</svg>
</div>
<div class="can-text">
<span class="can-title" id="can-title">Produit ajouté !</span>
<span class="can-subtitle" id="can-subtitle">Votre panier a été mis à jour.</span>
</div>
</div>
<div class="can-actions" id="can-actions">
<div class="can-btn" id="can-continue">Continuer</div>
<div class="can-btn" id="can-view-cart">Voir le panier</div>
</div>
<div class="can-progress" id="can-progress"></div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
const openBtn = document.getElementById('open-cart-drawer');
const drawer = document.getElementById('mini-cart-drawer');
const overlay = document.getElementById('mini-cart-overlay');
const notification = document.getElementById('cart-added-notification');
const progress = document.getElementById('can-progress');
let notificationTimeout;
function openDrawer() {
if (drawer) drawer.classList.add('active');
if (overlay) overlay.classList.add('active');
document.body.style.overflow = 'hidden';
hideNotification();
}
function closeDrawer() {
if (drawer) drawer.classList.remove('active');
if (overlay) overlay.classList.remove('active');
document.body.style.overflow = '';
}
/**
* Affiche la notification de panier/action
* @param {string} msg - Le message (ou titre)
* @param {string} type - 'success', 'error', 'warning'
* @param {string} subtitle - Sous-titre facultatif
*/
window.showCartNotification = function(msg, type = 'success', subtitle = '') {
clearTimeout(notificationTimeout);
if (!notification) return;
// Reset classes
notification.classList.remove('show', 'error', 'warning');
if (type !== 'success') notification.classList.add(type);
// Update Icons
document.getElementById('can-icon-success').style.display = (type === 'success') ? 'block' : 'none';
document.getElementById('can-icon-error').style.display = (type === 'error') ? 'block' : 'none';
document.getElementById('can-icon-warning').style.display = (type === 'warning') ? 'block' : 'none';
// Update Text
const titleEl = document.getElementById('can-title');
const subtitleEl = document.getElementById('can-subtitle');
if (type === 'success') {
titleEl.textContent = msg || "Produit ajouté !";
subtitleEl.textContent = subtitle || "Votre panier a été mis à jour.";
document.getElementById('can-actions').style.display = 'flex';
} else {
titleEl.textContent = (type === 'error' ? "Erreur" : "Attention");
subtitleEl.textContent = msg;
document.getElementById('can-actions').style.display = 'none';
}
notification.classList.add('show');
if (progress) {
progress.classList.remove('animate');
void progress.offsetWidth; // Trigger reflow
progress.classList.add('animate');
}
notificationTimeout = setTimeout(hideNotification, 4000);
};
function hideNotification() {
if (!notification) return;
notification.classList.remove('show');
setTimeout(() => {
if (progress) progress.classList.remove('animate');
}, 500);
}
if (openBtn) {
openBtn.addEventListener('click', function(e) {
e.preventDefault();
openDrawer();
});
}
// Notification actions
document.getElementById('can-continue')?.addEventListener('click', function() {
hideNotification();
});
document.getElementById('can-view-cart')?.addEventListener('click', function() {
window.location.href = 'https://dsp5-mkt-f25a-15m-g2.fr/panier';
});
// Use event delegation for closing (since buttons might be refreshed in AJAX)
document.addEventListener('click', function(e) {
if (e.target.id === 'close-cart-drawer' || e.target.id === 'mini-cart-overlay') {
closeDrawer();
}
});
// Global function to update cart count and refresh drawer (called by boutique.php)
window.updateCartUI = function(shouldOpenDrawer = false) {
fetch('https://dsp5-mkt-f25a-15m-g2.fr/panier/mini')
.then(resp => resp.text())
.then(html => {
const tempDiv = document.createElement('div');
tempDiv.innerHTML = html;
const countEl = tempDiv.querySelector('#ajax-cart-count');
const newCount = countEl ? countEl.textContent.trim() : '0';
const badge = document.getElementById('header-cart-count');
if (badge) {
badge.textContent = newCount;
if (parseInt(newCount) > 0) {
badge.classList.remove('hide');
badge.classList.add('bump');
setTimeout(() => badge.classList.remove('bump'), 300);
} else {
badge.classList.add('hide');
}
}
const container = document.getElementById('mini-cart-items-container');
if (container) {
container.innerHTML = html;
}
if (shouldOpenDrawer === true) {
openDrawer();
} else {
window.showCartNotification();
}
})
.catch(err => {
console.error('Erreur de mise à jour du panier:', err);
window.showCartNotification("Erreur de mise à jour", "error");
});
};
});
</script><section id="billboard" class="overflow-hidden">
<button class="button-prev">
<i class="icon icon-chevron-left"></i>
</button>
<button class="button-next">
<i class="icon icon-chevron-right"></i>
</button>
<div class="swiper main-swiper">
<div class="swiper-wrapper">
<div
class="swiper-slide"
style=" background-image: url('https://dsp5-mkt-f25a-15m-g2.fr/assets/images/banner2.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; ">
<div class="banner-content">
<div class="container">
<div class="row">
<div class="col-md-6">
<h1 class="banner-title">Collection Été</h1>
<p>
Découvrez nos nouveautés pour la saison estivale. Des vêtements légers, stylés et confortables pour toutes vos occasions.
</p>
<div class="btn-wrap">
<a
href="https://dsp5-mkt-f25a-15m-g2.fr/boutique"
class="btn btn-light btn-medium d-flex align-items-center"
tabindex="0">Acheter maintenant <i class="icon icon-arrow-io"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="swiper-slide"
style=" background-image: url('https://dsp5-mkt-f25a-15m-g2.fr/assets/images/banner1.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; ">
<div class="banner-content">
<div class="container">
<div class="row">
<div class="col-md-6">
<h2 class="banner-title">Collection Décontractée</h2>
<p>
Le confort avant tout sans compromettre le style. Parcourez notre sélection casual pour un look quotidien parfait.
</p>
<div class="btn-wrap">
<a
href="https://dsp5-mkt-f25a-15m-g2.fr/boutique"
class="btn btn-light btn-light-arrow btn-medium d-flex align-items-center"
tabindex="0">Acheter maintenant <i class="icon icon-arrow-io"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="featured-products" class="product-store padding-large">
<div class="container">
<div
class="section-header d-flex flex-wrap align-items-center justify-content-between">
<h2 class="section-title">Produits en vedette</h2>
<div class="btn-wrap">
<a href="https://dsp5-mkt-f25a-15m-g2.fr/boutique" class="d-flex align-items-center">Voir tous les produits <i class="icon icon-arrow-io"></i></a>
</div>
</div>
<div class="swiper product-swiper overflow-hidden">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="product-item">
<div class="image-holder">
<img
src="https://dsp5-mkt-f25a-15m-g2.fr/uploads/produits/prod_seed_69a1ddef2b794.jpg"
alt="Manteau Oversize"
class="product-image" />
</div>
<div class="cart-concern">
<div
class="cart-button d-flex justify-content-between align-items-center">
<button
type="button"
class="btn-wrap cart-link d-flex align-items-center"
data-id="81">
ajout panier <i class="icon icon-arrow-io"></i>
</button>
<button type="button" class="view-btn tooltip d-flex" data-id="81">
<i class="icon icon-screen-full"></i>
<span class="tooltip-text">Détail</span>
</button>
<button type="button" class="wishlist-btn" data-id="81">
<i class="icon icon-heart"></i>
</button>
</div>
</div>
<div class="product-detail">
<h3 class="product-title">
<a href="https://dsp5-mkt-f25a-15m-g2.fr/detail/produit?id=81">Manteau Oversize</a>
</h3>
<span class="item-price text-primary">
110.84 €
</span>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="product-item">
<div class="image-holder">
<img
src="https://dsp5-mkt-f25a-15m-g2.fr/uploads/produits/prod_seed_69a1de00af7bd.jpg"
alt="Jupe Casual"
class="product-image" />
</div>
<div class="cart-concern">
<div
class="cart-button d-flex justify-content-between align-items-center">
<button
type="button"
class="btn-wrap cart-link d-flex align-items-center"
data-id="89">
ajout panier <i class="icon icon-arrow-io"></i>
</button>
<button type="button" class="view-btn tooltip d-flex" data-id="89">
<i class="icon icon-screen-full"></i>
<span class="tooltip-text">Détail</span>
</button>
<button type="button" class="wishlist-btn" data-id="89">
<i class="icon icon-heart"></i>
</button>
</div>
</div>
<div class="product-detail">
<h3 class="product-title">
<a href="https://dsp5-mkt-f25a-15m-g2.fr/detail/produit?id=89">Jupe Casual</a>
</h3>
<span class="item-price text-primary">
40.32 €
</span>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="product-item">
<div class="image-holder">
<img
src="https://dsp5-mkt-f25a-15m-g2.fr/uploads/produits/prod_seed_69a1ddcb4d5cc.jpg"
alt="Pantalon Tendance"
class="product-image" />
</div>
<div class="cart-concern">
<div
class="cart-button d-flex justify-content-between align-items-center">
<button
type="button"
class="btn-wrap cart-link d-flex align-items-center"
data-id="61">
ajout panier <i class="icon icon-arrow-io"></i>
</button>
<button type="button" class="view-btn tooltip d-flex" data-id="61">
<i class="icon icon-screen-full"></i>
<span class="tooltip-text">Détail</span>
</button>
<button type="button" class="wishlist-btn" data-id="61">
<i class="icon icon-heart"></i>
</button>
</div>
</div>
<div class="product-detail">
<h3 class="product-title">
<a href="https://dsp5-mkt-f25a-15m-g2.fr/detail/produit?id=61">Pantalon Tendance</a>
</h3>
<span class="item-price text-primary">
76.85 €
</span>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="product-item">
<div class="image-holder">
<img
src="https://dsp5-mkt-f25a-15m-g2.fr/uploads/produits/prod_seed_69a1dbeeb5e75.jpg"
alt="Hoodie Décontracté"
class="product-image" />
</div>
<div class="cart-concern">
<div
class="cart-button d-flex justify-content-between align-items-center">
<button
type="button"
class="btn-wrap cart-link d-flex align-items-center"
data-id="8">
ajout panier <i class="icon icon-arrow-io"></i>
</button>
<button type="button" class="view-btn tooltip d-flex" data-id="8">
<i class="icon icon-screen-full"></i>
<span class="tooltip-text">Détail</span>
</button>
<button type="button" class="wishlist-btn" data-id="8">
<i class="icon icon-heart"></i>
</button>
</div>
</div>
<div class="product-detail">
<h3 class="product-title">
<a href="https://dsp5-mkt-f25a-15m-g2.fr/detail/produit?id=8">Hoodie Décontracté</a>
</h3>
<span class="item-price text-primary">
76.59 €
</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</section>
<section id="latest-collection">
<div class="container">
<div class="product-collection row">
<div class="col-lg-7 col-md-12 left-content">
<div class="collection-item">
<div class="products-thumb">
<img
src="https://dsp5-mkt-f25a-15m-g2.fr/assets/images/collection-item1.jpg"
alt="collection item"
class="large-image image-rounded" />
</div>
<div class="col-lg-6 col-md-6 col-sm-6 product-entry">
<div class="categories">Collection Décontractée</div>
<h3 class="item-title">Street wear urbain.</h3>
<p>
Découvrez notre sélection exclusive de vêtements urbains pour un style moderne et affirmé.
</p>
<div class="btn-wrap">
<a href="https://dsp5-mkt-f25a-15m-g2.fr/boutique" class="d-flex align-items-center">Découvrir la collection <i class="icon icon-arrow-io"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-5 col-md-12 right-content flex-wrap">
<div class="collection-item top-item">
<div class="products-thumb">
<img
src="https://dsp5-mkt-f25a-15m-g2.fr/assets/images/collection-item2.jpg"
alt="collection item"
class="small-image image-rounded" />
</div>
<div class="col-md-6 product-entry">
<div class="categories">Collection Essentielle</div>
<h3 class="item-title">Chaussures basiques.</h3>
<div class="btn-wrap">
<a href="https://dsp5-mkt-f25a-15m-g2.fr/boutique" class="d-flex align-items-center">Découvrir <i class="icon icon-arrow-io"></i>
</a>
</div>
</div>
</div>
<div class="collection-item bottom-item">
<div class="products-thumb">
<img
src="https://dsp5-mkt-f25a-15m-g2.fr/assets/images/collection-item3.jpg"
alt="collection item"
class="small-image image-rounded" />
</div>
<div class="col-md-6 product-entry">
<div class="categories">Meilleures Ventes</div>
<h3 class="item-title">Bonnets en laine.</h3>
<div class="btn-wrap">
<a href="https://dsp5-mkt-f25a-15m-g2.fr/boutique" class="d-flex align-items-center">Découvrir <i class="icon icon-arrow-io"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="subscribe" class="padding-large">
<div class="container">
<div class="row">
<div class="block-text col-md-6">
<div class="section-header">
<h2 class="section-title">Profitez de -25% de Réduction</h2>
</div>
<p>
Inscrivez-vous à notre newsletter pour recevoir des offres exclusives, des conseils style et un coupon de réduction sur votre première commande.
</p>
</div>
<div class="subscribe-content col-md-6">
<form id="form" class="d-flex justify-content-between">
<input
type="text"
name="email"
placeholder="Entrez votre adresse email ici" />
<button class="btn btn-dark">S'abonner maintenant</button>
</form>
</div>
</div>
</div>
</section>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section>
<section class="shoppify-section-banner">
<div class="container">
<div class="product-collection">
<div class="left-content collection-item">
<div class="products-thumb">
<img
src="https://dsp5-mkt-f25a-15m-g2.fr/assets/images/model.jpg"
alt="Collection Etikashion"
class="large-image image-rounded" />
</div>
<div class="col-lg-6 col-md-6 col-sm-6 product-entry">
<div class="categories">Collection Denim</div>
<h3 class="item-title">La sélection casual incontournable</h3>
<p>
Découvrez notre collection denim pensée pour allier confort et élégance.
Des pièces modernes, faciles à porter au quotidien, parfaites pour
affirmer votre style avec simplicité et caractère.
</p>
<div class="btn-wrap">
<a href="shop.html" class="d-flex align-items-center">
Découvrir la collection <i class="icon icon-arrow-io"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="quotation" class="align-center padding-large">
<div class="inner-content">
<h2 class="section-title divider">Inspiration du jour</h2>
<blockquote>
<q>
Le style ne consiste pas seulement à s’habiller, mais à exprimer
qui vous êtes à travers chaque détail.
</q>
<div class="author-name">- Équipe Etikashion</div>
</blockquote>
</div>
</section>
<hr />
<section id="brand-collection" class="padding-medium bg-light-grey">
<div class="container">
<div class="d-flex flex-wrap justify-content-between">
<img src="https://dsp5-mkt-f25a-15m-g2.fr/assets/images/brand1.png" alt="phone" class="brand-image" />
<img src="https://dsp5-mkt-f25a-15m-g2.fr/assets/images/brand2.png" alt="phone" class="brand-image" />
<img src="https://dsp5-mkt-f25a-15m-g2.fr/assets/images/brand3.png" alt="phone" class="brand-image" />
<img src="https://dsp5-mkt-f25a-15m-g2.fr/assets/images/brand4.png" alt="phone" class="brand-image" />
<img src="https://dsp5-mkt-f25a-15m-g2.fr/assets/images/brand5.png" alt="phone" class="brand-image" />
</div>
</div>
</section>
<section id="instagram" class="padding-large">
<div class="container">
<div class="section-header">
<h2 class="section-title">Suivez-nous sur Instagram</h2>
</div>
<p>
Notre compte Instagram officiel <a href="https://www.instagram.com/etikashiondsp35?igsh=MTllMHkxY3d2dndvZg%3D%3D&utm_source=qr">@etikashion</a> ou
<a href="https://www.instagram.com/etikashiondsp35?igsh=MTllMHkxY3d2dndvZg%3D%3D&utm_source=qr">#etikashiondsp35</a>
</p>
<div class="row d-flex flex-wrap justify-content-between">
<div class="col-lg-2 col-md-4 col-sm-6">
<figure class="zoom-effect">
<img src="https://dsp5-mkt-f25a-15m-g2.fr/assets/images/insta-image1.jpg" alt="instagram" class="insta-image" />
<i class="icon icon-instagram"></i>
</figure>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<figure class="zoom-effect">
<img src="https://dsp5-mkt-f25a-15m-g2.fr/assets/images/insta-image2.jpg" alt="instagram" class="insta-image" />
<i class="icon icon-instagram"></i>
</figure>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<figure class="zoom-effect">
<img src="https://dsp5-mkt-f25a-15m-g2.fr/assets/images/insta-image3.jpg" alt="instagram" class="insta-image" />
<i class="icon icon-instagram"></i>
</figure>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<figure class="zoom-effect">
<img src="https://dsp5-mkt-f25a-15m-g2.fr/assets/images/insta-image4.jpg" alt="instagram" class="insta-image" />
<i class="icon icon-instagram"></i>
</figure>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<figure class="zoom-effect">
<img src="https://dsp5-mkt-f25a-15m-g2.fr/assets/images/insta-image5.jpg" alt="instagram" class="insta-image" />
<i class="icon icon-instagram"></i>
</figure>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<figure class="zoom-effect">
<img src="https://dsp5-mkt-f25a-15m-g2.fr/assets/images/insta-image6.jpg" alt="instagram" class="insta-image" />
<i class="icon icon-instagram"></i>
</figure>
</div>
</div>
</div>
</section>
<section id="nous-recrutons" class="padding-large">
<div class="container">
<div class="section-header d-flex flex-wrap align-items-center justify-content-between">
<h2 class="section-title">Nous recrutons chez etikashion</h2>
</div>
<div class="recrutement-static-container">
<div class="recrutement-grid">
<div class="recrutement-card">
<div class="recrutement-card-body">
<span class="badge-contrat">Alternance</span>
<h3 class="recrutement-title">Développeur Web E-commerce</h3>
<div class="recrutement-info">
<span><i class="icon icon-map-pin"></i> Lyon</span>
<span><i class="icon icon-calendar"></i> Dès le 01/04/2026</span>
</div>
<a href="https://dsp5-mkt-f25a-15m-g2.fr/offre/detail?id=4" class="recrutement-link">
Postuler <i class="icon icon-arrow-io"></i>
</a>
</div>
</div>
<div class="recrutement-card">
<div class="recrutement-card-body">
<span class="badge-contrat">CDI</span>
<h3 class="recrutement-title">Chargé(e) du Service Client</h3>
<div class="recrutement-info">
<span><i class="icon icon-map-pin"></i> Paris</span>
<span><i class="icon icon-calendar"></i> Dès le 01/06/2026</span>
</div>
<a href="https://dsp5-mkt-f25a-15m-g2.fr/offre/detail?id=3" class="recrutement-link">
Postuler <i class="icon icon-arrow-io"></i>
</a>
</div>
</div>
<div class="recrutement-card">
<div class="recrutement-card-body">
<span class="badge-contrat">Stage</span>
<h3 class="recrutement-title">Gestionnaire de Produits E-commerce</h3>
<div class="recrutement-info">
<span><i class="icon icon-map-pin"></i> Paris</span>
<span><i class="icon icon-calendar"></i> Dès le 01/05/2026</span>
</div>
<a href="https://dsp5-mkt-f25a-15m-g2.fr/offre/detail?id=2" class="recrutement-link">
Postuler <i class="icon icon-arrow-io"></i>
</a>
</div>
</div>
<div class="recrutement-card">
<div class="recrutement-card-body">
<span class="badge-contrat">CDI</span>
<h3 class="recrutement-title">Responsable Marketing Digital</h3>
<div class="recrutement-info">
<span><i class="icon icon-map-pin"></i> Paris</span>
<span><i class="icon icon-calendar"></i> Dès le 01/05/2026</span>
</div>
<a href="https://dsp5-mkt-f25a-15m-g2.fr/offre/detail?id=1" class="recrutement-link">
Postuler <i class="icon icon-arrow-io"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<script>
document.addEventListener('click', function(e) {
// --- AJOUT AU PANIER ---
const cartBtn = e.target.closest('.cart-link');
if (cartBtn) {
e.preventDefault();
e.stopPropagation();
const id = cartBtn.dataset.id;
const url = `https://dsp5-mkt-f25a-15m-g2.fr/boutique/panier/ajouter?id=${id}`;
fetch(url)
.then(resp => resp.text())
.then(resp => {
if (resp.includes('ok')) {
if (window.updateCartUI) window.updateCartUI();
} else {
// Crée un conteneur temporaire pour parser le HTML
const tempDiv = document.createElement('div');
tempDiv.innerHTML = resp;
// Cherche le <main> contenant le message
const main = tempDiv.querySelector('main');
let message = 'Une erreur est survenue.';
if (main) {
// Récupère le texte du <main> et supprime 'ko:' si présent
message = main.textContent.trim().replace(/^ko:/, '');
}
if (window.showCartNotification) {
window.showCartNotification(message, 'error');
} else if (typeof showToast === 'function') {
showToast(message, false);
}
}
})
return;
}
// --- AFFICHAGE DETAIL PRODUIT ---
const viewBtn = e.target.closest('.view-btn');
if (viewBtn) {
e.preventDefault();
e.stopPropagation();
const id = viewBtn.dataset.id;
window.location.href = `https://dsp5-mkt-f25a-15m-g2.fr/detail/produit?id=${id}`;
return;
}
// --- AJOUT À LA LISTE DES SOUHAITS ---
const wishBtn = e.target.closest('.wishlist-btn');
if (!wishBtn) return;
e.preventDefault();
e.stopPropagation();
const id = wishBtn.dataset.id;
const isActive = wishBtn.classList.contains('active');
const url = isActive ?
`https://dsp5-mkt-f25a-15m-g2.fr/boutique/souhait/supprimer?id=${id}` :
`https://dsp5-mkt-f25a-15m-g2.fr/boutique/souhait/ajouter?id=${id}`;
fetch(url)
.then(resp => resp.text())
.then(resp => {
if (resp.includes('ok')) {
// Toggle la classe
wishBtn.classList.toggle('active');
// Changer dynamiquement l'icône
if (wishBtn.classList.contains('active')) {
wishBtn.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#e63946">
<path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42
4.42 3 7.5 3c1.74 0 3.41 0.81 4.5 2.09C13.09 3.81
14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4
6.86-8.55 11.54L12 21.35z"/>
</svg>`;
if (typeof showToast === 'function') showToast('Produit ajouté aux favoris.', true);
} else {
wishBtn.innerHTML = `<i class="icon icon-heart"></i>`;
if (typeof showToast === 'function') showToast('Produit retiré des favoris.', true);
}
} else if (resp.includes('AUTH_REQUIRED')) {
window.location.href = "https://dsp5-mkt-f25a-15m-g2.fr/auth";
} else {
if (typeof showToast === 'function') showToast('Une erreur est survenue.', false);
}
});
});
</script><section id="shipping-information">
<hr>
<div class="container" bis_skin_checked="1">
<div class="row d-flex flex-wrap align-items-center justify-content-between" bis_skin_checked="1">
<div class="col-md-3 col-sm-6" bis_skin_checked="1">
<div class="icon-box" bis_skin_checked="1">
<i class="icon icon-truck"></i>
<h4 class="block-title">
<strong>Gratuite</strong> au-delà de 200 $
</h4>
</div>
</div>
<div class="col-md-3 col-sm-6" bis_skin_checked="1">
<div class="icon-box" bis_skin_checked="1">
<i class="icon icon-return"></i>
<h4 class="block-title">
<strong>Remboursement</strong> sous 7 jours
</h4>
</div>
</div>
<div class="col-md-3 col-sm-6" bis_skin_checked="1">
<div class="icon-box" bis_skin_checked="1">
<i class="icon icon-tags1"></i>
<h4 class="block-title">
<strong>Achetez-en 4, le 5ᵉ à</strong> -50 %
</h4>
</div>
</div>
<div class="col-md-3 col-sm-6" bis_skin_checked="1">
<div class="icon-box" bis_skin_checked="1">
<i class="icon icon-help_outline"></i>
<h4 class="block-title">
<strong>Une question ?</strong> nos experts
</h4>
</div>
</div>
</div>
</div>
<hr>
</section>
<footer id="footer">
<div class="container">
<div class="footer-menu-list">
<div class="row d-flex flex-wrap justify-content-between">
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer-menu">
<h5 class="widget-title">Etikashion</h5>
<ul class="menu-list list-unstyled">
<li class="menu-item"><a href="https://dsp5-mkt-f25a-15m-g2.fr/apropos">À propos de nous</a></li>
<li class="menu-item"><a href="https://dsp5-mkt-f25a-15m-g2.fr/faq#conditions">Conditions</a></li>
<li class="menu-item"><a href="https://dsp5-mkt-f25a-15m-g2.fr/blog">Nos Journaux</a></li>
<li class="menu-item"><a href="https://dsp5-mkt-f25a-15m-g2.fr/carrieres">Carrières</a></li>
<li class="menu-item"><a href="https://dsp5-mkt-f25a-15m-g2.fr/faq#affiliation">Programme d’affiliation</a></li>
<li class="menu-item"><a href="https://dsp5-mkt-f25a-15m-g2.fr/faq">Presse Etikashion</a></li>
<li class="menu-item"><a href="https://dsp5-mkt-f25a-15m-g2.fr/localisation">Nos Boutiques</a></li>
<li class="menu-item"><a href="https://dsp5-mkt-f25a-15m-g2.fr/franchise">Franchise</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer-menu">
<h5 class="widget-title">Service Client</h5>
<ul class="menu-list list-unstyled">
<li class="menu-item"><a href="https://dsp5-mkt-f25a-15m-g2.fr/faq">FAQ</a></li>
<li class="menu-item"><a href="https://dsp5-mkt-f25a-15m-g2.fr/contact">Contact</a></li>
<li class="menu-item"><a href="https://dsp5-mkt-f25a-15m-g2.fr/faq#confidentialite">Politique de confidentialité</a></li>
<li class="menu-item"><a href="https://dsp5-mkt-f25a-15m-g2.fr/faq#livraison">Retours & Remboursements</a></li>
<li class="menu-item"><a href="https://dsp5-mkt-f25a-15m-g2.fr/faq">Règles sur les cookies</a></li>
<li class="menu-item"><a href="https://dsp5-mkt-f25a-15m-g2.fr/faq#livraison">Informations sur la livraison</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer-menu">
<h5 class="widget-title">Nous Contacter</h5>
<p>
Vous avez des questions ou des suggestions ?
<a href="mailto:etikashion44@gmail.com" class="email">etikashion44@gmail.com</a>
</p>
<p>
Besoin d’assistance ? Appelez-nous. <br />
<strong>+57 444 11 00 35</strong>
</p>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer-menu">
<h5 class="widget-title">A jamais 2021</h5>
<p>
Etikashion est votre destination mode incontournable, alliant style unique et qualité exceptionnelle.
</p>
<div class="social-links">
<ul class="d-flex list-unstyled">
<li><a href="#"><i class="icon icon-facebook"></i></a></li>
<li><a href="#"><i class="icon icon-twitter"></i></a></li>
<li><a href="#"><i class="icon icon-youtube-play"></i></a></li>
<li><a href="#"><i class="icon icon-behance-square"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<hr />
</footer>
<div id="footer-bottom">
<div class="container">
<div class="d-flex align-items-center flex-wrap justify-content-between">
<div class="copyright">
<p>
© 2026 Etikashion. Tous droits réservés -
<a href="https://dsp5-mkt-f25a-15m-g2.fr/faq#mentions-legales">Mentions légales</a> |
<a href="https://dsp5-mkt-f25a-15m-g2.fr/cgu">CGU</a> |
<a href="https://dsp5-mkt-f25a-15m-g2.fr/cgv">CGV</a>
</p>
<p>
</p>
</div>
<div class="payment-method">
<p>Options de paiement : </p>
<div class="card-wrap">
<img src="https://dsp5-mkt-f25a-15m-g2.fr/assets/images/visa-icon.jpg" alt="visa" />
<img src="https://dsp5-mkt-f25a-15m-g2.fr/assets/images/mastercard.png" alt="mastercard" />
<img src="https://dsp5-mkt-f25a-15m-g2.fr/assets/images/american-express.jpg" alt="american-express" />
</div>
</div>
</div>
</div>
</div>
</main>
</div>
<!-- JS -->
<script src="https://dsp5-mkt-f25a-15m-g2.fr/assets/js/plugins.js?v=1776281403"></script>
<script src="https://dsp5-mkt-f25a-15m-g2.fr/assets/js/script.js?v=1776281403"></script>
<script src="https://dsp5-mkt-f25a-15m-g2.fr/assets/js/select2.min.js?v=1776281403"></script>
<script src="https://dsp5-mkt-f25a-15m-g2.fr/assets/js/jquery.dataTables.min.js?v=1776281403"></script>
<script src="https://dsp5-mkt-f25a-15m-g2.fr/assets/js/flatpickr.js?v=1776281403"></script>
<script src="https://dsp5-mkt-f25a-15m-g2.fr/assets/js/tagify.js?v=1776281403"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
// Initialisation des tableaux via le script DataTables
jQuery('#TxTable').DataTable({
pageLength: 10,
lengthChange: false,
searching: true,
ordering: true,
responsive: true
});
// Initialisation des menus déroulants via le script DataTables
jQuery('.datatable').select2({
placeholder: "-- Choisir --",
allowClear: false,
// minimumResultsForSearch: Infinity,
width: '260px'
});
// Initialisation des sélecteurs de dates le script flatpickr
flatpickr('input[name="startDateTime"], input[name="endDateTime"], input[name="Promotion[dateDebut]"], input[name="Promotion[dateFin]"], input[name="Commande[dateDebut]"], input[name="Commande[dateFin]"], input[name="Offre[dateDebut]"]', {
enableTime: true,
dateFormat: "Y-m-d H:i:S",
time_24hr: true
});
// Initialisation du module d’upload d’images produit via FilePond
FilePond.registerPlugin(
FilePondPluginFileValidateType,
FilePondPluginFileValidateSize,
FilePondPluginImagePreview
);
FilePond.parse(document.body);
});
</script>
<!-- Toast global -->
<script>
/**
* Affiche un toast en bas à droite
* @param {string} msg - Message à afficher
* @param {boolean} isSuccess - true = succès (vert), false = erreur (rouge)
*/
function showToast(msg, isSuccess = true) {
const toast = document.createElement('div');
toast.textContent = msg;
// Couleur : vert doux pour succès, orange pour erreurs
const bgColor = isSuccess ? '#4caf80' : '#ff9800';
toast.style.cssText = `
position: fixed;
bottom: 30px;
right: 30px;
max-width: 300px;
padding: 12px 18px;
color: #fff;
border-radius: 3px;
z-index: 9999;
background-color: ${bgColor};
font-weight: 500;
font-size: 16px;
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
opacity: 0;
transform: translateY(20px);
transition: all 0.3s ease;
`;
document.body.appendChild(toast);
// Apparition
requestAnimationFrame(() => {
toast.style.opacity = 1;
toast.style.transform = 'translateY(0)';
});
// Disparition après 2.5s
setTimeout(() => {
toast.style.opacity = 0;
toast.style.transform = 'translateY(20px)';
toast.addEventListener('transitionend', () => toast.remove());
}, 2500);
}
</script>
</body>
</html>
