<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta name="base-url" content="https://www.hyper.africa">
<meta property="og:site_name" content="Hyper Africa" />
<meta name="google-site-verification" content="">
<meta name="msvalidate.01" content="">
<meta name="baidu-site-verification" content="">
<meta name="yandex-verification" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="robots" content="index, follow">
<meta name="_token" content="YaKuTfEUxzYlmTqKW5BFOArBn1xBDJh1BJR5OopU">
<link rel="shortcut icon" href="https://www.hyper.africa/storage/app/public/company/2023-05-16-6463e0b0be28f.png"/>
<link rel="stylesheet" href="https://www.hyper.africa/resources/themes/theme_aster/public/assets/css/fonts-init.css"/>
<link rel="stylesheet" href="https://www.hyper.africa/resources/themes/theme_aster/public/assets/css/bootstrap.min.css"/>
<link rel="stylesheet" href="https://www.hyper.africa/resources/themes/theme_aster/public/assets/css/bootstrap-icons.min.css"/>
<link rel="stylesheet" href="https://www.hyper.africa/resources/themes/theme_aster/public/assets/plugins/magnific-popup-1.1.0/magnific-popup.css" />
<link rel="stylesheet" href="https://www.hyper.africa/resources/themes/theme_aster/public/assets/plugins/swiper/swiper-bundle.min.css"/>
<link rel="stylesheet" href="https://www.hyper.africa/resources/themes/theme_aster/public/assets/plugins/sweet_alert/sweetalert2.css">
<link rel="stylesheet" href="https://www.hyper.africa/resources/themes/theme_aster/public/assets/css/toastr.css"/>
<link rel="stylesheet" href="https://www.hyper.africa/resources/themes/theme_aster/public/assets/plugins/select2/css/select2.min.css">
<link rel="stylesheet" href="https://www.hyper.africa/resources/themes/theme_aster/public/assets/plugins/intl-tel-input/css/intlTelInput.css">
<link rel="stylesheet" href="https://www.hyper.africa/resources/themes/theme_aster/public/assets/css/style.css"/>
<meta property="og:image" content="https://www.hyper.africa/storage/app/public/company/2024-06-09-6665cd67aebb9.png"/>
<meta property="og:title" content="Welcome To Hyper Africa Home"/>
<meta property="og:url" content="https://hyper.africa">
<meta property="og:description" content="Hyper.africca et la nouvelle Marketplace Africaine pour l&#39;europe et le monde.
Hyper est propos&eacute; par la SASU SETLO 24, Immatricul&eacute;e au Regis">
<meta name="description" content="Hyper.africca et la nouvelle Marketplace Africaine pour l&#39;europe et le monde.
Hyper est propos&eacute; par la SASU SETLO 24, Immatricul&eacute;e au Regis">
<meta property="twitter:card" content="https://www.hyper.africa/storage/app/public/company/2024-06-09-6665cd67aebb9.png"/>
<meta property="twitter:title" content="Welcome To Hyper Africa Home"/>
<meta property="twitter:url" content="https://hyper.africa">
<meta property="twitter:description" content="Hyper.africca et la nouvelle Marketplace Africaine pour l&#39;europe et le monde.
Hyper est propos&eacute; par la SASU SETLO 24, Immatricul&eacute;e au Regis">
<link rel="stylesheet" href="https://unpkg.com/balloon-css/balloon.min.css"><style type="text/css">.product-country{max-width:35px;max-height:35px;}.product-country img{min-inline-size: unset;}
[aria-label][data-balloon-pos]:after{text-wrap:auto; min-width: 160px; max-width: 250px; width:auto;}
</style> <meta name="title" content="Hyper Africa "/>
<meta property="og:title" content="Hyper Africa "/>
<meta name="twitter:title" content="Hyper Africa"/>
<meta name="description" content="Hyper.africca et la nouvelle Marketplace Africaine pour l&#39;europe et le monde.
Hyper est propos&eacute; par la SASU SETLO 24, Immatricul&eacute;e au Regis">
<meta property="og:description" content="Hyper.africca et la nouvelle Marketplace Africaine pour l&#39;europe et le monde.
Hyper est propos&eacute; par la SASU SETLO 24, Immatricul&eacute;e au Regis">
<meta name="twitter:description" content="Hyper.africca et la nouvelle Marketplace Africaine pour l&#39;europe et le monde.
Hyper est propos&eacute; par la SASU SETLO 24, Immatricul&eacute;e au Regis">
<meta property="og:url" content="https://hyper.africa">
<meta name="twitter:url" content="https://hyper.africa">
<meta property="og:image" content="https://www.hyper.africa/storage/app/public/company/2024-06-09-6665cd67aebb9.png"/>
<meta name="twitter:image" content="https://www.hyper.africa/storage/app/public/company/2024-06-09-6665cd67aebb9.png"/>
<meta name="twitter:card" content="https://www.hyper.africa/storage/app/public/company/2024-06-09-6665cd67aebb9.png"/>
<title>Hyper Africa Achats en ligne | Hyper Africa Ecommerce</title>
<link rel="stylesheet" href="https://www.hyper.africa/resources/themes/theme_aster/public/assets/css/custom.css"/>
<style>
:root {
--bs-primary: #203d5b;
--bs-primary-rgb: 32, 61, 91;
--primary-dark: #203d5b;
--primary-light: #009be0;
--bs-secondary: #fcd766;
--bs-secondary-rgb: 252, 215, 102;
}
.announcement-color {
background-color: #001342;
color: #ffffff;
}
.btn-outline-success {
--bs-btn-hover-bg: #203d5b !important;
--bs-btn-active-bg: #203d5b !important;
--bs-btn-border-color: #203d5b !important;
}
.btn-outline-success:active {
background-color: var(--bg-color) !important;
color: #203d5b !important;
--bs-btn-border-color: #203d5b !important;
}
</style>
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-MLPDT8Z');</script>
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MLPDT8Z"
height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager -->
<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=10312490030"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', '10312490030');
</script>
<!-- End Google Analytics -->
</head>
<body class="toolbar-enabled">
<script>
'use strict';
function setThemeMode() {
if (localStorage.getItem('theme') === null) {
document.body.setAttribute('theme', 'light');
} else {
document.body.setAttribute('theme', localStorage.getItem('theme'));
}
}
setThemeMode();
</script>
<div class="preloader d--none" id="loading">
<img width="200" alt="" src="https://www.hyper.africa/storage/app/public/company/2023-07-02-64a1b7677aac6.png">
</div>
<audio id="myAudio">
<source src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/sound/notification.mp3" type="audio/mpeg">
</audio>
<div class="alert--container active">
<div class="alert alert--message-2 alert-dismissible fade show product-restock-stock-alert">
<div class="d-flex min-w-60px">
<img width="50" class="align-self-start aspect-1 border rounded image object-cover"
src="" alt=""
>
</div>
<div class="w-100 text-start overflow-hidden">
<h6 class="title text-truncate mb-1"></h6>
<span class="message"></span>
<div class="d-flex justify-content-between gap-3 mt-2">
<a href="javascript:" class="text-decoration-underline text-capitalize get-view-by-onclick product-link"
data-link="">
Click to view
</a>
</div>
</div>
<button type="button" class="close position-relative font-semi-bold p-0 product-restock-stock-close btn fw-bold">
<span aria-hidden="true">×</span>
</button>
</div>
</div>
<div class="offer-bar py-2 py-sm-3 announcement-color d--none">
<div class="d-flex gap-2 align-items-center">
<div class="offer-bar-close">
<i class="bi bi-x-lg"></i>
</div>
<div class="top-offer-text flex-grow-1 d-flex justify-content-center fw-semibold ">
📢 Installez l'application Hyper Marketplace sur PlayStore ou Apple Store et bénéficiez en priorité de nos meilleures offres ! 🚀 Suivez le lien en bas de page.
</div>
</div>
</div>
<header class="header">
<div class="header-top py-2">
<div class="container">
<div class="d-flex align-items-center flex-wrap justify-content-between gap-2">
<a href="tel:+0625476730" class="d-flex gap-2 align-items-center direction-ltr">
<i class="bi bi-telephone text-primary"></i>
0625476730
</a>
<ul class="nav justify-content-center justify-content-sm-end align-items-center gap-4">
<li>
<div class="language-dropdown">
<button
type="button"
class="border-0 bg-transparent d-flex gap-2 align-items-center dropdown-toggle text-dark p-0"
data-bs-toggle="dropdown"
aria-expanded="false"
>
EUR €
</button>
<ul class="dropdown-menu bs-dropdown-min-width--10rem">
<li class="currency-change" data-currency-code="USD">
<a href="javascript:">USD</a>
</li>
<li class="currency-change" data-currency-code="EUR">
<a href="javascript:">Euro</a>
</li>
<li class="currency-change" data-currency-code="XAF">
<a href="javascript:">Francs</a>
</li>
<li class="currency-change" data-currency-code="XOF">
<a href="javascript:">Francs</a>
</li>
<span id="currency-route" data-currency-route="https://www.hyper.africa/currency"></span>
</ul>
</div>
</li>
<li>
<div class="language-dropdown">
<button
type="button"
class="border-0 bg-transparent d-flex gap-2 align-items-center dropdown-toggle text-dark p-0"
data-bs-toggle="dropdown"
aria-expanded="false"
>
<img width="20"
src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/flags/fr.png"
class="dark-support" alt="Eng"/>
Français
</button>
<ul class="dropdown-menu bs-dropdown-min-width--10rem">
<li class="change-language" data-action="https://www.hyper.africa/change-language" data-language-code="en">
<a class="d-flex gap-2 align-items-center" href="javascript:">
<img width="20" src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/flags/en.png"
loading="lazy" class="dark-support" alt="english"/>
English
</a>
</li>
<li class="change-language" data-action="https://www.hyper.africa/change-language" data-language-code="fr">
<a class="d-flex gap-2 align-items-center" href="javascript:">
<img width="20" src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/flags/fr.png"
loading="lazy" class="dark-support" alt="Français"/>
Français
</a>
</li>
</ul>
</div>
</li>
<li class="d-none d-xl-block">
<a href="https://www.hyper.africa/vendor/auth/registration/index" class="d-flex">
<div class="fz-16 text-capitalize">Devenir vendeur</div>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="header-middle border-bottom py-2 d-none d-xl-block">
<div class="container">
<div class="d-flex align-items-center justify-content-between gap-3">
<a class="logo" href="https://www.hyper.africa">
<img class="dark-support svg h-45" alt="Logo"
src="https://www.hyper.africa/storage/app/public/company/2024-06-09-6665cd67aebb9.png">
</a>
<div class="search-box position-relative">
<form action="https://www.hyper.africa/products" type="submit">
<div class="d-flex">
<div class="select-wrap focus-border border border-end-logical-0 d-flex align-items-center">
<div class="border-end">
<div class="dropdown search_dropdown">
<button type="button"
class="border-0 px-3 bg-transparent dropdown-toggle text-dark py-0 text-capitalize"
data-bs-toggle="dropdown" aria-expanded="false">
Toutes les catégories
</button>
<input type="hidden" name="search_category_value" id="search_category_value" value="all">
<ul class="dropdown-menu">
<li>
<a class="d-flex text-capitalize" data-value="all" href="javascript:">
Toutes les catégories
</a>
</li>
<li>
<a class="d-flex" data-value="37"
href="javascript:">
High tech
</a>
</li>
<li>
<a class="d-flex" data-value="214"
href="javascript:">
GROS & DEMIE GROS
</a>
</li>
<li>
<a class="d-flex" data-value="1"
href="javascript:">
Arts et artisanat d'Afrique
</a>
</li>
<li>
<a class="d-flex" data-value="3"
href="javascript:">
BEAUTÉ & BIEN ÊTRE
</a>
</li>
<li>
<a class="d-flex" data-value="5"
href="javascript:">
MODE ET ACCESSOIRES
</a>
</li>
<li>
<a class="d-flex" data-value="192"
href="javascript:">
BOISSONS
</a>
</li>
<li>
<a class="d-flex" data-value="40"
href="javascript:">
ALIMENTATION
</a>
</li>
<li>
<a class="d-flex" data-value="46"
href="javascript:">
MULTIMEDIA
</a>
</li>
<li>
<a class="d-flex" data-value="88"
href="javascript:">
MAISON & CUISINE
</a>
</li>
<li>
<a class="d-flex" data-value="89"
href="javascript:">
ENVIRONEMENT & AGRICULTURE
</a>
</li>
<li>
<a class="d-flex" data-value="90"
href="javascript:">
LIVRES & EDUCATION
</a>
</li>
</ul>
</div>
</div>
<input
type="search"
class="form-control border-0 focus-input search-bar-input" name="product_name"
id="global-search" value=""
placeholder="Rechercher des articles..."
/>
</div>
<input name="data_from" value="search" hidden>
<input name="page" value="1" hidden>
<button type="submit" class="btn btn-primary" aria-label="Search">
<i class="bi bi-search"></i>
</button>
</div>
</form>
<div
class="card search-card __inline-13 position-absolute z-99 w-100 bg-white top-100 start-0 search-result-box"></div>
</div>
<div class="offer-btn">
</div>
</div>
</div>
</div>
<div class="header-main love-sticky py-2 py-lg-3 py-xl-0 shadow-sm">
<div class="container">
<aside class="aside d-flex flex-column d-xl-none">
<div class="aside-close p-3 pb-2">
<i class="bi bi-x-lg"></i>
</div>
<div>
<div class="aside-body" data-trigger="scrollbar">
<form action="https://www.hyper.africa/products" class="mb-3">
<div class="search-bar">
<input type="search" name="name" class="form-control search-bar-input-mobile"
autocomplete="off" placeholder="Rechercher des articles...">
<input name="data_from" value="search" hidden="">
<input name="page" value="1" hidden="">
<button type="submit">
<i class="bi bi-search"></i>
</button>
</div>
<div
class="card search-card __inline-13 position-absolute z-99 w-100 bg-white start-0 search-result-box d--none"></div>
</form>
<ul class="main-nav nav">
<li>
<a href="https://www.hyper.africa">Accueil</a>
</li>
<li>
<a href="https://www.hyper.africa/categories">Categories</a>
<ul class="sub_menu">
<li>
<a href="javascript:">
<span class="get-view-by-onclick"
data-link="https://www.hyper.africa/products?category_id=37&data_from=category&page=1">High tech</span>
</a>
<ul class="sub_menu">
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=39&data_from=category&page=1">TELEPHONE ACCESSOIRES</span>
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick"
data-link="https://www.hyper.africa/products?category_id=214&data_from=category&page=1">GROS & DEMIE GROS</span>
</a>
<ul class="sub_menu">
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=215&data_from=category&page=1">SURGELÉ</span>
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?category_id=216&data_from=category&page=1">
VIANDE
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=217&data_from=category&page=1">
VIANDE
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=218&data_from=category&page=1">
POISSON
</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick"
data-link="https://www.hyper.africa/products?category_id=1&data_from=category&page=1">Arts et artisanat d'Afrique</span>
</a>
<ul class="sub_menu">
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=105&data_from=category&page=1">PEINTURE</span>
</a>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=108&data_from=category&page=1">ARTISANAT LOCAL</span>
</a>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=106&data_from=category&page=1">SCULPTURE</span>
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick"
data-link="https://www.hyper.africa/products?category_id=3&data_from=category&page=1">BEAUTÉ & BIEN ÊTRE</span>
</a>
<ul class="sub_menu">
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=84&data_from=category&page=1">SOIN DE LA PEAU</span>
</a>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=85&data_from=category&page=1">SOIN DES CHEVEUX</span>
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?category_id=163&data_from=category&page=1">
Accessoire afro capillaire
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=189&data_from=category&page=1">
Défrisant Enfant
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=190&data_from=category&page=1">
Soins capillaire
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=187&data_from=category&page=1">
Perruque femme - Exo Téka
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=188&data_from=category&page=1">
Défrisant Homme & Femme - Exo Téka
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=191&data_from=category&page=1">
Colle perruque
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=186&data_from=category&page=1">
Huile essentiel capillaire - Exo Téka
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=183&data_from=category&page=1">
Mèches pour tresses et braids - Exo Téka
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=184&data_from=category&page=1">
Gel capillaire - Exo Téka
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=185&data_from=category&page=1">
Colorant capillaire - Exo Téka
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=87&data_from=category&page=1">MAQUILLAGE</span>
</a>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=98&data_from=category&page=1">PRODUITS NATURELS</span>
</a>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=126&data_from=category&page=1">HYGIÈNE CORPORELLE</span>
</a>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=213&data_from=category&page=1">HYGIÈNE DENTAIRE</span>
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick"
data-link="https://www.hyper.africa/products?category_id=5&data_from=category&page=1">MODE ET ACCESSOIRES</span>
</a>
<ul class="sub_menu">
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=54&data_from=category&page=1">VETEMENTS</span>
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?category_id=60&data_from=category&page=1">
HOMMES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=62&data_from=category&page=1">
FEMMES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=65&data_from=category&page=1">
ENFANTS
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=56&data_from=category&page=1">CHAUSSURES</span>
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?category_id=63&data_from=category&page=1">
HOMMES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=64&data_from=category&page=1">
FEMMES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=66&data_from=category&page=1">
ENFANTS
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=57&data_from=category&page=1">SACS ET MAROQUINERIE</span>
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?category_id=70&data_from=category&page=1">
SACS A MAIN
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=71&data_from=category&page=1">
SAC A DOS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=72&data_from=category&page=1">
POCHETTES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=73&data_from=category&page=1">
SACS DE VOYAGE
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=74&data_from=category&page=1">
PORTEFEUILLES & PORTE-CARTE
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=75&data_from=category&page=1">
CEINTURE
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=76&data_from=category&page=1">
TROUSSES
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=58&data_from=category&page=1">ACCESSOIRES</span>
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?category_id=77&data_from=category&page=1">
BIJOUX
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=78&data_from=category&page=1">
MONTRES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=79&data_from=category&page=1">
CHAPEAUX ET COIFFES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=80&data_from=category&page=1">
ECHARPES ET FOULARDS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=81&data_from=category&page=1">
LUNETTES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=82&data_from=category&page=1">
LUNETTES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=83&data_from=category&page=1">
LUNETTES
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=59&data_from=category&page=1">VETEMENTS TRADITIONNELS</span>
</a>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=97&data_from=category&page=1">TEXTILE</span>
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick"
data-link="https://www.hyper.africa/products?category_id=192&data_from=category&page=1">BOISSONS</span>
</a>
<ul class="sub_menu">
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=197&data_from=category&page=1">CAFÉ & THÉ</span>
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?category_id=207&data_from=category&page=1">
THÉ
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=206&data_from=category&page=1">
CAFÉ
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=196&data_from=category&page=1">BOISSONS NON ALCOOLISÉES</span>
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?category_id=198&data_from=category&page=1">
Jus 100% naturel
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=199&data_from=category&page=1">
Eau
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=200&data_from=category&page=1">
SODA
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=209&data_from=category&page=1">
BOISSONS GAZEUSES
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=194&data_from=category&page=1">ALCOOL & DROGUERIE</span>
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?category_id=201&data_from=category&page=1">
BIÈRRE
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=202&data_from=category&page=1">
RHUM
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=203&data_from=category&page=1">
VODKA
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=205&data_from=category&page=1">
WHISKY
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=204&data_from=category&page=1">
VIN
</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick"
data-link="https://www.hyper.africa/products?category_id=40&data_from=category&page=1">ALIMENTATION</span>
</a>
<ul class="sub_menu">
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=109&data_from=category&page=1">BOISSONS</span>
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?category_id=172&data_from=category&page=1">
THE
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=173&data_from=category&page=1">
INFUSIONS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=114&data_from=category&page=1">
ALCOOLS ET SPIRITUEUX
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=115&data_from=category&page=1">
SPIRITUEUX AFRICAINS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=119&data_from=category&page=1">
BOISSONS SANS ALCOOL
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=174&data_from=category&page=1">
LAITS ET BOISSONS LACTEES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=175&data_from=category&page=1">
BOISSONS CHAUDES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=176&data_from=category&page=1">
BOISSONS FERMENTEES TRADITIONNELLES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=117&data_from=category&page=1">
JUS ET NECTARS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=118&data_from=category&page=1">
BOISSONS ÉNERGÉTIQUES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=181&data_from=category&page=1">
SODA
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=110&data_from=category&page=1">EPICERIE FINE</span>
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?category_id=129&data_from=category&page=1">
CONDIMENTS ET ÉPICES
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=111&data_from=category&page=1">PRODUITS FRAIS</span>
</a>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=112&data_from=category&page=1">PRODUITS BIO & NATURELS</span>
</a>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=120&data_from=category&page=1">FRUITS ET LEGUMES EXOTIQUES</span>
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?category_id=127&data_from=category&page=1">
FRUITS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=128&data_from=category&page=1">
LEGUMES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=131&data_from=category&page=1">
TUBERCULES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=132&data_from=category&page=1">
LÉGUMES FEUILLES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=133&data_from=category&page=1">
LÉGUMES FRAIS
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=121&data_from=category&page=1">CEREALES ET FECULENTS</span>
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?category_id=151&data_from=category&page=1">
CÉRÉALES LOCALES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=160&data_from=category&page=1">
PATES ALIMENTAIRES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=146&data_from=category&page=1">
RIZ
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=149&data_from=category&page=1">
FARINES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=161&data_from=category&page=1">
COUSCOUS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=148&data_from=category&page=1">
SEMOULES
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=122&data_from=category&page=1">PRODUITS TRANSFORMÉS</span>
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?category_id=158&data_from=category&page=1">
SAUCE ET CONDIMENTS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=159&data_from=category&page=1">
CONCENTRÉS ET BOUILLONS
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=123&data_from=category&page=1">PRODUITS SECS</span>
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?category_id=162&data_from=category&page=1">
GRAINS ET LEGUMINEUSES
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=124&data_from=category&page=1">HUILES ET GRAISSES</span>
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?category_id=140&data_from=category&page=1">
HUILES VÉGÉTALES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=142&data_from=category&page=1">
MARGARINES ET BEURRES
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=125&data_from=category&page=1">CONSERVES ET SAUCES</span>
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?category_id=177&data_from=category&page=1">
CONSERVES DE LEGUMES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=178&data_from=category&page=1">
CONSERVES DE POISSON
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=143&data_from=category&page=1">ASSAISSONEMENTS ET BOUILLONS</span>
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?category_id=144&data_from=category&page=1">
SAUCES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=145&data_from=category&page=1">
BOUILLON
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=113&data_from=category&page=1">SNACKS & CONFISSERIE</span>
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?category_id=136&data_from=category&page=1">
CHIPS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=138&data_from=category&page=1">
BISCUITS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=139&data_from=category&page=1">
CHOCOLATS LOCAUX
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=137&data_from=category&page=1">
BONBONS
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=182&data_from=category&page=1">Lait en poudre</span>
</a>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=180&data_from=category&page=1">Pates alimentaire & Nouilles</span>
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick"
data-link="https://www.hyper.africa/products?category_id=46&data_from=category&page=1">MULTIMEDIA</span>
</a>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick"
data-link="https://www.hyper.africa/products?category_id=88&data_from=category&page=1">MAISON & CUISINE</span>
</a>
<ul class="sub_menu">
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=99&data_from=category&page=1">ELECTROMENAGER</span>
</a>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=100&data_from=category&page=1">MEUBLES</span>
</a>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=102&data_from=category&page=1">DECORATION INTERIEURE</span>
</a>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=103&data_from=category&page=1">TEXTILE DE CUISINE</span>
</a>
</li>
<li>
<a href="javascript:">
<span class="get-view-by-onclick" data-link="https://www.hyper.africa/products?category_id=104&data_from=category&page=1">EQUIPEMENTS DE CUISINE</span>
</a>
</li>
</ul>
</li>
<li>
<a href="https://www.hyper.africa/products?data_from=latest" class="btn-link text-primary">
Afficher tout
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">Offres</a>
<ul class="sub_menu">
<li>
<a class="d-flex gap-2 align-items-center" href="https://www.hyper.africa/products?data_from=discounted&page=1">
<span>Promo</span>
<span><i class="bi bi-patch-check-fill text-warning"></i></span>
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">Boutiques</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/shopView/0">
Hyper Africa
</a>
</li>
<li>
<a href="https://www.hyper.africa/shopView/2">TIKI Store</a>
</li>
<li>
<a href="https://www.hyper.africa/shopView/9">Wk.création</a>
</li>
<li>
<a href="https://www.hyper.africa/shopView/17">LSK</a>
</li>
<li>
<a href="https://www.hyper.africa/shopView/19">ABENA DOLLS</a>
</li>
<li>
<a href="https://www.hyper.africa/shopView/20">ABENA WEAR</a>
</li>
<li>
<a href="https://www.hyper.africa/shopView/21">CityOne Déco R...</a>
</li>
<li>
<a href="https://www.hyper.africa/shopView/24">SIAKE KWEYAP</a>
</li>
<li>
<a href="https://www.hyper.africa/shopView/25">PAGING BOOK</a>
</li>
<li>
<a href="https://www.hyper.africa/shopView/26">Les jus Fopoua...</a>
</li>
<li>
<a href="https://www.hyper.africa/vendors" class="btn-link text-primary">
Afficher tout
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:">Marques</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?brand_id=11&data_from=brand&page=1">Dame beesson</a>
</li>
<li>
<a href="https://www.hyper.africa/products?brand_id=10&data_from=brand&page=1">LE RENARD</a>
</li>
<li>
<a href="https://www.hyper.africa/products?brand_id=9&data_from=brand&page=1">Schwarzkopf</a>
</li>
<li>
<a href="https://www.hyper.africa/products?brand_id=8&data_from=brand&page=1">EXO TEKA</a>
</li>
<li>
<a href="https://www.hyper.africa/products?brand_id=7&data_from=brand&page=1">LSK</a>
</li>
<li>
<a href="https://www.hyper.africa/products?brand_id=4&data_from=brand&page=1">Autre</a>
</li>
<li>
<a href="https://www.hyper.africa/products?brand_id=3&data_from=brand&page=1">WK</a>
</li>
<li>
<a href="https://www.hyper.africa/products?brand_id=2&data_from=brand&page=1">TIKI</a>
</li>
<li>
<a href="https://www.hyper.africa/brands" class="btn-link text-primary">
Afficher tout
</a>
</li>
</ul>
</li>
<li class="d-xl-none">
<a href="https://www.hyper.africa/vendor/auth/registration/index" class="d-flex text-capitalize">
<div class="fz-16 text-capitalize">Devenir vendeur</div>
</a>
</li>
</ul>
</div>
<div class="d-flex align-items-center gap-2 justify-content-between p-4">
<span class="text-dark">Thème du site</span>
<div class="theme-bar p-1">
<button class="light_button active">
<img src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/svg/light.svg" alt="Image"
class="svg">
</button>
<button class="dark_button">
<img src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/svg/dark.svg" alt="Image"
class="svg">
</button>
</div>
</div>
</div>
<div class="d-flex justify-content-center mb-5 pb-5 mt-auto px-4">
<a href="" data-bs-toggle="modal" data-bs-target="#loginModal" class="btn btn-primary w-100" aria-label="Connexion/S'inscrire">
Connexion/S'inscrire
</a>
</div>
</aside>
<div class="aside-overlay"></div>
<div class="d-flex justify-content-between gap-3 align-items-center position-relative">
<div class="d-flex align-items-center gap-3">
<div class="dropdown d-none d-xl-block">
<button
class="btn btn-primary rounded-0 text-uppercase fw-bold fs-14 dropdown-toggle select-category-button text-capitalize"
type="button"
data-bs-toggle="dropdown"
aria-expanded="false">
<i class="bi bi-list fs-4"></i>
Sélectionner une catégorie
</button>
<ul class="dropdown-menu dropdown--menu">
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=37&data_from=category&page=1">
High tech
</a>
<ul class="sub-menu">
<li class="">
<a href="https://www.hyper.africa/products?category_id=39&data_from=category&page=1">
TELEPHONE ACCESSOIRES
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=1&data_from=category&page=1">
Arts et artisanat d'Afrique
</a>
<ul class="sub-menu">
<li class="">
<a href="https://www.hyper.africa/products?category_id=105&data_from=category&page=1">
PEINTURE
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=108&data_from=category&page=1">
ARTISANAT LOCAL
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=106&data_from=category&page=1">
SCULPTURE
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=3&data_from=category&page=1">
BEAUTÉ & BIEN ÊTRE
</a>
<ul class="sub-menu">
<li class="">
<a href="https://www.hyper.africa/products?category_id=84&data_from=category&page=1">
SOIN DE LA PEAU
</a>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=85&data_from=category&page=1">
SOIN DES CHEVEUX
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=163&data_from=category&page=1">
Accessoire afro capillaire
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=189&data_from=category&page=1">
Défrisant Enfant
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=190&data_from=category&page=1">
Soins capillaire
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=187&data_from=category&page=1">
Perruque femme - Exo Téka
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=188&data_from=category&page=1">
Défrisant Homme & Femme - Exo Téka
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=191&data_from=category&page=1">
Colle perruque
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=186&data_from=category&page=1">
Huile essentiel capillaire - Exo Téka
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=183&data_from=category&page=1">
Mèches pour tresses et braids - Exo Téka
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=184&data_from=category&page=1">
Gel capillaire - Exo Téka
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=185&data_from=category&page=1">
Colorant capillaire - Exo Téka
</a>
</li>
</ul>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=87&data_from=category&page=1">
MAQUILLAGE
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=98&data_from=category&page=1">
PRODUITS NATURELS
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=126&data_from=category&page=1">
HYGIÈNE CORPORELLE
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=213&data_from=category&page=1">
HYGIÈNE DENTAIRE
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=5&data_from=category&page=1">
MODE ET ACCESSOIRES
</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=54&data_from=category&page=1">
VETEMENTS
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=60&data_from=category&page=1">
HOMMES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=62&data_from=category&page=1">
FEMMES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=65&data_from=category&page=1">
ENFANTS
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=56&data_from=category&page=1">
CHAUSSURES
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=63&data_from=category&page=1">
HOMMES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=64&data_from=category&page=1">
FEMMES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=66&data_from=category&page=1">
ENFANTS
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=57&data_from=category&page=1">
SACS ET MAROQUINERIE
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=70&data_from=category&page=1">
SACS A MAIN
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=71&data_from=category&page=1">
SAC A DOS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=72&data_from=category&page=1">
POCHETTES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=73&data_from=category&page=1">
SACS DE VOYAGE
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=74&data_from=category&page=1">
PORTEFEUILLES & PORTE-CARTE
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=75&data_from=category&page=1">
CEINTURE
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=76&data_from=category&page=1">
TROUSSES
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=58&data_from=category&page=1">
ACCESSOIRES
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=77&data_from=category&page=1">
BIJOUX
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=78&data_from=category&page=1">
MONTRES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=79&data_from=category&page=1">
CHAPEAUX ET COIFFES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=80&data_from=category&page=1">
ECHARPES ET FOULARDS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=81&data_from=category&page=1">
LUNETTES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=82&data_from=category&page=1">
LUNETTES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=83&data_from=category&page=1">
LUNETTES
</a>
</li>
</ul>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=59&data_from=category&page=1">
VETEMENTS TRADITIONNELS
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=97&data_from=category&page=1">
TEXTILE
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=40&data_from=category&page=1">
ALIMENTATION
</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=109&data_from=category&page=1">
BOISSONS
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=172&data_from=category&page=1">
THE
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=173&data_from=category&page=1">
INFUSIONS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=114&data_from=category&page=1">
ALCOOLS ET SPIRITUEUX
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=115&data_from=category&page=1">
SPIRITUEUX AFRICAINS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=119&data_from=category&page=1">
BOISSONS SANS ALCOOL
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=174&data_from=category&page=1">
LAITS ET BOISSONS LACTEES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=175&data_from=category&page=1">
BOISSONS CHAUDES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=176&data_from=category&page=1">
BOISSONS FERMENTEES TRADITIONNELLES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=117&data_from=category&page=1">
JUS ET NECTARS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=118&data_from=category&page=1">
BOISSONS ÉNERGÉTIQUES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=181&data_from=category&page=1">
SODA
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=110&data_from=category&page=1">
EPICERIE FINE
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=129&data_from=category&page=1">
CONDIMENTS ET ÉPICES
</a>
</li>
</ul>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=111&data_from=category&page=1">
PRODUITS FRAIS
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=112&data_from=category&page=1">
PRODUITS BIO & NATURELS
</a>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=120&data_from=category&page=1">
FRUITS ET LEGUMES EXOTIQUES
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=127&data_from=category&page=1">
FRUITS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=128&data_from=category&page=1">
LEGUMES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=131&data_from=category&page=1">
TUBERCULES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=132&data_from=category&page=1">
LÉGUMES FEUILLES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=133&data_from=category&page=1">
LÉGUMES FRAIS
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=121&data_from=category&page=1">
CEREALES ET FECULENTS
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=151&data_from=category&page=1">
CÉRÉALES LOCALES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=160&data_from=category&page=1">
PATES ALIMENTAIRES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=146&data_from=category&page=1">
RIZ
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=149&data_from=category&page=1">
FARINES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=161&data_from=category&page=1">
COUSCOUS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=148&data_from=category&page=1">
SEMOULES
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=122&data_from=category&page=1">
PRODUITS TRANSFORMÉS
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=158&data_from=category&page=1">
SAUCE ET CONDIMENTS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=159&data_from=category&page=1">
CONCENTRÉS ET BOUILLONS
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=123&data_from=category&page=1">
PRODUITS SECS
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=162&data_from=category&page=1">
GRAINS ET LEGUMINEUSES
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=124&data_from=category&page=1">
HUILES ET GRAISSES
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=140&data_from=category&page=1">
HUILES VÉGÉTALES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=142&data_from=category&page=1">
MARGARINES ET BEURRES
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=125&data_from=category&page=1">
CONSERVES ET SAUCES
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=177&data_from=category&page=1">
CONSERVES DE LEGUMES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=178&data_from=category&page=1">
CONSERVES DE POISSON
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=143&data_from=category&page=1">
ASSAISSONEMENTS ET BOUILLONS
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=144&data_from=category&page=1">
SAUCES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=145&data_from=category&page=1">
BOUILLON
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=113&data_from=category&page=1">
SNACKS & CONFISSERIE
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=136&data_from=category&page=1">
CHIPS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=138&data_from=category&page=1">
BISCUITS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=139&data_from=category&page=1">
CHOCOLATS LOCAUX
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=137&data_from=category&page=1">
BONBONS
</a>
</li>
</ul>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=182&data_from=category&page=1">
Lait en poudre
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=180&data_from=category&page=1">
Pates alimentaire & Nouilles
</a>
</li>
</ul>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=46&data_from=category&page=1">
MULTIMEDIA
</a>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=88&data_from=category&page=1">
MAISON & CUISINE
</a>
<ul class="sub-menu">
<li class="">
<a href="https://www.hyper.africa/products?category_id=99&data_from=category&page=1">
ELECTROMENAGER
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=100&data_from=category&page=1">
MEUBLES
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=102&data_from=category&page=1">
DECORATION INTERIEURE
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=103&data_from=category&page=1">
TEXTILE DE CUISINE
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=104&data_from=category&page=1">
EQUIPEMENTS DE CUISINE
</a>
</li>
</ul>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=89&data_from=category&page=1">
ENVIRONEMENT & AGRICULTURE
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?data_from=latest" class="btn-link text-primary">
Afficher tout
</a>
</li>
</ul>
</div>
<div class="nav-wrapper">
<div class="d-xl-none">
<a class="logo" href="https://www.hyper.africa">
<img class="dark-support mobile-logo-cs" alt="Logo"
src="https://www.hyper.africa/storage/app/public/company/2023-05-16-6463e0b0a7160.png">
</a>
</div>
<ul class="nav main-menu align-items-center d-none d-xl-flex flex-nowrap">
<li class="active">
<a href="https://www.hyper.africa">Accueil</a>
</li>
<li>
<span class="cursor-pointer no-follow-link" ref="nofollow">Offres</span>
<ul class="sub-menu">
<li>
<a class="gap-2 align-items-center text-capitalize" href="https://www.hyper.africa/products?data_from=discounted&page=1">
<span>Promo</span>
<span><i class="bi bi-patch-check-fill text-warning"></i></span>
</a>
</li>
</ul>
</li>
<li>
<span class="cursor-pointer no-follow-link" ref="nofollow">Boutiques</span>
<div
class="sub-menu megamenu p-3 bs-dropdown-min-width--max-content">
<div class="d-flex gap-5">
<div>
<div class="column-2 row-gap-3">
<a href="https://www.hyper.africa/shopView/0"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded size-2-5rem">
<img loading="lazy" alt="Image"
src="https://www.hyper.africa/storage/app/public/company/2023-05-16-6463e0b0be28f.png"
class="img-fit rounded dark-support overflow-hidden">
</div>
<div class="media-body text-truncate width--7rem"
title="Hyper Africa">
Hyper Africa
</div>
</a>
<a href="https://www.hyper.africa/shopView/2"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded size-2-5rem">
<img loading="lazy" alt="Image"
src="https://www.hyper.africa/storage/app/public/shop/2023-05-27-6471d34e5e4e5.png"
class="img-fit rounded dark-support overflow-hidden">
</div>
<div class="media-body text-truncate width--7rem"
title="TIKI Store">
TIKI Store
</div>
</a>
<a href="https://www.hyper.africa/shopView/9"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded size-2-5rem">
<img loading="lazy" alt="Image"
src="https://www.hyper.africa/storage/app/public/shop/2023-06-27-649b5a4d70172.png"
class="img-fit rounded dark-support overflow-hidden">
</div>
<div class="media-body text-truncate width--7rem"
title="Wk.création">
Wk.création
</div>
</a>
<a href="https://www.hyper.africa/shopView/17"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded size-2-5rem">
<img loading="lazy" alt="Image"
src="https://www.hyper.africa/storage/app/public/shop/2023-08-21-64e366e122cf5.png"
class="img-fit rounded dark-support overflow-hidden">
</div>
<div class="media-body text-truncate width--7rem"
title="LSK">
LSK
</div>
</a>
<a href="https://www.hyper.africa/shopView/19"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded size-2-5rem">
<img loading="lazy" alt="Image"
src="https://www.hyper.africa/storage/app/public/shop/2023-08-22-64e4da38430b8.png"
class="img-fit rounded dark-support overflow-hidden">
</div>
<div class="media-body text-truncate width--7rem"
title="ABENA DOLLS">
ABENA DOLLS
</div>
</a>
<a href="https://www.hyper.africa/shopView/20"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded size-2-5rem">
<img loading="lazy" alt="Image"
src="https://www.hyper.africa/storage/app/public/shop/2023-08-28-64ec1df3a362c.png"
class="img-fit rounded dark-support overflow-hidden">
</div>
<div class="media-body text-truncate width--7rem"
title="ABENA WEAR">
ABENA WEAR
</div>
</a>
<a href="https://www.hyper.africa/shopView/21"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded size-2-5rem">
<img loading="lazy" alt="Image"
src="https://www.hyper.africa/storage/app/public/shop/2023-08-28-64ed16fde3cf7.png"
class="img-fit rounded dark-support overflow-hidden">
</div>
<div class="media-body text-truncate width--7rem"
title="CityOne Déco Recycling">
CityOne Déco R...
</div>
</a>
<a href="https://www.hyper.africa/shopView/24"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded size-2-5rem">
<img loading="lazy" alt="Image"
src="https://www.hyper.africa/storage/app/public/shop/2024-01-25-65b27ea75f3c4.png"
class="img-fit rounded dark-support overflow-hidden">
</div>
<div class="media-body text-truncate width--7rem"
title="SIAKE KWEYAP">
SIAKE KWEYAP
</div>
</a>
<a href="https://www.hyper.africa/shopView/25"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded size-2-5rem">
<img loading="lazy" alt="Image"
src="https://www.hyper.africa/storage/app/public/shop/2024-01-30-65b92a21694d4.png"
class="img-fit rounded dark-support overflow-hidden">
</div>
<div class="media-body text-truncate width--7rem"
title="PAGING BOOK">
PAGING BOOK
</div>
</a>
<a href="https://www.hyper.africa/shopView/26"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded size-2-5rem">
<img loading="lazy" alt="Image"
src="https://www.hyper.africa/storage/app/public/shop/2024-02-19-65d336e9e3714.png"
class="img-fit rounded dark-support overflow-hidden">
</div>
<div class="media-body text-truncate width--7rem"
title="Les jus Fopouanga">
Les jus Fopoua...
</div>
</a>
</div>
<div class="d-flex">
<a href="https://www.hyper.africa/vendors"
class="fw-bold text-primary d-flex justify-content-center">
Afficher tout...
</a>
</div>
</div>
<div>
<a href="javascript:">
<img
width="277"
src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/media/super-market.webp"
class="dark-support"
alt="Image"
/>
</a>
</div>
</div>
</div>
</li>
<li>
<span class="cursor-pointer no-follow-link" ref="nofollow">Marques</span>
<div class="sub-menu megamenu p-3 bs-dropdown-min-width--max-content">
<div class="d-flex gap-4">
<div class="column-2">
<a href="https://www.hyper.africa/products?brand_id=11&data_from=brand&page=1"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded-circle size-1-25rem">
<img class="img-fit rounded-circle dark-support"
src="https://www.hyper.africa/storage/app/public/brand/2025-03-14-67d44f0fcb47c.webp"
loading="lazy" alt=""/>
</div>
<div class="media-body text-truncate width--7rem">
Dame beesson
</div>
</a>
<a href="https://www.hyper.africa/products?brand_id=10&data_from=brand&page=1"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded-circle size-1-25rem">
<img class="img-fit rounded-circle dark-support"
src="https://www.hyper.africa/storage/app/public/brand/2025-03-09-67cde14aac3ab.webp"
loading="lazy" alt=""/>
</div>
<div class="media-body text-truncate width--7rem">
LE RENARD
</div>
</a>
<a href="https://www.hyper.africa/products?brand_id=9&data_from=brand&page=1"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded-circle size-1-25rem">
<img class="img-fit rounded-circle dark-support"
src="https://www.hyper.africa/storage/app/public/brand/2025-01-21-678fa31934abb.png"
loading="lazy" alt=""/>
</div>
<div class="media-body text-truncate width--7rem">
Schwarzkopf
</div>
</a>
<a href="https://www.hyper.africa/products?brand_id=8&data_from=brand&page=1"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded-circle size-1-25rem">
<img class="img-fit rounded-circle dark-support"
src="https://www.hyper.africa/storage/app/public/brand/2025-01-17-678a9155162d1.png"
loading="lazy" alt=""/>
</div>
<div class="media-body text-truncate width--7rem">
EXO TEKA
</div>
</a>
<a href="https://www.hyper.africa/products?brand_id=7&data_from=brand&page=1"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded-circle size-1-25rem">
<img class="img-fit rounded-circle dark-support"
src="https://www.hyper.africa/storage/app/public/brand/2023-08-23-64e537fa3fc3d.png"
loading="lazy" alt=""/>
</div>
<div class="media-body text-truncate width--7rem">
LSK
</div>
</a>
<a href="https://www.hyper.africa/products?brand_id=4&data_from=brand&page=1"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded-circle size-1-25rem">
<img class="img-fit rounded-circle dark-support"
src="https://www.hyper.africa/storage/app/public/brand/2023-07-02-64a1ba50275b5.png"
loading="lazy" alt=""/>
</div>
<div class="media-body text-truncate width--7rem">
Autre
</div>
</a>
<a href="https://www.hyper.africa/products?brand_id=3&data_from=brand&page=1"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded-circle size-1-25rem">
<img class="img-fit rounded-circle dark-support"
src="https://www.hyper.africa/storage/app/public/brand/2023-06-27-649b538e440bd.png"
loading="lazy" alt=""/>
</div>
<div class="media-body text-truncate width--7rem">
WK
</div>
</a>
<a href="https://www.hyper.africa/products?brand_id=2&data_from=brand&page=1"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded-circle size-1-25rem">
<img class="img-fit rounded-circle dark-support"
src="https://www.hyper.africa/storage/app/public/brand/2023-05-29-6474ba5b2abd3.png"
loading="lazy" alt=""/>
</div>
<div class="media-body text-truncate width--7rem">
TIKI
</div>
</a>
<div class="d-flex">
<a href="https://www.hyper.africa/brands"
class="fw-bold text-primary d-flex justify-content-center">Afficher tout...
</a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<ul class="list-unstyled list-separator mb-0 pe-2">
<li class="login-register d-flex align-items-center gap-4">
<div class="menu-btn d-xl-none search">
<i class="bi bi-search fs-18"></i>
</div>
<button
class="media gap-2 align-items-center text-uppercase fs-12 bg-transparent border-0 p-0"
data-bs-toggle="modal"
data-bs-target="#loginModal"
>
<span class="avatar header-avatar rounded-circle d-xl-none size-1-5rem">
<img
loading="lazy"
src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/user.png"
class="img-fit rounded-circle"
alt="Image"
/>
</span>
<span
class="media-body d-none d-xl-block hover-primary">Connexion/S'inscrire</span>
</button>
<div class="menu-btn d-xl-none">
<i class="bi bi-list fs-30"></i>
</div>
</li>
<li class="d-none d-xl-block">
<a href="javascript:" class="position-relative" data-bs-toggle="modal"
data-bs-target="#loginModal">
<i class="bi bi-repeat fs-18"></i>
</a>
</li>
<li class="d-none d-xl-block">
<a href="javascript:" class="position-relative" data-bs-toggle="modal"
data-bs-target="#loginModal">
<i class="bi bi-heart fs-18"></i>
</a>
</li>
<li class="d-none d-xl-block" id="cart_items">
<div class="dropdown">
<a href="https://www.hyper.africa/shop-cart" class="position-relative" data-bs-toggle="dropdown" data-bs-auto-close="outside"
aria-expanded="false">
<i class="bi bi-bag fs-18"></i>
<span class="count">0</span>
</a>
<ul class="dropdown-menu dropdown-menu-end scrollY-60 bs-dropdown-min-width--22-5rem">
<div class="widget-cart-item">
<div class="d-flex flex-column justify-content-center align-items-center gap-2 py-5 w-100">
<img width="80" class="mb-3" src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/empty-state/empty-cart.svg" alt="">
<h5 class="text-center text-muted px-2 px-md-5">
Vous n’avez encore rien ajouté à votre panier!
</h5>
</div>
</div>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
</header>
<div class="settings-sidebar d-none d-xl-flex">
<div class="theme-bar">
<div class="active-theme-wrap">
<div class="active-theme">
<img src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/svg/light.svg" alt="Image" class="svg light-icon">
<img src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/svg/dark.svg" alt="Image" class="svg dark-icon">
</div>
<button class="light_button active">
<img src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/svg/light.svg" alt="Image" class="svg">
<span>Clair </span>
</button>
</div>
<button class="dark_button">
<img src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/svg/dark.svg" alt="Image" class="svg">
<span>Sombre </span>
</button>
</div>
</div>
<main class="main-content d-flex flex-column gap-3 py-3">
<section class="banner">
<div class="container">
<div class="card moble-border-0">
<div class="p-0 p-sm-3 m-sm-1">
<div class="row g-3">
<div class="col-xl-3 col-lg-4 d-none d-xl-block">
<div class="">
<ul class="dropdown-menu dropdown-menu--static bs-dropdown-min-width--auto">
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=37&data_from=category&page=1">
High tech
</a>
<ul class="sub-menu">
<li class="">
<a href="https://www.hyper.africa/products?category_id=39&data_from=category&page=1">
TELEPHONE ACCESSOIRES
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=214&data_from=category&page=1">
GROS & DEMIE GROS
</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=215&data_from=category&page=1">
SURGELÉ
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=216&data_from=category&page=1">
VIANDE
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=217&data_from=category&page=1">
VIANDE
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=218&data_from=category&page=1">
POISSON
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=1&data_from=category&page=1">
Arts et artisanat d'Afrique
</a>
<ul class="sub-menu">
<li class="">
<a href="https://www.hyper.africa/products?category_id=105&data_from=category&page=1">
PEINTURE
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=108&data_from=category&page=1">
ARTISANAT LOCAL
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=106&data_from=category&page=1">
SCULPTURE
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=3&data_from=category&page=1">
BEAUTÉ & BIEN ÊTRE
</a>
<ul class="sub-menu">
<li class="">
<a href="https://www.hyper.africa/products?category_id=84&data_from=category&page=1">
SOIN DE LA PEAU
</a>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=85&data_from=category&page=1">
SOIN DES CHEVEUX
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=163&data_from=category&page=1">
Accessoire afro capillaire
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=189&data_from=category&page=1">
Défrisant Enfant
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=190&data_from=category&page=1">
Soins capillaire
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=187&data_from=category&page=1">
Perruque femme - Exo Téka
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=188&data_from=category&page=1">
Défrisant Homme & Femme - Exo Téka
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=191&data_from=category&page=1">
Colle perruque
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=186&data_from=category&page=1">
Huile essentiel capillaire - Exo Téka
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=183&data_from=category&page=1">
Mèches pour tresses et braids - Exo Téka
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=184&data_from=category&page=1">
Gel capillaire - Exo Téka
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=185&data_from=category&page=1">
Colorant capillaire - Exo Téka
</a>
</li>
</ul>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=87&data_from=category&page=1">
MAQUILLAGE
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=98&data_from=category&page=1">
PRODUITS NATURELS
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=126&data_from=category&page=1">
HYGIÈNE CORPORELLE
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=213&data_from=category&page=1">
HYGIÈNE DENTAIRE
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=5&data_from=category&page=1">
MODE ET ACCESSOIRES
</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=54&data_from=category&page=1">
VETEMENTS
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=60&data_from=category&page=1">
HOMMES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=62&data_from=category&page=1">
FEMMES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=65&data_from=category&page=1">
ENFANTS
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=56&data_from=category&page=1">
CHAUSSURES
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=63&data_from=category&page=1">
HOMMES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=64&data_from=category&page=1">
FEMMES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=66&data_from=category&page=1">
ENFANTS
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=57&data_from=category&page=1">
SACS ET MAROQUINERIE
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=70&data_from=category&page=1">
SACS A MAIN
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=71&data_from=category&page=1">
SAC A DOS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=72&data_from=category&page=1">
POCHETTES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=73&data_from=category&page=1">
SACS DE VOYAGE
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=74&data_from=category&page=1">
PORTEFEUILLES & PORTE-CARTE
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=75&data_from=category&page=1">
CEINTURE
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=76&data_from=category&page=1">
TROUSSES
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=58&data_from=category&page=1">
ACCESSOIRES
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=77&data_from=category&page=1">
BIJOUX
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=78&data_from=category&page=1">
MONTRES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=79&data_from=category&page=1">
CHAPEAUX ET COIFFES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=80&data_from=category&page=1">
ECHARPES ET FOULARDS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=81&data_from=category&page=1">
LUNETTES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=82&data_from=category&page=1">
LUNETTES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=83&data_from=category&page=1">
LUNETTES
</a>
</li>
</ul>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=59&data_from=category&page=1">
VETEMENTS TRADITIONNELS
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=97&data_from=category&page=1">
TEXTILE
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=192&data_from=category&page=1">
BOISSONS
</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=197&data_from=category&page=1">
CAFÉ & THÉ
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=207&data_from=category&page=1">
THÉ
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=206&data_from=category&page=1">
CAFÉ
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=196&data_from=category&page=1">
BOISSONS NON ALCOOLISÉES
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=198&data_from=category&page=1">
Jus 100% naturel
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=199&data_from=category&page=1">
Eau
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=200&data_from=category&page=1">
SODA
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=209&data_from=category&page=1">
BOISSONS GAZEUSES
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=194&data_from=category&page=1">
ALCOOL & DROGUERIE
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=201&data_from=category&page=1">
BIÈRRE
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=202&data_from=category&page=1">
RHUM
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=203&data_from=category&page=1">
VODKA
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=205&data_from=category&page=1">
WHISKY
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=204&data_from=category&page=1">
VIN
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=40&data_from=category&page=1">
ALIMENTATION
</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=109&data_from=category&page=1">
BOISSONS
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=172&data_from=category&page=1">
THE
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=173&data_from=category&page=1">
INFUSIONS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=114&data_from=category&page=1">
ALCOOLS ET SPIRITUEUX
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=115&data_from=category&page=1">
SPIRITUEUX AFRICAINS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=119&data_from=category&page=1">
BOISSONS SANS ALCOOL
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=174&data_from=category&page=1">
LAITS ET BOISSONS LACTEES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=175&data_from=category&page=1">
BOISSONS CHAUDES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=176&data_from=category&page=1">
BOISSONS FERMENTEES TRADITIONNELLES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=117&data_from=category&page=1">
JUS ET NECTARS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=118&data_from=category&page=1">
BOISSONS ÉNERGÉTIQUES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=181&data_from=category&page=1">
SODA
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=110&data_from=category&page=1">
EPICERIE FINE
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=129&data_from=category&page=1">
CONDIMENTS ET ÉPICES
</a>
</li>
</ul>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=111&data_from=category&page=1">
PRODUITS FRAIS
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=112&data_from=category&page=1">
PRODUITS BIO & NATURELS
</a>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=120&data_from=category&page=1">
FRUITS ET LEGUMES EXOTIQUES
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=127&data_from=category&page=1">
FRUITS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=128&data_from=category&page=1">
LEGUMES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=131&data_from=category&page=1">
TUBERCULES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=132&data_from=category&page=1">
LÉGUMES FEUILLES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=133&data_from=category&page=1">
LÉGUMES FRAIS
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=121&data_from=category&page=1">
CEREALES ET FECULENTS
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=151&data_from=category&page=1">
CÉRÉALES LOCALES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=160&data_from=category&page=1">
PATES ALIMENTAIRES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=146&data_from=category&page=1">
RIZ
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=149&data_from=category&page=1">
FARINES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=161&data_from=category&page=1">
COUSCOUS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=148&data_from=category&page=1">
SEMOULES
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=122&data_from=category&page=1">
PRODUITS TRANSFORMÉS
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=158&data_from=category&page=1">
SAUCE ET CONDIMENTS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=159&data_from=category&page=1">
CONCENTRÉS ET BOUILLONS
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=123&data_from=category&page=1">
PRODUITS SECS
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=162&data_from=category&page=1">
GRAINS ET LEGUMINEUSES
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=124&data_from=category&page=1">
HUILES ET GRAISSES
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=140&data_from=category&page=1">
HUILES VÉGÉTALES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=142&data_from=category&page=1">
MARGARINES ET BEURRES
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=125&data_from=category&page=1">
CONSERVES ET SAUCES
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=177&data_from=category&page=1">
CONSERVES DE LEGUMES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=178&data_from=category&page=1">
CONSERVES DE POISSON
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=143&data_from=category&page=1">
ASSAISSONEMENTS ET BOUILLONS
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=144&data_from=category&page=1">
SAUCES
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=145&data_from=category&page=1">
BOUILLON
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=113&data_from=category&page=1">
SNACKS & CONFISSERIE
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?category_id=136&data_from=category&page=1">
CHIPS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=138&data_from=category&page=1">
BISCUITS
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=139&data_from=category&page=1">
CHOCOLATS LOCAUX
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?category_id=137&data_from=category&page=1">
BONBONS
</a>
</li>
</ul>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=182&data_from=category&page=1">
Lait en poudre
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=180&data_from=category&page=1">
Pates alimentaire & Nouilles
</a>
</li>
</ul>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=46&data_from=category&page=1">
MULTIMEDIA
</a>
</li>
<li class="menu-item-has-children">
<a href="https://www.hyper.africa/products?category_id=88&data_from=category&page=1">
MAISON & CUISINE
</a>
<ul class="sub-menu">
<li class="">
<a href="https://www.hyper.africa/products?category_id=99&data_from=category&page=1">
ELECTROMENAGER
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=100&data_from=category&page=1">
MEUBLES
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=102&data_from=category&page=1">
DECORATION INTERIEURE
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=103&data_from=category&page=1">
TEXTILE DE CUISINE
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=104&data_from=category&page=1">
EQUIPEMENTS DE CUISINE
</a>
</li>
</ul>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=89&data_from=category&page=1">
ENVIRONEMENT & AGRICULTURE
</a>
</li>
<li class="">
<a href="https://www.hyper.africa/products?category_id=90&data_from=category&page=1">
LIVRES & EDUCATION
</a>
</li>
<li class="d-flex justify-content-center mt-3 py-0">
<a href="https://www.hyper.africa/products?data_from=latest"
class="btn-link text-primary">
Afficher tout
</a>
</li>
</ul>
</div>
</div>
<div class="col-xl-6">
<div class="row g-2 g-sm-3 mt-lg-0">
<div class="col-12">
<div class="swiper-container shadow-sm rounded">
<div class="swiper" data-swiper-loop="true"
data-swiper-navigation-next="null" data-swiper-navigation-prev="null">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="https://hyper.africa/products?category_id=164&data_from=category&offer_type=&page=1" class="h-100">
<img loading="lazy" alt="" class="dark-support rounded"
src="https://www.hyper.africa/storage/app/public/banner/2025-02-28-67c1ace918a92.webp">
</a>
</div>
<div class="swiper-slide">
<a href="https://hyper.africa/shopView/29" class="h-100">
<img loading="lazy" alt="" class="dark-support rounded"
src="https://www.hyper.africa/storage/app/public/banner/2025-02-28-67c1ac61ace9d.webp">
</a>
</div>
<div class="swiper-slide">
<a href="https://hyper.africa/products?category_id=164&data_from=category&offer_type=&page=1" class="h-100">
<img loading="lazy" alt="" class="dark-support rounded"
src="https://www.hyper.africa/storage/app/public/banner/2025-02-28-67c1ac1917d8f.webp">
</a>
</div>
<div class="swiper-slide">
<a href="https://hyper.africa/products?data_from=search&page_no=3&search_category_value=3&page=1" class="h-100">
<img loading="lazy" alt="" class="dark-support rounded"
src="https://www.hyper.africa/storage/app/public/banner/2025-02-28-67c1ab77900f9.webp">
</a>
</div>
<div class="swiper-slide">
<a href="https://hyper.africa/product/samyang-buldak-korean-double-spicy-chicken-instant-noodles-pack-of-5-x-140-g-bASI3n" class="h-100">
<img loading="lazy" alt="" class="dark-support rounded"
src="https://www.hyper.africa/storage/app/public/banner/2025-02-28-67c1a2316d043.webp">
</a>
</div>
<div class="swiper-slide">
<a href="https://hyper.africa/products?category_id=40&data_from=category&page=1" class="h-100">
<img loading="lazy" alt="" class="dark-support rounded"
src="https://www.hyper.africa/storage/app/public/banner/2025-02-28-67c1a1e85e8a3.webp">
</a>
</div>
<div class="swiper-slide">
<a href="https://hyper.africa/product/jumbo-pot-mixed-flavour-1kg-2KJw5a" class="h-100">
<img loading="lazy" alt="" class="dark-support rounded"
src="https://www.hyper.africa/storage/app/public/banner/2025-02-28-67c1a15f0ad22.webp">
</a>
</div>
<div class="swiper-slide">
<a href="https://hyper.africa/shopView/17" class="h-100">
<img loading="lazy" alt="" class="dark-support rounded"
src="https://www.hyper.africa/storage/app/public/banner/2024-02-04-65bfa0c2e0b9d.png">
</a>
</div>
<div class="swiper-slide">
<a href="https://hyper.africa" class="h-100">
<img loading="lazy" alt="" class="dark-support rounded"
src="https://www.hyper.africa/storage/app/public/banner/2024-01-14-65a44b2185de6.png">
</a>
</div>
<div class="swiper-slide">
<a href="https://hyper.africa" class="h-100">
<img loading="lazy" alt="" class="dark-support rounded"
src="https://www.hyper.africa/storage/app/public/banner/2024-01-14-65a44b7e60511.png">
</a>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
<div class="col-6 d-none d-sm-block">
<a href="https://hyper.africa/shopView/17" class="ad-hover h-100">
<img src="https://www.hyper.africa/storage/app/public/banner/2024-02-04-65bf9c4a99937.png"
loading="lazy" alt="" class="dark-support rounded w-100 img-fit">
</a>
</div>
<div class="col-6 d-none d-sm-block">
<a href="https://hyper.africa" class="ad-hover h-100">
<img src="https://www.hyper.africa/storage/app/public/banner/2024-01-14-65a44a4339910.png"
loading="lazy" alt="" class="dark-support rounded w-100 img-fit">
</a>
</div>
</div>
</div>
<div class="col-xl-3 d-none d-sm-block">
<a href="https://hyper.africa/product/coral-lamp-2-sTKqyN">
<img alt="" class="dark-support rounded w-100"
src="https://www.hyper.africa/storage/app/public/banner/2024-01-14-65a44a05e2374.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="flexible-grid lg-down-1 gap-3">
<div class="col-12 d-sm-none">
<a href="https://hyper.africa/shopView/17" class="ad-hover">
<img loading="lazy" class="dark-support rounded w-100" alt=""
src="https://www.hyper.africa/storage/app/public/banner/2024-02-04-65bf9c4a99937.png">
</a>
</div>
<div class="d-none d-sm-block">
<a href="https://hyper.africa">
<img alt="" class="dark-support rounded w-100"
src="https://www.hyper.africa/storage/app/public/banner/2024-01-14-65a44aa2729d5.png">
</a>
</div>
<div class="card">
<div class="p-3 p-sm-4">
<div class="d-flex flex-wrap justify-content-between gap-3 mb-3 mb-sm-4">
<h2><span class="text-primary">Trouver</span> ce dont vous avez besoin</h2>
<div class="swiper-nav d-flex gap-2 align-items-center">
<div
class="swiper-button-prev find-what-you-need-nav-prev position-static rounded-10"></div>
<div
class="swiper-button-next find-what-you-need-nav-next position-static rounded-10"></div>
</div>
</div>
<div class="swiper-container">
<div class="position-relative d-md-none">
<div class="swiper" data-swiper-loop="true" data-swiper-margin="16"
data-swiper-speed="2000" data-swiper-pagination-el="null"
data-swiper-navigation-next=".find-what-you-need-nav-next"
data-swiper-navigation-prev=".find-what-you-need-nav-prev">
<div class="swiper-wrapper">
<div class="swiper-slide align-items-start bg-white">
<div class="flexible-grid md-down-1 gap-3 w-100 width-1fr">
<div class="bg-light rounded p-4">
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate width--16ch">
High tech</h5>
<div
class="text-muted">0 Produits</div>
</div>
<a href="https://www.hyper.africa/products?category_id=37&data_from=category&page=1"
class="btn-link">Afficher tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="find-what-you-need-items">
<a href="https://www.hyper.africa/products?category_id=39&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b6539d9540f.png">
</div>
</div>
<div class="truncate text-center">
TELEPHONE ACCESSOIRES
</div>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-white">
<div class="flexible-grid md-down-1 gap-3 w-100 width-1fr">
<div class="bg-light rounded p-4">
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate width--16ch">
GROS & DEMIE GROS</h5>
<div
class="text-muted">1 Produits</div>
</div>
<a href="https://www.hyper.africa/products?category_id=214&data_from=category&page=1"
class="btn-link">Afficher tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="find-what-you-need-items">
<a href="https://www.hyper.africa/products?category_id=215&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
1
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2025-05-08-681cff5180e6f.webp">
</div>
</div>
<div class="truncate text-center">
SURGELÉ
</div>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-white">
<div class="flexible-grid md-down-1 gap-3 w-100 width-1fr">
<div class="bg-light rounded p-4">
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate width--16ch">
Arts et artisanat d'Afrique</h5>
<div
class="text-muted">5 Produits</div>
</div>
<a href="https://www.hyper.africa/products?category_id=1&data_from=category&page=1"
class="btn-link">Afficher tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="find-what-you-need-items">
<a href="https://www.hyper.africa/products?category_id=105&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b62b6828736.png">
</div>
</div>
<div class="truncate text-center">
PEINTURE
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=108&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b62e42ba2d1.png">
</div>
</div>
<div class="truncate text-center">
ARTISANAT LOCAL
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=106&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b62c1a83fc1.png">
</div>
</div>
<div class="truncate text-center">
SCULPTURE
</div>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-white">
<div class="flexible-grid md-down-1 gap-3 w-100 width-1fr">
<div class="bg-light rounded p-4">
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate width--16ch">
BEAUTÉ & BIEN ÊTRE</h5>
<div
class="text-muted">62 Produits</div>
</div>
<a href="https://www.hyper.africa/products?category_id=3&data_from=category&page=1"
class="btn-link">Afficher tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="find-what-you-need-items">
<a href="https://www.hyper.africa/products?category_id=84&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
9
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b61611ebb3f.png">
</div>
</div>
<div class="truncate text-center">
SOIN DE LA PEAU
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=85&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
38
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b61637cc272.png">
</div>
</div>
<div class="truncate text-center">
SOIN DES CHEVEUX
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=87&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
1
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b61701261b1.png">
</div>
</div>
<div class="truncate text-center">
MAQUILLAGE
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=98&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
9
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b6233652db3.png">
</div>
</div>
<div class="truncate text-center">
PRODUITS NATURELS
</div>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-white">
<div class="flexible-grid md-down-1 gap-3 w-100 width-1fr">
<div class="bg-light rounded p-4">
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate width--16ch">
MODE ET ACCESSOIRES</h5>
<div
class="text-muted">4 Produits</div>
</div>
<a href="https://www.hyper.africa/products?category_id=5&data_from=category&page=1"
class="btn-link">Afficher tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="find-what-you-need-items">
<a href="https://www.hyper.africa/products?category_id=54&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b60196d5a05.png">
</div>
</div>
<div class="truncate text-center">
VETEMENTS
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=56&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b601d69730c.png">
</div>
</div>
<div class="truncate text-center">
CHAUSSURES
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=57&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
4
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b6027fb08cc.png">
</div>
</div>
<div class="truncate text-center">
SACS ET MAROQUINERIE
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=58&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b602bcdeb2f.png">
</div>
</div>
<div class="truncate text-center">
ACCESSOIRES
</div>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-white">
<div class="flexible-grid md-down-1 gap-3 w-100 width-1fr">
<div class="bg-light rounded p-4">
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate width--16ch">
BOISSONS</h5>
<div
class="text-muted">53 Produits</div>
</div>
<a href="https://www.hyper.africa/products?category_id=192&data_from=category&page=1"
class="btn-link">Afficher tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="find-what-you-need-items">
<a href="https://www.hyper.africa/products?category_id=197&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
9
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2025-03-06-67c9d990bc8f0.webp">
</div>
</div>
<div class="truncate text-center">
CAFÉ & THÉ
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=196&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
8
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2025-03-06-67c9d4dd9ec58.webp">
</div>
</div>
<div class="truncate text-center">
BOISSONS NON ALCOOLISÉES
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=194&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
36
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2025-03-06-67c9d064e6fd2.webp">
</div>
</div>
<div class="truncate text-center">
ALCOOL & DROGUERIE
</div>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-white">
<div class="flexible-grid md-down-1 gap-3 w-100 width-1fr">
<div class="bg-light rounded p-4">
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate width--16ch">
ALIMENTATION</h5>
<div
class="text-muted">112 Produits</div>
</div>
<a href="https://www.hyper.africa/products?category_id=40&data_from=category&page=1"
class="btn-link">Afficher tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="find-what-you-need-items">
<a href="https://www.hyper.africa/products?category_id=109&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
2
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b63cd88f92c.png">
</div>
</div>
<div class="truncate text-center">
BOISSONS
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=110&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
22
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b63eda108bf.png">
</div>
</div>
<div class="truncate text-center">
EPICERIE FINE
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=111&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
10
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b63f7c47fbb.png">
</div>
</div>
<div class="truncate text-center">
PRODUITS FRAIS
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=112&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
11
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b641784e866.png">
</div>
</div>
<div class="truncate text-center">
PRODUITS BIO & NATURELS
</div>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-white">
<div class="flexible-grid md-down-1 gap-3 w-100 width-1fr">
<div class="bg-light rounded p-4">
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate width--16ch">
MAISON & CUISINE</h5>
<div
class="text-muted">0 Produits</div>
</div>
<a href="https://www.hyper.africa/products?category_id=88&data_from=category&page=1"
class="btn-link">Afficher tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="find-what-you-need-items">
<a href="https://www.hyper.africa/products?category_id=99&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b626bd0594c.png">
</div>
</div>
<div class="truncate text-center">
ELECTROMENAGER
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=100&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b62738a37c4.png">
</div>
</div>
<div class="truncate text-center">
MEUBLES
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=102&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b6282700a5f.png">
</div>
</div>
<div class="truncate text-center">
DECORATION INTERIEURE
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=103&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b62928192e7.png">
</div>
</div>
<div class="truncate text-center">
TEXTILE DE CUISINE
</div>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-white">
<div class="flexible-grid md-down-1 gap-3 w-100 width-1fr">
<div class="bg-light rounded p-4">
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate width--16ch">
PRODUITS ANTILLAIS</h5>
<div
class="text-muted">12 Produits</div>
</div>
<a href="https://www.hyper.africa/products?category_id=164&data_from=category&page=1"
class="btn-link">Afficher tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="find-what-you-need-items">
<a href="https://www.hyper.africa/products?category_id=166&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
5
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2025-01-26-679666da868e2.png">
</div>
</div>
<div class="truncate text-center">
SAUCE & ASSAISONNEMENT
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=167&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
2
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2025-01-26-6796675a144cb.png">
</div>
</div>
<div class="truncate text-center">
ÉPICES
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=168&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2025-01-26-679667bfd0966.png">
</div>
</div>
<div class="truncate text-center">
BOISSONS & SODA
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=169&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
1
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2025-01-26-6796680de78c3.png">
</div>
</div>
<div class="truncate text-center">
CHARCUTERIE
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="position-relative d-none d-md-block">
<div class="swiper" data-swiper-loop="true" data-swiper-margin="16"
data-swiper-speed="2000" data-swiper-pagination-el="null"
data-swiper-navigation-next=".find-what-you-need-nav-next"
data-swiper-navigation-prev=".find-what-you-need-nav-prev">
<div class="swiper-wrapper">
<div class="swiper-slide align-items-start bg-white">
<div class="flexible-grid md-down-1 gap-3 w-100 width-1fr">
<div class="bg-light rounded p-4">
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate width--16ch">
High tech</h5>
<div
class="text-muted">0 Produits</div>
</div>
<a href="https://www.hyper.africa/products?category_id=37&data_from=category&page=1"
class="btn-link">Afficher tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="find-what-you-need-items">
<a href="https://www.hyper.africa/products?category_id=39&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b6539d9540f.png">
</div>
</div>
<div class="truncate text-center">
TELEPHONE ACCESSOIRES
</div>
</a>
</div>
</div>
<div class="bg-light rounded p-4">
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate width--16ch">
GROS & DEMIE GROS</h5>
<div
class="text-muted">1 Produits</div>
</div>
<a href="https://www.hyper.africa/products?category_id=214&data_from=category&page=1"
class="btn-link">Afficher tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="find-what-you-need-items">
<a href="https://www.hyper.africa/products?category_id=215&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
1
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2025-05-08-681cff5180e6f.webp">
</div>
</div>
<div class="truncate text-center">
SURGELÉ
</div>
</a>
</div>
</div>
<div class="bg-light rounded p-4">
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate width--16ch">
Arts et artisanat d'Afrique</h5>
<div
class="text-muted">5 Produits</div>
</div>
<a href="https://www.hyper.africa/products?category_id=1&data_from=category&page=1"
class="btn-link">Afficher tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="find-what-you-need-items">
<a href="https://www.hyper.africa/products?category_id=105&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b62b6828736.png">
</div>
</div>
<div class="truncate text-center">
PEINTURE
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=108&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b62e42ba2d1.png">
</div>
</div>
<div class="truncate text-center">
ARTISANAT LOCAL
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=106&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b62c1a83fc1.png">
</div>
</div>
<div class="truncate text-center">
SCULPTURE
</div>
</a>
</div>
</div>
<div class="bg-light rounded p-4">
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate width--16ch">
BEAUTÉ & BIEN ÊTRE</h5>
<div
class="text-muted">62 Produits</div>
</div>
<a href="https://www.hyper.africa/products?category_id=3&data_from=category&page=1"
class="btn-link">Afficher tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="find-what-you-need-items">
<a href="https://www.hyper.africa/products?category_id=84&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
9
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b61611ebb3f.png">
</div>
</div>
<div class="truncate text-center">
SOIN DE LA PEAU
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=85&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
38
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b61637cc272.png">
</div>
</div>
<div class="truncate text-center">
SOIN DES CHEVEUX
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=87&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
1
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b61701261b1.png">
</div>
</div>
<div class="truncate text-center">
MAQUILLAGE
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=98&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
9
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b6233652db3.png">
</div>
</div>
<div class="truncate text-center">
PRODUITS NATURELS
</div>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-white">
<div class="flexible-grid md-down-1 gap-3 w-100 width-1fr">
<div class="bg-light rounded p-4">
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate width--16ch">
MODE ET ACCESSOIRES</h5>
<div
class="text-muted">4 Produits</div>
</div>
<a href="https://www.hyper.africa/products?category_id=5&data_from=category&page=1"
class="btn-link">Afficher tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="find-what-you-need-items">
<a href="https://www.hyper.africa/products?category_id=54&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b60196d5a05.png">
</div>
</div>
<div class="truncate text-center">
VETEMENTS
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=56&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b601d69730c.png">
</div>
</div>
<div class="truncate text-center">
CHAUSSURES
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=57&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
4
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b6027fb08cc.png">
</div>
</div>
<div class="truncate text-center">
SACS ET MAROQUINERIE
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=58&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b602bcdeb2f.png">
</div>
</div>
<div class="truncate text-center">
ACCESSOIRES
</div>
</a>
</div>
</div>
<div class="bg-light rounded p-4">
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate width--16ch">
BOISSONS</h5>
<div
class="text-muted">53 Produits</div>
</div>
<a href="https://www.hyper.africa/products?category_id=192&data_from=category&page=1"
class="btn-link">Afficher tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="find-what-you-need-items">
<a href="https://www.hyper.africa/products?category_id=197&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
9
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2025-03-06-67c9d990bc8f0.webp">
</div>
</div>
<div class="truncate text-center">
CAFÉ & THÉ
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=196&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
7+
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2025-03-06-67c9d4dd9ec58.webp">
</div>
</div>
<div class="truncate text-center">
BOISSONS NON ALCOOLISÉES
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=194&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
36
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2025-03-06-67c9d064e6fd2.webp">
</div>
</div>
<div class="truncate text-center">
ALCOOL & DROGUERIE
</div>
</a>
</div>
</div>
<div class="bg-light rounded p-4">
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate width--16ch">
ALIMENTATION</h5>
<div
class="text-muted">112 Produits</div>
</div>
<a href="https://www.hyper.africa/products?category_id=40&data_from=category&page=1"
class="btn-link">Afficher tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="find-what-you-need-items">
<a href="https://www.hyper.africa/products?category_id=109&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
2
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b63cd88f92c.png">
</div>
</div>
<div class="truncate text-center">
BOISSONS
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=110&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
22
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b63eda108bf.png">
</div>
</div>
<div class="truncate text-center">
EPICERIE FINE
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=111&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
10
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b63f7c47fbb.png">
</div>
</div>
<div class="truncate text-center">
PRODUITS FRAIS
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=112&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
11
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b641784e866.png">
</div>
</div>
<div class="truncate text-center">
PRODUITS BIO & NATURELS
</div>
</a>
</div>
</div>
<div class="bg-light rounded p-4">
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate width--16ch">
MAISON & CUISINE</h5>
<div
class="text-muted">0 Produits</div>
</div>
<a href="https://www.hyper.africa/products?category_id=88&data_from=category&page=1"
class="btn-link">Afficher tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="find-what-you-need-items">
<a href="https://www.hyper.africa/products?category_id=99&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b626bd0594c.png">
</div>
</div>
<div class="truncate text-center">
ELECTROMENAGER
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=100&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b62738a37c4.png">
</div>
</div>
<div class="truncate text-center">
MEUBLES
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=102&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b6282700a5f.png">
</div>
</div>
<div class="truncate text-center">
DECORATION INTERIEURE
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=103&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2024-08-09-66b62928192e7.png">
</div>
</div>
<div class="truncate text-center">
TEXTILE DE CUISINE
</div>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-white">
<div class="flexible-grid md-down-1 gap-3 w-100 width-1fr">
<div class="bg-light rounded p-4">
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate width--16ch">
PRODUITS ANTILLAIS</h5>
<div
class="text-muted">12 Produits</div>
</div>
<a href="https://www.hyper.africa/products?category_id=164&data_from=category&page=1"
class="btn-link">Afficher tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="find-what-you-need-items">
<a href="https://www.hyper.africa/products?category_id=166&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
5
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2025-01-26-679666da868e2.png">
</div>
</div>
<div class="truncate text-center">
SAUCE & ASSAISONNEMENT
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=167&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
2
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2025-01-26-6796675a144cb.png">
</div>
</div>
<div class="truncate text-center">
ÉPICES
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=168&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2025-01-26-679667bfd0966.png">
</div>
</div>
<div class="truncate text-center">
BOISSONS & SODA
</div>
</a>
<a href="https://www.hyper.africa/products?category_id=169&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-center">
<div
class="img-wrap bg-white w-100 rounded justify-content-center d-flex">
<div class="floting-text">
<span class="truncate text-center">
<span>
1
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100 height--5rem">
<img alt="" loading="lazy" class="dark-support img-fit"
src="https://www.hyper.africa/storage/app/public/category/2025-01-26-6796680de78c3.png">
</div>
</div>
<div class="truncate text-center">
CHARCUTERIE
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 d-sm-none">
<a href="https://hyper.africa/product/coral-lamp-2-sTKqyN">
<img alt="" class="dark-support rounded w-100"
src="https://www.hyper.africa/storage/app/public/banner/2024-01-14-65a44a05e2374.png">
</a>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="card">
<div class="p-3 p-sm-4">
<div class="d-flex flex-wrap justify-content-between gap-3 mb-3 mb-sm-4">
<div class="d-flex flex-wrap gap-3 align-items-center">
<h2><span class="text-primary">Meilleures</span> Boutiques</h2>
</div>
<div class="swiper-nav d-flex gap-2 align-items-center">
<a href="https://www.hyper.africa/vendors?filter=top-vendors" class="btn-link text-primary text-capitalize">Afficher tout</a>
<div class="swiper-button-prev top-stores-nav-prev position-static rounded-10"></div>
<div class="swiper-button-next top-stores-nav-next position-static rounded-10"></div>
</div>
</div>
<div class="swiper-container">
<div class="position-relative">
<div class="swiper" data-swiper-loop="true" data-swiper-margin="20"
data-swiper-pagination-el="null" data-swiper-navigation-next=".top-stores-nav-next"
data-swiper-navigation-prev=".top-stores-nav-prev"
data-swiper-breakpoints='{"0": {"slidesPerView": "1"}, "768": {"slidesPerView": "2"}, "992": {"slidesPerView": "3"}}'>
<div class="swiper-wrapper">
<div class="swiper-slide align-items-start bg-light rounded">
<div class="bg-light position-relative rounded p-3 p-sm-4 w-100">
<div class=" mb-3">
<h5 class="mb-1">
<a href="https://www.hyper.africa/shopView/0">Hyper Africa</a>
</h5>
<div
class="text-muted">5 Produits</div>
<div class="d-flex gap-2 align-items-center mt-1">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>(0)</span>
</div>
</div>
<div class="auto-col gap-3 minWidth-3-75rem"
style="--maxWidth: 1fr">
<a href="https://www.hyper.africa/product/oleo-refined-oil-made-in-cameroon-k4jT88"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "57"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-01-04-6596786dc2140.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
2.21€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/spaghetti-broli-500g-HEMonI"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "60"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-01-12-65a0ad993a7a1.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
0.76€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/catherine-slimming-tea-x-32-chrysanthemum-flavor-infusion-tkAxRQ"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "334"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-01-27-6797c27a09961.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
11.00€
</ins>
</div>
</a>
<!-- Adjust extra width -->
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-light rounded">
<div class="bg-light position-relative rounded p-3 p-sm-4 w-100">
<div class=" mb-3">
<h5 class="mb-1">
<a href="https://www.hyper.africa/shopView/2">TIKI Store</a>
</h5>
<div
class="text-muted">3 Produits</div>
<div class="d-flex gap-2 align-items-center mt-1">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>(0)</span>
</div>
</div>
<div class="auto-col gap-3 minWidth-3-75rem"
style="--maxWidth: 1fr">
<a href="https://www.hyper.africa/product/vin-blanc-tiki-yUZxe8"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "22"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a19d2c3ee93.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
7.55€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/exportation-vin-blanc-ananas-tiki-made-in-cameroon-CJXy1B"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "23"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a19ca9db38d.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
7.55€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/vin-rouge-tiki-made-in-cameroon-lOysso"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "24"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-05-29-6473ed4b2c566.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
7.55€
</ins>
</div>
</a>
<!-- Adjust extra width -->
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-light rounded">
<div class="bg-light position-relative rounded p-3 p-sm-4 w-100">
<div class=" mb-3">
<h5 class="mb-1">
<a href="https://www.hyper.africa/shopView/9">Wk.création</a>
</h5>
<div
class="text-muted">2 Produits</div>
<div class="d-flex gap-2 align-items-center mt-1">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>(0)</span>
</div>
</div>
<div class="auto-col gap-3 minWidth-3-75rem"
style="--maxWidth: 1fr">
<a href="https://www.hyper.africa/product/coral-lamp-v937DS"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "31"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a196c476ff3.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
100.00€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/coral-lamp-2-sTKqyN"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "32"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a197a5cbfb7.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
100.00€
</ins>
</div>
</a>
<!-- Adjust extra width -->
<div></div>
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-light rounded">
<div class="bg-light position-relative rounded p-3 p-sm-4 w-100">
<div class=" mb-3">
<h5 class="mb-1">
<a href="https://www.hyper.africa/shopView/17">LSK</a>
</h5>
<div
class="text-muted">4 Produits</div>
<div class="d-flex gap-2 align-items-center mt-1">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>(0)</span>
</div>
</div>
<div class="auto-col gap-3 minWidth-3-75rem"
style="--maxWidth: 1fr">
<a href="https://www.hyper.africa/product/backpack-kylia-rose-lsk-n2Qhg2"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "50"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ec014ca1184.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
61.00€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/pluton-lsk-travel-bag-kQ2HLM"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "51"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ec0fe2870ef.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
115.00€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/soleil-lsk-backpack-RKD70M"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "52"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ec141ad9680.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
61.00€
</ins>
</div>
</a>
<!-- Adjust extra width -->
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-light rounded">
<div class="bg-light position-relative rounded p-3 p-sm-4 w-100">
<div class=" mb-3">
<h5 class="mb-1">
<a href="https://www.hyper.africa/shopView/19">ABENA DOLLS</a>
</h5>
<div
class="text-muted">3 Produits</div>
<div class="d-flex gap-2 align-items-center mt-1">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>(0)</span>
</div>
</div>
<div class="auto-col gap-3 minWidth-3-75rem"
style="--maxWidth: 1fr">
<a href="https://www.hyper.africa/product/large-african-doll-JqExil"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "45"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ebe4c84bb13.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
25.00€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/azania-african-doll-30BONJ"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "47"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ebe657ad643.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
23.00€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/malia-african-doll-noJt7X"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "49"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ebf2ffbd9f6.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
20.00€
</ins>
</div>
</a>
<!-- Adjust extra width -->
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-light rounded">
<div class="bg-light position-relative rounded p-3 p-sm-4 w-100">
<div class=" mb-3">
<h5 class="mb-1">
<a href="https://www.hyper.africa/shopView/24">SIAKE KWEYAP</a>
</h5>
<div
class="text-muted">2 Produits</div>
<div class="d-flex gap-2 align-items-center mt-1">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>(0)</span>
</div>
</div>
<div class="auto-col gap-3 minWidth-3-75rem"
style="--maxWidth: 1fr">
<a href="https://www.hyper.africa/product/ancestral-worship-in-africa-ubAWOZ"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "62"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-01-27-65b4657b861b0.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<del
class="product__old-price">35.00€</del>
<ins class="product__new-price">
30.00€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/memoires-pour-vagir-VLlbZP"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "63"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-01-29-65b799188f9a2.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<del
class="product__old-price">15.00€</del>
<ins class="product__new-price">
13.00€
</ins>
</div>
</a>
<!-- Adjust extra width -->
<div></div>
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-light rounded">
<div class="bg-light position-relative rounded p-3 p-sm-4 w-100">
<div class=" mb-3">
<h5 class="mb-1">
<a href="https://www.hyper.africa/shopView/25">PAGING BOOK</a>
</h5>
<div
class="text-muted">2 Produits</div>
<div class="d-flex gap-2 align-items-center mt-1">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>(0)</span>
</div>
</div>
<div class="auto-col gap-3 minWidth-3-75rem"
style="--maxWidth: 1fr">
<a href="https://www.hyper.africa/product/living-zen-without-stress-a-complete-guide-to-cultivate-serenity-on-a-daily-basis-and-regain-mental-and-emotional-balanc"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "64"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-02-03-65be1c3631dcf.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
30.00€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/golden-rules-postpartum-depression-stress-management-zIdbtU"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "65"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-02-03-65be20136125b.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
15.00€
</ins>
</div>
</a>
<!-- Adjust extra width -->
<div></div>
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-light rounded">
<div class="bg-light position-relative rounded p-3 p-sm-4 w-100">
<div class=" mb-3">
<h5 class="mb-1">
<a href="https://www.hyper.africa/shopView/29">EXO TEKA</a>
</h5>
<div
class="text-muted">225 Produits</div>
<div class="d-flex gap-2 align-items-center mt-1">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
<span>(1)</span>
</div>
</div>
<div class="auto-col gap-3 minWidth-3-75rem"
style="--maxWidth: 1fr">
<a href="https://www.hyper.africa/product/white-lingot-dry-beans-1kg-Gxb51w"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "117"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-12-29-67715a525e52d.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
3.99€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/yari-palm-oil-250ml-r1JKHT"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "190"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-04-67a17e70eaa91.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
6.90€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/x-pression-1b-oTuSOo"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "242"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-01-27-6797de9b3693d.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
3.50€
</ins>
</div>
</a>
<!-- Adjust extra width -->
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-light rounded">
<div class="bg-light position-relative rounded p-3 p-sm-4 w-100">
<div class=" mb-3">
<h5 class="mb-1">
<a href="https://www.hyper.africa/shopView/33">KINDAK ADVYS</a>
</h5>
<div
class="text-muted">7 Produits</div>
<div class="d-flex gap-2 align-items-center mt-1">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>(0)</span>
</div>
</div>
<div class="auto-col gap-3 minWidth-3-75rem"
style="--maxWidth: 1fr">
<a href="https://www.hyper.africa/product/lip-gloss-pink-paris-mLANWP"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "179"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-01-18-678c161e4796d.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
3.00€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/secret-dafrique-coco-butter-lotion-500ml-Lup2tx"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "181"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-01-18-678c1d20d92ea.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
6.99€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/adf-mix-oil-6-en-1-100-naturel-250ml-KV96CT"
class="store-product d-flex flex-column gap-2 align-items-center">
<div class="store-product__top border rounded">
<span class="store-product__action preventDefault get-quick-view"
data-product-id = "186"
data-action = "https://www.hyper.africa/quick-view"
>
<i class="bi bi-eye fs-12"></i>
</span>
<img width="100"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-01-19-678c48144ff5d.png"
alt="" loading="lazy"
class="dark-support rounded aspect-1 img-fit">
</div>
<div
class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
8.50€
</ins>
</div>
</a>
<!-- Adjust extra width -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 mt-3 d-sm-none">
<a href="https://hyper.africa" class="ad-hover">
<img src="https://www.hyper.africa/storage/app/public/banner/2024-01-14-65a44a4339910.png" loading="lazy"
class="dark-support rounded w-100" alt="">
</a>
</div>
</div>
</section>
<section class="py-3">
<div class="container">
<h2 class="text-center mb-3 text-capitalize">Recommandé pour vous</h2>
<nav class="d-flex justify-content-center">
<div class="nav nav-nowrap gap-3 gap-xl-5 nav--tabs hide-scrollbar" id="nav-tab" role="tablist">
<button class="active text-capitalize" id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#featured_product"
role="tab" aria-controls="featured_product">Produits populaires
</button>
<button class="text-capitalize" data-bs-toggle="tab" data-bs-target="#best_selling" role="tab"
aria-controls="best_selling">Meilleures ventes
</button>
<button class="text-capitalize" data-bs-toggle="tab" data-bs-target="#latest_product" role="tab"
aria-controls="latest_product">derniers produits
</button>
</div>
</nav>
<div class="card mt-3">
<div class="p-2 p-sm-3">
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="featured_product" role="tabpanel" tabindex="0">
<div class="d-flex flex-wrap justify-content-end gap-3 mb-3">
<a href="https://www.hyper.africa/products?data_from=featured" class="btn-link text-capitalize">Afficher tout
<i class="bi bi-chevron-right text-primary"></i>
</a>
</div>
<div class="auto-col mobile-items-2 gap-2 gap-sm-3 recommended-product-grid minWidth-12rem">
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/catherine-slimming-tea-x-32-chrysanthemum-flavor-infusion-tkAxRQ">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="334"
id="wishlist-334"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-334 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-334 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="334"
id="compare_list-334" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="334" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-01-27-6797c27a09961.png">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class='d-flex mt-2 flex-wrap align-items-center product-countries'><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Country of inspiration France" data-balloon-pos="down">
<img src="https://flagcdn.com/fr.svg" class="rounded" alt="Country of inspiration France" loading="lazy">
</span><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Shipping country Danemark" data-balloon-pos="up">
<img src="https://flagcdn.com/dk.svg" class="rounded" alt="Shipping country Danemark" loading="lazy">
</span></div>
<div class="text-muted fs-12">
Hyper Africa
</div>
<h6 class="product__title text-truncate">
Thé Minceur Catherine x 3...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
11.00€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/samyang-buldak-ramen-noodles-with-spicy-chicken-cheese-flavor-pack-of-5-FRfWrL">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="322"
id="wishlist-322"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-322 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-322 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="322"
id="compare_list-322" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="322" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-03-67a0c20d7a574.png">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class='d-flex mt-2 flex-wrap align-items-center product-countries'><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Shipping country France" data-balloon-pos="up">
<img src="https://flagcdn.com/fr.svg" class="rounded" alt="Shipping country France" loading="lazy">
</span></div>
<div class="text-muted fs-12">
EXO TEKA
</div>
<h6 class="product__title text-truncate">
Nouilles Samyang Buldak R...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
10.00€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/samyang-buldak-spicy-fried-chicken-noodles-5-pack-x-140g-cPoUEB">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="321"
id="wishlist-321"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-321 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-321 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="321"
id="compare_list-321" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="321" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-03-67a0b663e7e72.png">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class='d-flex mt-2 flex-wrap align-items-center product-countries'><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Shipping country France" data-balloon-pos="up">
<img src="https://flagcdn.com/fr.svg" class="rounded" alt="Shipping country France" loading="lazy">
</span></div>
<div class="text-muted fs-12">
EXO TEKA
</div>
<h6 class="product__title text-truncate">
Samyang Buldalk, Nouilles...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
10.00€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/nocciolata-bianca-bianca-bio-250g-dough-uAMPmH">
<div class="product__top width--100 aspect-1">
<span class="product__discount-badge">
<span>
-12%
</span>
</span>
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="320"
id="wishlist-320"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-320 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-320 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="320"
id="compare_list-320" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="320" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679f8ed3f38f7.png">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class='d-flex mt-2 flex-wrap align-items-center product-countries'><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Shipping country France" data-balloon-pos="up">
<img src="https://flagcdn.com/fr.svg" class="rounded" alt="Shipping country France" loading="lazy">
</span></div>
<div class="text-muted fs-12">
EXO TEKA
</div>
<h6 class="product__title text-truncate">
NOCCIOLATA pâte noisette...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<del class="product__old-price">4.50€</del>
<ins class="product__new-price">
3.96€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/samyang-buldak-korean-double-spicy-chicken-instant-noodles-pack-of-5-x-140-g-bASI3n">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="319"
id="wishlist-319"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-319 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-319 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="319"
id="compare_list-319" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="319" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-01-31-679d166513426.png">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class='d-flex mt-2 flex-wrap align-items-center product-countries'><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Shipping country France" data-balloon-pos="up">
<img src="https://flagcdn.com/fr.svg" class="rounded" alt="Shipping country France" loading="lazy">
</span></div>
<div class="text-muted fs-12">
EXO TEKA
</div>
<h6 class="product__title text-truncate">
Samyang BULDAG – Nouilles...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
10.00€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/the-minceur-catherine-x32-infusion-saveur-chrysantheme-r3unF0">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="318"
id="wishlist-318"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-318 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-318 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="318"
id="compare_list-318" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="318" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-01-27-6797c27a09961.png">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class='d-flex mt-2 flex-wrap align-items-center product-countries'><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Shipping country France" data-balloon-pos="up">
<img src="https://flagcdn.com/fr.svg" class="rounded" alt="Shipping country France" loading="lazy">
</span></div>
<div class="text-muted fs-12">
EXO TEKA
</div>
<h6 class="product__title text-truncate">
Thé Minceur Catherine x 3...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
11.00€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/birds-eye-chili-50g-chaleur-creole-Cue3pG">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="267"
id="wishlist-267"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-267 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-267 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="267"
id="compare_list-267" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="267" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679eeb03d953c.png">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class="text-muted fs-12">
EXO TEKA
</div>
<h6 class="product__title text-truncate">
Piments Oiseau 50g Chaleu...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
4.50€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/colombo-paste-200g-chaleur-creole-EoZB6K">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="266"
id="wishlist-266"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-266 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-266 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="266"
id="compare_list-266" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="266" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679eec0a11aa5.png">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class='d-flex mt-2 flex-wrap align-items-center product-countries'><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Shipping country France" data-balloon-pos="up">
<img src="https://flagcdn.com/fr.svg" class="rounded" alt="Shipping country France" loading="lazy">
</span></div>
<div class="text-muted fs-12">
EXO TEKA
</div>
<h6 class="product__title text-truncate">
Pâte de Colombo 200g Chal...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
7.30€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/dried-lentils-legumor-1kg-Ch8CC4">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="265"
id="wishlist-265"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-265 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-265 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="265"
id="compare_list-265" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="265" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-05-67a377e765a16.png">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class="text-muted fs-12">
EXO TEKA
</div>
<h6 class="product__title text-truncate">
🌱 Lentilles Sèches Légum...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
5.50€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/vacuum-packed-pork-snout-500g-marion-6P3Agt">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="264"
id="wishlist-264"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-264 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-264 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="264"
id="compare_list-264" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="264" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679ef0fe25381.png">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class="text-muted fs-12">
EXO TEKA
</div>
<h6 class="product__title text-truncate">
Groin de Porc Sous Vide 5...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
8.80€
</ins>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="best_selling" role="tabpanel" tabindex="0">
<div class="d-flex flex-wrap justify-content-end gap-3 mb-3">
<a href="https://www.hyper.africa/products?data_from=best-selling" class="btn-link text-capitalize">Afficher tout
<i class="bi bi-chevron-right text-primary"></i>
</a>
</div>
<div class="auto-col mobile-items-2 gap-2 gap-sm-3 recommended-product-grid minWidth-12rem">
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/backpack-kylia-rose-lsk-n2Qhg2">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="50"
id="wishlist-50"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-50 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-50 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="50"
id="compare_list-50" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="50" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ec014ca1184.png">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class='d-flex mt-2 flex-wrap align-items-center product-countries'><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Country of inspiration and expedition Cameroon" data-balloon-pos="down">
<img src="https://flagcdn.com/cm.svg" class="rounded" alt="Country of inspiration and expedition Cameroon" loading="lazy">
</span></div>
<div class="text-muted fs-12">
LSK
</div>
<h6 class="product__title text-truncate">
Sac à dos Kylia-Rose LSK
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
61.00€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/mayor-refined-oil-100-made-in-cameroon-H4GLVO">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="55"
id="wishlist-55"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-55 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-55 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="55"
id="compare_list-55" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="55" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-12-30-658fed6e37342.png">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class="text-muted fs-12">
Hyper Africa
</div>
<h6 class="product__title text-truncate">
Huile raffinée MAYOR du C...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
2.21€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/bijou-gold-rice-made-in-cameroon-8zGBwU">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="58"
id="wishlist-58"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-58 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-58 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="58"
id="compare_list-58" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="58" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-01-12-65a09db5ed6fe.png">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class="text-muted fs-12">
Hyper Africa
</div>
<h6 class="product__title text-truncate">
Riz bijou gold Du Caùmero...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
9.00€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/coral-lamp-2-sTKqyN">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="32"
id="wishlist-32"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-32 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-32 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="32"
id="compare_list-32" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="32" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a197a5cbfb7.png">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class="text-muted fs-12">
Wk.création
</div>
<h6 class="product__title text-truncate">
Lampe CORAIL 2
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
100.00€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/catherine-slimming-tea-x-32-chrysanthemum-flavor-infusion-tkAxRQ">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="334"
id="wishlist-334"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-334 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-334 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="334"
id="compare_list-334" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="334" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-01-27-6797c27a09961.png">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class='d-flex mt-2 flex-wrap align-items-center product-countries'><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Country of inspiration France" data-balloon-pos="down">
<img src="https://flagcdn.com/fr.svg" class="rounded" alt="Country of inspiration France" loading="lazy">
</span><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Shipping country Danemark" data-balloon-pos="up">
<img src="https://flagcdn.com/dk.svg" class="rounded" alt="Shipping country Danemark" loading="lazy">
</span></div>
<div class="text-muted fs-12">
Hyper Africa
</div>
<h6 class="product__title text-truncate">
Thé Minceur Catherine x 3...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
11.00€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/coral-lamp-v937DS">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="31"
id="wishlist-31"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-31 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-31 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="31"
id="compare_list-31" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="31" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a196c476ff3.png">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class="text-muted fs-12">
Wk.création
</div>
<h6 class="product__title text-truncate">
Lampe CORAIL
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
100.00€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/large-african-doll-JqExil">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="45"
id="wishlist-45"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-45 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-45 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="45"
id="compare_list-45" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="45" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ebe4c84bb13.png">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class="text-muted fs-12">
ABENA DOLLS
</div>
<h6 class="product__title text-truncate">
POUPÉE AFRICAINE GRAND MO...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
25.00€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/nocciolata-bianca-bianca-bio-250g-dough-uAMPmH">
<div class="product__top width--100 aspect-1">
<span class="product__discount-badge">
<span>
-12%
</span>
</span>
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="320"
id="wishlist-320"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-320 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-320 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="320"
id="compare_list-320" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="320" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679f8ed3f38f7.png">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class='d-flex mt-2 flex-wrap align-items-center product-countries'><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Shipping country France" data-balloon-pos="up">
<img src="https://flagcdn.com/fr.svg" class="rounded" alt="Shipping country France" loading="lazy">
</span></div>
<div class="text-muted fs-12">
EXO TEKA
</div>
<h6 class="product__title text-truncate">
NOCCIOLATA pâte noisette...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<del class="product__old-price">4.50€</del>
<ins class="product__new-price">
3.96€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/rose-coco-bean-1kg-vtS57Q">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="115"
id="wishlist-115"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-115 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-115 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="115"
id="compare_list-115" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="115" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-12-29-677158a22eecb.png">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
<span>( 1 )</span>
</div>
<div class="text-muted fs-12">
EXO TEKA
</div>
<h6 class="product__title text-truncate">
Haricot Sec Coco Rose 1kg...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
3.99€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/yari-shea-butter-oil-250ml-JEsz7K">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="153"
id="wishlist-153"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-153 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-153 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="153"
id="compare_list-153" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="153" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-12-30-6771e2c1e4734.png">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class="text-muted fs-12">
EXO TEKA
</div>
<h6 class="product__title text-truncate">
Yari Huile de Karité 250m...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
7.49€
</ins>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="latest_product" role="tabpanel" tabindex="0">
<div class="d-flex flex-wrap justify-content-end gap-3 mb-3">
<a href="https://www.hyper.africa/products?data_from=latest" class="btn-link text-capitalize">Afficher tout
<i class="bi bi-chevron-right text-primary"></i>
</a>
</div>
<div class="auto-col mobile-items-2 gap-2 gap-sm-3 recommended-product-grid minWidth-12rem">
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/nep-nep-whole-seed-100g-1YfaKn">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="354"
id="wishlist-354"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-354 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-354 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="354"
id="compare_list-354" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="354" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-04-30-6812187d3106f.webp">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class='d-flex mt-2 flex-wrap align-items-center product-countries'><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Country of inspiration Cameroon" data-balloon-pos="down">
<img src="https://flagcdn.com/cm.svg" class="rounded" alt="Country of inspiration Cameroon" loading="lazy">
</span><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Shipping country France" data-balloon-pos="up">
<img src="https://flagcdn.com/fr.svg" class="rounded" alt="Shipping country France" loading="lazy">
</span></div>
<div class="text-muted fs-12">
EXO TEKA
</div>
<h6 class="product__title text-truncate">
Nep Nep – Graine Entière...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
6.99€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/grouper-gs-10-glz-5-10-22-kg-box-0LWzTl">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="353"
id="wishlist-353"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-353 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-353 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="353"
id="compare_list-353" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="353" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-04-29-6810bafa3697e.webp">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class='d-flex mt-2 flex-wrap align-items-center product-countries'><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Country of inspiration Sénégal" data-balloon-pos="down">
<img src="https://flagcdn.com/sn.svg" class="rounded" alt="Country of inspiration Sénégal" loading="lazy">
</span><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Shipping country France" data-balloon-pos="up">
<img src="https://flagcdn.com/fr.svg" class="rounded" alt="Shipping country France" loading="lazy">
</span></div>
<div class="text-muted fs-12">
EXO TEKA
</div>
<h6 class="product__title text-truncate">
Tchiof / Mérou [1kg / Ca...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
13.50€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/sliced-oxtail-6-x-1kg-xNVAFw">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="349"
id="wishlist-349"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-349 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-349 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="349"
id="compare_list-349" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="349" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-04-29-68100a88b755c.webp">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class='d-flex mt-2 flex-wrap align-items-center product-countries'><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Pays d'inspiration et d'expédition France" data-balloon-pos="down">
<img src="https://flagcdn.com/fr.svg" class="rounded" alt="Pays d'inspiration et d'expédition France" loading="lazy">
</span></div>
<div class="text-muted fs-12">
EXO TEKA
</div>
<h6 class="product__title text-truncate">
Queue de Bœuf Tranchée –...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
83.90€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/miswak-natural-arak-toothbrush-TIhvGh">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="341"
id="wishlist-341"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-341 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-341 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="341"
id="compare_list-341" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="341" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-03-12-67d1b04925b25.webp">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class='d-flex mt-2 flex-wrap align-items-center product-countries'><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Shipping country France" data-balloon-pos="up">
<img src="https://flagcdn.com/fr.svg" class="rounded" alt="Shipping country France" loading="lazy">
</span></div>
<div class="text-muted fs-12">
EXO TEKA
</div>
<h6 class="product__title text-truncate">
MISWAK - Brosse à Dents N...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
1.50€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/cantu-shea-butter-hydrating-conditioner-natural-hair-Sp9gpT">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="340"
id="wishlist-340"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-340 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-340 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="340"
id="compare_list-340" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="340" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-03-12-67d1947fea251.webp">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class='d-flex mt-2 flex-wrap align-items-center product-countries'><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Shipping country France" data-balloon-pos="up">
<img src="https://flagcdn.com/fr.svg" class="rounded" alt="Shipping country France" loading="lazy">
</span></div>
<div class="text-muted fs-12">
EXO TEKA
</div>
<h6 class="product__title text-truncate">
Après-Shampoing Hydratant...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
8.50€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/ajwa-routab-fresh-dates-tayiba-450-g-hpGaIZ">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="339"
id="wishlist-339"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-339 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-339 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="339"
id="compare_list-339" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="339" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-03-11-67d0695f4bb91.webp">
</div>
<div class="product__notify">
Désolé, cet article est actuellement en rupture de stock
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class='d-flex mt-2 flex-wrap align-items-center product-countries'><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Shipping country France" data-balloon-pos="up">
<img src="https://flagcdn.com/fr.svg" class="rounded" alt="Shipping country France" loading="lazy">
</span></div>
<div class="text-muted fs-12">
EXO TEKA
</div>
<h6 class="product__title text-truncate">
Dattes Ajwa Routab (Fraîc...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
7.90€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/roasted-unsalted-cashew-nuts-meyva-200-g-cTC2Et">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="338"
id="wishlist-338"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-338 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-338 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="338"
id="compare_list-338" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="338" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-03-11-67d065ab0af61.webp">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class='d-flex mt-2 flex-wrap align-items-center product-countries'><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Shipping country France" data-balloon-pos="up">
<img src="https://flagcdn.com/fr.svg" class="rounded" alt="Shipping country France" loading="lazy">
</span></div>
<div class="text-muted fs-12">
EXO TEKA
</div>
<h6 class="product__title text-truncate">
Noix de Cajou Torréfiées...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
5.50€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/mountain-figs-meyva-100-natural-9gFkYm">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="337"
id="wishlist-337"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-337 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-337 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="337"
id="compare_list-337" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="337" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-03-11-67d0622d67072.webp">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class='d-flex mt-2 flex-wrap align-items-center product-countries'><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Shipping country France" data-balloon-pos="up">
<img src="https://flagcdn.com/fr.svg" class="rounded" alt="Shipping country France" loading="lazy">
</span></div>
<div class="text-muted fs-12">
EXO TEKA
</div>
<h6 class="product__title text-truncate">
Figues de Montagne – Meyv...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
5.99€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/deglet-nour-dates-from-djerid-100-natural-tunisia-origin-GG0GTU">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="336"
id="wishlist-336"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-336 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-336 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="336"
id="compare_list-336" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="336" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-03-11-67d05c8a13580.webp">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class='d-flex mt-2 flex-wrap align-items-center product-countries'><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Country of inspiration Maroc" data-balloon-pos="down">
<img src="https://flagcdn.com/ma.svg" class="rounded" alt="Country of inspiration Maroc" loading="lazy">
</span><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Shipping country France" data-balloon-pos="up">
<img src="https://flagcdn.com/fr.svg" class="rounded" alt="Shipping country France" loading="lazy">
</span></div>
<div class="text-muted fs-12">
EXO TEKA
</div>
<h6 class="product__title text-truncate">
Dattes Deglet Nour du Dje...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
2.99€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/catherine-slimming-tea-x-32-chrysanthemum-flavor-infusion-tkAxRQ">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="334"
id="wishlist-334"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-334 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-334 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="334"
id="compare_list-334" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="334" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-01-27-6797c27a09961.png">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>( 0 )</span>
</div>
<div class='d-flex mt-2 flex-wrap align-items-center product-countries'><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Country of inspiration France" data-balloon-pos="down">
<img src="https://flagcdn.com/fr.svg" class="rounded" alt="Country of inspiration France" loading="lazy">
</span><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Shipping country Danemark" data-balloon-pos="up">
<img src="https://flagcdn.com/dk.svg" class="rounded" alt="Shipping country Danemark" loading="lazy">
</span></div>
<div class="text-muted fs-12">
Hyper Africa
</div>
<h6 class="product__title text-truncate">
Thé Minceur Catherine x 3...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
11.00€
</ins>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="d-sm-none mb-4">
<a href="https://hyper.africa">
<img src="https://www.hyper.africa/storage/app/public/banner/2024-01-14-65a44aa2729d5.png"
alt="" class="dark-support rounded w-100">
</a>
</div>
<div class="pb-3">
<div class="">
<div class="d-flex flex-wrap justify-content-between gap-3 mb-4">
<h2>Plus de boutiques</h2>
<a href="https://www.hyper.africa/vendors" class="btn-link">Afficher tout
<i class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="table-responsive hide-scrollbar">
<div class="d-flex gap-3 justify-content-between store-list">
<a href="https://www.hyper.africa/shopView/33"
class="store-product d-flex flex-column gap-3 align-items-center">
<div class="position-relative">
<div class="avatar rounded-circle">
<img class="dark-support img-fit rounded-circle img-w-h-100"
src="https://www.hyper.africa/storage/app/public/shop/2024-07-03-668570de8b849.webp" alt=""
loading="lazy">
</div>
</div>
<div class="d-flex flex-column align-items-center text-center gap-2 w-100">
<h6 class="text-truncate text-center">KINDAK ADVYS</h6>
<div
class="text-muted text-truncate product-count">7 Produits</div>
</div>
</a>
<a href="https://www.hyper.africa/shopView/19"
class="store-product d-flex flex-column gap-3 align-items-center">
<div class="position-relative">
<div class="avatar rounded-circle">
<img class="dark-support img-fit rounded-circle img-w-h-100"
src="https://www.hyper.africa/storage/app/public/shop/2023-08-22-64e4da38430b8.png" alt=""
loading="lazy">
</div>
</div>
<div class="d-flex flex-column align-items-center text-center gap-2 w-100">
<h6 class="text-truncate text-center">ABENA DOLLS</h6>
<div
class="text-muted text-truncate product-count">3 Produits</div>
</div>
</a>
<a href="https://www.hyper.africa/shopView/38"
class="store-product d-flex flex-column gap-3 align-items-center">
<div class="position-relative">
<div class="avatar rounded-circle">
<img class="dark-support img-fit rounded-circle img-w-h-100"
src="https://www.hyper.africa/storage/app/public/shop/2024-07-09-668d691a08138.png" alt=""
loading="lazy">
</div>
</div>
<div class="d-flex flex-column align-items-center text-center gap-2 w-100">
<h6 class="text-truncate text-center">Morelia Hair Care</h6>
<div
class="text-muted text-truncate product-count">0 Produits</div>
</div>
</a>
<a href="https://www.hyper.africa/shopView/9"
class="store-product d-flex flex-column gap-3 align-items-center">
<div class="position-relative">
<div class="avatar rounded-circle">
<img class="dark-support img-fit rounded-circle img-w-h-100"
src="https://www.hyper.africa/storage/app/public/shop/2023-06-27-649b5a4d70172.png" alt=""
loading="lazy">
</div>
</div>
<div class="d-flex flex-column align-items-center text-center gap-2 w-100">
<h6 class="text-truncate text-center">Wk.création</h6>
<div
class="text-muted text-truncate product-count">2 Produits</div>
</div>
</a>
<a href="https://www.hyper.africa/shopView/42"
class="store-product d-flex flex-column gap-3 align-items-center">
<div class="position-relative">
<div class="avatar rounded-circle">
<img class="dark-support img-fit rounded-circle img-w-h-100"
src="https://www.hyper.africa/storage/app/public/shop/2024-10-26-671cde4fb9d94.png" alt=""
loading="lazy">
</div>
</div>
<div class="d-flex flex-column align-items-center text-center gap-2 w-100">
<h6 class="text-truncate text-center">Maty</h6>
<div
class="text-muted text-truncate product-count">0 Produits</div>
</div>
</a>
<a href="https://www.hyper.africa/shopView/36"
class="store-product d-flex flex-column gap-3 align-items-center">
<div class="position-relative">
<div class="avatar rounded-circle">
<img class="dark-support img-fit rounded-circle img-w-h-100"
src="https://www.hyper.africa/storage/app/public/shop/2024-07-08-668c35909e0c2.png" alt=""
loading="lazy">
</div>
</div>
<div class="d-flex flex-column align-items-center text-center gap-2 w-100">
<h6 class="text-truncate text-center">Kitat Création</h6>
<div
class="text-muted text-truncate product-count">0 Produits</div>
</div>
</a>
<a href="https://www.hyper.africa/shopView/25"
class="store-product d-flex flex-column gap-3 align-items-center">
<div class="position-relative">
<div class="avatar rounded-circle">
<img class="dark-support img-fit rounded-circle img-w-h-100"
src="https://www.hyper.africa/storage/app/public/shop/2024-01-30-65b92a21694d4.png" alt=""
loading="lazy">
</div>
</div>
<div class="d-flex flex-column align-items-center text-center gap-2 w-100">
<h6 class="text-truncate text-center">PAGING BOOK</h6>
<div
class="text-muted text-truncate product-count">2 Produits</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bg-primary-light">
<div class="container">
<div class="">
<div class="py-4">
<div class="d-flex flex-wrap justify-content-between gap-3 mb-4">
<h2 class="text-capitalize">Les mieux notés</h2>
<div class="swiper-nav d-flex gap-2 align-items-center">
<div class="swiper-button-prev top-rated-nav-prev position-static rounded-10"></div>
<div class="swiper-button-next top-rated-nav-next position-static rounded-10"></div>
</div>
</div>
<div class="swiper-container">
<div class="position-relative">
<div class="swiper" data-swiper-loop="true" data-swiper-margin="16"
data-swiper-pagination-el="null" data-swiper-navigation-next=".top-rated-nav-next"
data-swiper-navigation-prev=".top-rated-nav-prev"
data-swiper-breakpoints='{"0": {"slidesPerView": "1"}, "340": {"slidesPerView": "2"}, "992": {"slidesPerView": "3"}, "1200": {"slidesPerView": "4"}, "1400": {"slidesPerView": "5"}}'>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer get-view-by-onclick"
data-link="https://www.hyper.africa/product/rose-coco-bean-1kg-vtS57Q">
<div class="product__top width--100 aspect-1">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:"
data-action="https://www.hyper.africa/store-wishlist"
data-product-id="115"
id="wishlist-115"
class="btn-wishlist stopPropagation add-to-wishlist wishlist-115 "
title="Ajouter à la liste des souhaits">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add-to-compare compare_list-115 "
data-action="https://www.hyper.africa/product-compare/index"
data-product-id="115"
id="compare_list-115" title="Add to compare list">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="115" title="Vue rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail align-items-center d-flex h-100 justify-content-center">
<img class="dark-support rounded" alt=""
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-12-29-677158a22eecb.png">
</div>
</div>
<div class="product__summary d-flex flex-column align-items-center gap-1 pb-3 cursor-pointer">
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
<span>( 1 )</span>
</div>
<div class="text-muted fs-12">
EXO TEKA
</div>
<h6 class="product__title text-truncate">
Haricot Sec Coco Rose 1kg...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
3.99€
</ins>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row g-3">
<div class="col-lg-6">
<div class="card h-100">
<div class="p-30">
<div class="today-best-deal d-flex justify-content-between gap-2 gap-sm-3">
<div class="d-flex flex-column gap-1 max-w-280px">
<div class="mb-3 mb-sm-4">
<div
class="sub-title text-muted mb-1 text-capitalize">Do not miss the chance!
</div>
<h2 class="title text-primary fw-extra-bold text-capitalize">Todays best deal</h2>
</div>
<div class="mb-3 mb-sm-4 d-flex flex-column gap-1">
<h6 class="text-capitalize line-limit-2">NOCCIOLATA pâte noisette bianca Bio 250g</h6>
<div class="d-flex gap-2 align-items-center">
<div class="star-rating text-gold fs-12">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</div>
<span>(0)</span>
</div>
<div class='d-flex mt-2 flex-wrap align-items-center product-countries'><span class="product-country mx-1 mb-2" data-balloon-blunt aria-label="Shipping country France" data-balloon-pos="up">
<img src="https://flagcdn.com/fr.svg" class="rounded" alt="Shipping country France" loading="lazy">
</span></div> <div class="product__price d-flex flex-wrap align-items-end gap-2 mt-2">
<del
class="product__old-price">4.50€</del>
<ins class="product__new-price">
3.96€
</ins>
</div>
<div class="mt-xl-2">
<span class="product__save-amount">enregistrer
12%
</span>
</div>
</div>
<div class="d-flex">
<a href="https://www.hyper.africa/product/nocciolata-bianca-bianca-bio-250g-dough-uAMPmH"
class="btn btn-primary text-capitalize">Acheter</a>
</div>
</div>
<div class="text-center">
<img width="309" alt="" class="dark-support rounded"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679f8ed3f38f7.png">
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card h-100">
<div class="p-30">
<div class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-center">
<h3 class="mb-1">
<span class="text-primary">Juste</span>
pour vous
</h3>
</div>
<div class="auto-col just-for-you gap-3">
<a href="https://www.hyper.africa/product/motion-foaming-wrap-250-ml-POhLQK"
class="hover-zoom-in d-flex flex-column gap-2 align-items-center">
<div class="position-relative">
<img width="100" alt="" loading="lazy" class="dark-support rounded aspect-1"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-04-67a15f5aa21fd.png">
</div>
<div class="product__price d-flex flex-wrap justify-content-center column-gap-2">
<ins class="product__new-price">
7.50€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/pop-corn-corn-1kg-sTeWQq"
class="hover-zoom-in d-flex flex-column gap-2 align-items-center">
<div class="position-relative">
<img width="100" alt="" loading="lazy" class="dark-support rounded aspect-1"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-12-29-67715e568cafa.png">
</div>
<div class="product__price d-flex flex-wrap justify-content-center column-gap-2">
<ins class="product__new-price">
3.60€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/black-shampoo-dexe-pump-t1RF58"
class="hover-zoom-in d-flex flex-column gap-2 align-items-center">
<div class="position-relative">
<img width="100" alt="" loading="lazy" class="dark-support rounded aspect-1"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-04-67a1691c3b2b7.png">
</div>
<div class="product__price d-flex flex-wrap justify-content-center column-gap-2">
<ins class="product__new-price">
19.50€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/african-infusion-assorted-flavors-kinkeliba-25-bags-dqdTKc"
class="hover-zoom-in d-flex flex-column gap-2 align-items-center">
<div class="position-relative">
<img width="100" alt="" loading="lazy" class="dark-support rounded aspect-1"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-12-29-677148351d2ae.png">
</div>
<div class="product__price d-flex flex-wrap justify-content-center column-gap-2">
<ins class="product__new-price">
4.85€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/absolut-blue-vodka-40-70cl-xZMMm5"
class="hover-zoom-in d-flex flex-column gap-2 align-items-center">
<div class="position-relative">
<img width="100" alt="" loading="lazy" class="dark-support rounded aspect-1"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679edd9ff0d0d.png">
</div>
<div class="product__price d-flex flex-wrap justify-content-center column-gap-2">
<ins class="product__new-price">
22.99€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/frozen-captain-fish-steak-800g-meagre-drumfish-rfnxMt"
class="hover-zoom-in d-flex flex-column gap-2 align-items-center">
<div class="position-relative">
<img width="100" alt="" loading="lazy" class="dark-support rounded aspect-1"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-01-11-6782e3f1b075d.png">
</div>
<div class="product__price d-flex flex-wrap justify-content-center column-gap-2">
<ins class="product__new-price">
9.20€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/potash-an-essential-ingredient-for-african-cuisine-100g-0u0PVK"
class="hover-zoom-in d-flex flex-column gap-2 align-items-center">
<div class="position-relative">
<img width="100" alt="" loading="lazy" class="dark-support rounded aspect-1"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-11-67ab2e38520cb.png">
</div>
<div class="product__price d-flex flex-wrap justify-content-center column-gap-2">
<ins class="product__new-price">
3.00€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/coco-festival-biscuits-wFe9af"
class="hover-zoom-in d-flex flex-column gap-2 align-items-center">
<div class="position-relative">
<img width="100" alt="" loading="lazy" class="dark-support rounded aspect-1"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679ef8fed7d52.png">
</div>
<div class="product__price d-flex flex-wrap justify-content-center column-gap-2">
<ins class="product__new-price">
4.50€
</ins>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="card">
<div class="card-body">
<div class="border-bottom gap-3 d-flex align-items-start justify-content-between mb-30">
<h3 class="styled-title">Arts et artisanat...</h3>
<a href="https://www.hyper.africa/products?category_id=1&data_from=category&page=1" class="btn-link text-capitalize">Afficher tout
<i class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="swiper-container auto-item-width position-relative">
<div class="swiper" data-swiper-loop="true" data-swiper-items="auto" data-swiper-margin="20" data-swiper-pagination-el="null" data-swiper-navigation-next="#next1" data-swiper-navigation-prev="#prev1" data-swiper-delay="4000">
<div class="swiper-wrapper text-center swiper-wrapper-rtl">
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="32">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a197a5cbfb7.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/coral-lamp-2-sTKqyN">
Lampe CORAIL 2
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
100.00€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="31">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a196c476ff3.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/coral-lamp-v937DS">
Lampe CORAIL
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
100.00€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="45">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ebe4c84bb13.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/large-african-doll-JqExil">
POUPÉE AFRICAINE G...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
25.00€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="47">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ebe657ad643.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/azania-african-doll-30BONJ">
Poupée Africaine A...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
23.00€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="49">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ebf2ffbd9f6.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/malia-african-doll-noJt7X">
Poupée africaine M...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
20.00€
</ins>
</div>
</a>
</a>
</div>
</div>
</div>
<div class="swiper-button-next cleaning-nav-next" id="next1"></div>
<div class="swiper-button-prev cleaning-nav-prev" id="prev1"></div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="card">
<div class="card-body">
<div class="border-bottom gap-3 d-flex align-items-start justify-content-between mb-30">
<h3 class="styled-title">BEAUTÉ & BIEN ÊTRE</h3>
<a href="https://www.hyper.africa/products?category_id=3&data_from=category&page=1" class="btn-link text-capitalize">Afficher tout
<i class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="swiper-container auto-item-width position-relative">
<div class="swiper" data-swiper-loop="true" data-swiper-items="auto" data-swiper-margin="20" data-swiper-pagination-el="null" data-swiper-navigation-next="#next3" data-swiper-navigation-prev="#prev3" data-swiper-delay="4000">
<div class="swiper-wrapper text-center swiper-wrapper-rtl">
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="153">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-12-30-6771e2c1e4734.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/yari-shea-butter-oil-250ml-JEsz7K">
Yari Huile de Kari...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
7.49€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="341">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-03-12-67d1b04925b25.webp">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/miswak-natural-arak-toothbrush-TIhvGh">
MISWAK - Brosse à...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
1.50€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="331">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-14-67afa324b9832.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/dexe-black-hair-shampoo-400ml-instant-and-natural-hair-dye-for-black-hair-men-ans-woman-sW5USa">
Teinture Instantan...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
18.50€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="340">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-03-12-67d1947fea251.webp">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/cantu-shea-butter-hydrating-conditioner-natural-hair-Sp9gpT">
Après-Shampoing Hy...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
8.50€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="150">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-12-29-6771bf4b51a33.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/shea-butter-100g-MTLM1K">
Beurre de Karité 1...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
4.98€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="154">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-12-30-6771e3b56fa2f.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/yari-argan-oil-250ml-KdlD0H">
Yari Huile d’Argan...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
7.49€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="product__discount-badge">
<span>
-25%
</span>
</span>
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="155">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-12-30-6771e562c0be4.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/red-one-blue-hair-wax-150ml-wbuANk">
Red One Cire Cheve...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<del class="product__old-price">
3.99€
</del>
<ins class="product__new-price fs-14">
2.99€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="product__discount-badge">
<span>
-25%
</span>
</span>
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="156">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-12-30-6771e627cbae2.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/red-one-black-hair-wax-150ml-fb1DnD">
Red One Cire Cheve...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<del class="product__old-price">
3.99€
</del>
<ins class="product__new-price fs-14">
2.99€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="product__discount-badge">
<span>
-25%
</span>
</span>
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="157">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-12-30-6771e6fdab81d.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/red-one-red-hair-wax-150ml-9ItigU">
Red One Cire Cheve...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<del class="product__old-price">
3.99€
</del>
<ins class="product__new-price fs-14">
2.99€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="161">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-12-30-6771eaca28ef8.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/cosmetic-kaolin-powder-5kg-non-food-6WgVhd">
Kaolin Cosmétique...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
2.50€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="162">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-12-30-6771ec4398483.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/moringa-leaf-powder-100g-SWlJhQ">
Poudre de Feuilles...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
3.85€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="176">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-01-18-678c0d13bdbbb.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/carowhite-huile-50ml-bdrhY6">
CAROWHITE HUILE 50...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
5.50€
</ins>
</div>
</a>
</a>
</div>
</div>
</div>
<div class="swiper-button-next cleaning-nav-next" id="next3"></div>
<div class="swiper-button-prev cleaning-nav-prev" id="prev3"></div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="card">
<div class="card-body">
<div class="border-bottom gap-3 d-flex align-items-start justify-content-between mb-30">
<h3 class="styled-title">MODE ET ACCESSOIRE...</h3>
<a href="https://www.hyper.africa/products?category_id=5&data_from=category&page=1" class="btn-link text-capitalize">Afficher tout
<i class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="swiper-container auto-item-width position-relative">
<div class="swiper" data-swiper-loop="true" data-swiper-items="auto" data-swiper-margin="20" data-swiper-pagination-el="null" data-swiper-navigation-next="#next5" data-swiper-navigation-prev="#prev5" data-swiper-delay="4000">
<div class="swiper-wrapper text-center swiper-wrapper-rtl">
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="50">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ec014ca1184.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/backpack-kylia-rose-lsk-n2Qhg2">
Sac à dos Kylia-Ro...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
61.00€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="51">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ec0fe2870ef.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/pluton-lsk-travel-bag-kQ2HLM">
Sac de voyage Plut...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
115.00€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="52">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ec141ad9680.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/soleil-lsk-backpack-RKD70M">
Sac à dos Soleil L...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
61.00€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="53">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ec1a7e1133b.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/neptune-lsk-handbag-xolUPf">
Sac à main Neptune...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
61.00€
</ins>
</div>
</a>
</a>
</div>
</div>
</div>
<div class="swiper-button-next cleaning-nav-next" id="next5"></div>
<div class="swiper-button-prev cleaning-nav-prev" id="prev5"></div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="card">
<div class="card-body">
<div class="border-bottom gap-3 d-flex align-items-start justify-content-between mb-30">
<h3 class="styled-title">ALIMENTATION</h3>
<a href="https://www.hyper.africa/products?category_id=40&data_from=category&page=1" class="btn-link text-capitalize">Afficher tout
<i class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="swiper-container auto-item-width position-relative">
<div class="swiper" data-swiper-loop="true" data-swiper-items="auto" data-swiper-margin="20" data-swiper-pagination-el="null" data-swiper-navigation-next="#next40" data-swiper-navigation-prev="#prev40" data-swiper-delay="4000">
<div class="swiper-wrapper text-center swiper-wrapper-rtl">
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="55">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-12-30-658fed6e37342.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/mayor-refined-oil-100-made-in-cameroon-H4GLVO">
Huile raffinée MAY...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
2.21€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="58">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-01-12-65a09db5ed6fe.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/bijou-gold-rice-made-in-cameroon-8zGBwU">
Riz bijou gold Du...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
9.00€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="334">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-01-27-6797c27a09961.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/catherine-slimming-tea-x-32-chrysanthemum-flavor-infusion-tkAxRQ">
Thé Minceur Cather...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
11.00€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="product__discount-badge">
<span>
-12%
</span>
</span>
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="320">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679f8ed3f38f7.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/nocciolata-bianca-bianca-bio-250g-dough-uAMPmH">
NOCCIOLATA pâte no...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<del class="product__old-price">
4.50€
</del>
<ins class="product__new-price fs-14">
3.96€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="115">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-12-29-677158a22eecb.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/rose-coco-bean-1kg-vtS57Q">
Haricot Sec Coco R...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
3.99€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="57">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-01-04-6596786dc2140.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/oleo-refined-oil-made-in-cameroon-k4jT88">
Huile raffinée Olé...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
2.21€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="332">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-18-67b467ba33175.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/zakia-fine-couscous-5kg-the-authenticity-of-traditional-couscous-TjACMA">
ZAKIA Couscous Fin...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
13.50€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="336">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-03-11-67d05c8a13580.webp">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/deglet-nour-dates-from-djerid-100-natural-tunisia-origin-GG0GTU">
Dattes Deglet Nour...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
2.99€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="338">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-03-11-67d065ab0af61.webp">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/roasted-unsalted-cashew-nuts-meyva-200-g-cTC2Et">
Noix de Cajou Torr...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
5.50€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="91">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-12-27-676eb2b44059b.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/village-palm-oil-50cl-0axQje">
Huile de Palme Vil...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
3.90€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="145">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-12-29-6771b10b38854.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/cassava-cj5GL1">
Tubercule de Manio...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
4.50€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="256">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679ef5d1a304f.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/mamour-guava-jam-300g-f1cDWh">
Confiture de Goyav...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
6.50€
</ins>
</div>
</a>
</a>
</div>
</div>
</div>
<div class="swiper-button-next cleaning-nav-next" id="next40"></div>
<div class="swiper-button-prev cleaning-nav-prev" id="prev40"></div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="card">
<div class="card-body">
<div class="border-bottom gap-3 d-flex align-items-start justify-content-between mb-30">
<h3 class="styled-title">MULTIMEDIA</h3>
<a href="https://www.hyper.africa/products?category_id=46&data_from=category&page=1" class="btn-link text-capitalize">Afficher tout
<i class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="swiper-container auto-item-width position-relative">
<div class="swiper" data-swiper-loop="true" data-swiper-items="auto" data-swiper-margin="20" data-swiper-pagination-el="null" data-swiper-navigation-next="#next46" data-swiper-navigation-prev="#prev46" data-swiper-delay="4000">
<div class="swiper-wrapper text-center swiper-wrapper-rtl">
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="product__discount-badge">
<span>
-5.00€
</span>
</span>
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="62">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-01-27-65b4657b861b0.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/ancestral-worship-in-africa-ubAWOZ">
Le Culte ancestral...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<del class="product__old-price">
35.00€
</del>
<ins class="product__new-price fs-14">
30.00€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="product__discount-badge">
<span>
-2.00€
</span>
</span>
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="63">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-01-29-65b799188f9a2.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/memoires-pour-vagir-VLlbZP">
Mémoires pour Vagi...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<del class="product__old-price">
15.00€
</del>
<ins class="product__new-price fs-14">
13.00€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="64">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-02-03-65be1c3631dcf.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/living-zen-without-stress-a-complete-guide-to-cultivate-serenity-on-a-daily-basis-and-regain-mental-and-emotional-balanc">
Vivre Zen Sans Str...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
30.00€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="65">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-02-03-65be20136125b.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/golden-rules-postpartum-depression-stress-management-zIdbtU">
Les Règles d’or d...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
15.00€
</ins>
</div>
</a>
</a>
</div>
</div>
</div>
<div class="swiper-button-next cleaning-nav-next" id="next46"></div>
<div class="swiper-button-prev cleaning-nav-prev" id="prev46"></div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="card">
<div class="card-body">
<div class="border-bottom gap-3 d-flex align-items-start justify-content-between mb-30">
<h3 class="styled-title">PRODUITS ANTILLAIS</h3>
<a href="https://www.hyper.africa/products?category_id=164&data_from=category&page=1" class="btn-link text-capitalize">Afficher tout
<i class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="swiper-container auto-item-width position-relative">
<div class="swiper" data-swiper-loop="true" data-swiper-items="auto" data-swiper-margin="20" data-swiper-pagination-el="null" data-swiper-navigation-next="#next164" data-swiper-navigation-prev="#prev164" data-swiper-delay="4000">
<div class="swiper-wrapper text-center swiper-wrapper-rtl">
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="257">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679ef4ed73936.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/guyana-cassava-flour-750g-4SCw8J">
Couac de Guyane 75...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
11.98€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="258">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679ef436a0552.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/djon-djon-bouillon-cube-rLzJJJ">
Cube Djon Djon 100...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
20.00€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="264">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679ef0fe25381.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/vacuum-packed-pork-snout-500g-marion-6P3Agt">
Groin de Porc Sous...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
8.80€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="267">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679eeb03d953c.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/birds-eye-chili-50g-chaleur-creole-Cue3pG">
Piments Oiseau 50g...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
4.50€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="268">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679eea986e98e.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/angole-peas-legumor-or-tersol-1kg-8IXQxA">
Pois d'Angole Legu...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
6.50€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="269">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679ee9f9d4d84.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/cod-fritters-mix-chaleur-creole-100g-OlRvHl">
PRÉPARATION POUR A...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
3.98€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="271">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-01-22-6790d8333efcb.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/boucanier-sauce-180g-dame-besson-Z7ygv8">
Sauce Boucanier 18...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
7.98€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="272">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679ee6a0645a0.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/dog-sauce-dame-besson-180g-Tq8C3q">
Sauce Chien "Dame...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
7.90€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="273">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679ee50694c03.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/mild-creoline-sauce-170g-NDecRa">
Sauce Créoline Dou...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
5.50€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="275">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679ee259d13d9.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/pikliz-sauce-komla-300g-xYgqP3">
Sauce Pikliz Komla...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
7.98€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="280">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679edb446bc2e.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/red-butter-160g-by-tonton-clement-lNPMNm">
Bè Rouj 160g Tonto...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
5.50€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="255">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679ef66c36219.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/communion-powdered-chocolate-350g-0sDUfk">
Chocolats Communio...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
15.90€
</ins>
</div>
</a>
</a>
</div>
</div>
</div>
<div class="swiper-button-next cleaning-nav-next" id="next164"></div>
<div class="swiper-button-prev cleaning-nav-prev" id="prev164"></div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="card">
<div class="card-body">
<div class="border-bottom gap-3 d-flex align-items-start justify-content-between mb-30">
<h3 class="styled-title">BOISSONS</h3>
<a href="https://www.hyper.africa/products?category_id=192&data_from=category&page=1" class="btn-link text-capitalize">Afficher tout
<i class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="swiper-container auto-item-width position-relative">
<div class="swiper" data-swiper-loop="true" data-swiper-items="auto" data-swiper-margin="20" data-swiper-pagination-el="null" data-swiper-navigation-next="#next192" data-swiper-navigation-prev="#prev192" data-swiper-delay="4000">
<div class="swiper-wrapper text-center swiper-wrapper-rtl">
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="289">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679edefe5e902.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/red-bull-can-25cl-aSAr8R">
Red Bull Boîte 25c...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
2.50€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="277">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679eda2a2c427.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/dormoy-cane-syrup-50cl-Oz7OkL">
Sirop de Canne 50c...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
9.90€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="278">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679ed918b25d0.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/royal-pineapple-soda-2l-ZJmO00">
Soda Royal Ananas...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
5.80€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="279">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679ed77dc9b5c.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/royal-anise-soda-2l-aBGcsv">
Soda Royal Anis 2L
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
5.80€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="281">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679ed690c51b2.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/white-rum-damoiseau-50-100cl-xG5O5C">
Rhum Blanc "Damois...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
20.49€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="282">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679ed5e704ff2.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/bologne-rum-50-100cl-0He7xP">
Rhum "Bologne" 50°...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
20.49€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="283">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679ed0c296ff2.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/amber-rum-lm-40-20cl-HyCX0X">
Rhum Ambré LM 40°...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
5.99€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="284">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679ecf926255b.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/blc-rum-from-reunion-island-delaitre-40-70cl-ABmThY">
Rhum BLC de La Réu...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
11.70€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="285">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679eccafdd0ec.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/dillon-blc-rum-50-70cl-Vd3Ynr">
Rhum Dillon BLC 50...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
16.50€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="286">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679ecbbeccb87.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/dillon-blc-rum-55-100cl-F6iTFm">
Rhum Dillon BLC 55...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
22.99€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="287">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679ee0d04ccdd.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/la-mauny-blc-rum-40-70cl-20fJlH">
Rhum La Mauny BLC...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
14.50€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="288">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-02-02-679edf6079b3e.png">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/lm-blc-rum-40-20cl-NvisaK">
Rhum LM BLC 40° -...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
5.99€
</ins>
</div>
</a>
</a>
</div>
</div>
</div>
<div class="swiper-button-next cleaning-nav-next" id="next192"></div>
<div class="swiper-button-prev cleaning-nav-prev" id="prev192"></div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="card">
<div class="card-body">
<div class="border-bottom gap-3 d-flex align-items-start justify-content-between mb-30">
<h3 class="styled-title">GROS & DEMIE GROS</h3>
<a href="https://www.hyper.africa/products?category_id=214&data_from=category&page=1" class="btn-link text-capitalize">Afficher tout
<i class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="swiper-container auto-item-width position-relative">
<div class="swiper" data-swiper-loop="true" data-swiper-items="auto" data-swiper-margin="20" data-swiper-pagination-el="null" data-swiper-navigation-next="#next214" data-swiper-navigation-prev="#prev214" data-swiper-delay="4000">
<div class="swiper-wrapper text-center swiper-wrapper-rtl">
<div class="swiper-slide">
<a href="javascript:"
class="store-product d-flex flex-column gap-2 align-items-center ov-hidden">
<div class="store-product__top border rounded mb-2 aspect-1 overflow-hidden">
<span class="store-product__action preventDefault get-quick-view"
data-action="https://www.hyper.africa/quick-view"
data-product-id="349">
<i class="bi bi-eye fs-12"></i>
</span>
<img alt="" loading="lazy" class="dark-support rounded aspect-1 img-fit"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2025-04-29-68100a88b755c.webp">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize width--9rem" href="https://www.hyper.africa/product/sliced-oxtail-6-x-1kg-xNVAFw">
Queue de Bœuf Tran...
<div class="product__price d-flex justify-content-center align-items-center flex-wrap column-gap-2 mt-1">
<ins class="product__new-price fs-14">
83.90€
</ins>
</div>
</a>
</a>
</div>
</div>
</div>
<div class="swiper-button-next cleaning-nav-next" id="next214"></div>
<div class="swiper-button-prev cleaning-nav-prev" id="prev214"></div>
</div>
</div>
</div>
</div>
</section>
<section class="">
<div class="container">
<div class="py-5 rounded position-relative">
<img src="https://www.hyper.africa/storage/app/public/banner/2024-01-14-65a44a707057f.png"
alt="" class="rounded position-absolute dark-support img-fit start-0 top-0 index-n1 flipX-in-rtl">
<div class="row justify-content-center">
<div class="col-10 py-4">
<h6 class="text-primary mb-2 text-capitalize">Ne ratez pas le Deal du jour!</h6>
<h2 class="fs-2 mb-4 absolute-dark text-capitalize">Faites vos achats dès aujourd'hui</h2>
<div class="d-flex">
<a href="https://hyper.africa" class="btn btn-primary fs-16 text-capitalize">Acheter</a>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<section class="feature-secton">
<div class="container py-3">
<div class="feature-section-inner">
<div class="row g-3 g-lg-4">
<div class="col-lg-3 col-sm-6">
<div class="media gap-3 mb-3 align-items-center">
<div class="feature-icon-wrap">
<img alt="" class="size-60"
src="https://www.hyper.africa/public/assets/front-end/img/delivery_info.png"
>
</div>
<div class="media-body">
<h5 class="mb-2 text-capitalize">Livraison rapide</h5>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="media gap-3 mb-3 align-items-center">
<div class="feature-icon-wrap">
<img alt="" class="size-60"
src="https://www.hyper.africa/public/assets/front-end/img/safe_payment.png"
>
</div>
<div class="media-body">
<h5 class="mb-2 text-capitalize">Paiement sécurisé</h5>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="media gap-3 mb-3 align-items-center">
<div class="feature-icon-wrap">
<img alt="" class="size-60"
src="https://www.hyper.africa/public/assets/front-end/img/return_policy.png"
>
</div>
<div class="media-body">
<h5 class="mb-2 text-capitalize">Politique de retour de 7 jours</h5>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="media gap-3 mb-3 align-items-center">
<div class="feature-icon-wrap">
<img alt="" class="size-60"
src="https://www.hyper.africa/public/assets/front-end/img/authentic_product.png"
>
</div>
<div class="media-body">
<h5 class="mb-2 text-capitalize">Produits 100% authentiques</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="footer-bg-img">
</div>
<div class="footer-top">
<div class="container">
<div class="row gy-3 align-items-center">
<div class="col-lg-3 col-sm-3 text-center text-lg-start">
<img width="180" loading="lazy" alt="Image"
src="https://www.hyper.africa/storage/app/public/company/2024-06-09-6665cdf54791c.png">
</div>
<div
class="col-lg-6 col-sm-6 d-flex justify-content-center justify-content-sm-start justify-content-lg-center">
<ul class="list-socials list-socials--white gap-4 fs-18">
<li>
<a href="https://twitter.com/Hyper_africa" target="_blank" class="font-bold">
<svg width="18" height="18" viewBox="0 0 300 301" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2327_8364)">
<path d="M178.57 127.849L290.27 0.699219H263.81L166.78 111.079L89.34 0.699219H0L117.13 167.629L0 300.949H26.46L128.86 184.359L210.66 300.949H300M36.01 20.2392H76.66L263.79 282.369H223.13" fill="white"/>
</g>
<defs>
<clipPath id="clip0_2327_8364">
<rect width="300" height="300.251" fill="white" transform="translate(0 0.699219)"/>
</clipPath>
</defs>
</svg>
</a>
</li>
<li>
<a href="https://www.pinterest.fr/business/hub/" target="_blank">
<i class="bi bi-pinterest"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/hyper.africa/" target="_blank">
<i class="bi bi-instagram"></i>
</a>
</li>
<li>
<a href="https://www.facebook.com/hyper.africa" target="_blank">
<i class="bi bi-facebook"></i>
</a>
</li>
</ul>
</div>
<div class="col-lg-3 col-sm-3 d-flex justify-content-center justify-content-sm-start">
<div class="media gap-3 absolute-white">
<i class="bi bi-telephone-forward fs-28"></i>
<div class="media-body">
<h6 class="absolute-white mb-1">hotline</h6>
<a dir="ltr" href="tel:0625476730"
class="absolute-white">0625476730</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-main px-2 px-lg-0">
<div class="container">
<div class="row gy-5">
<div class="col-lg-4">
<div class="widget widget--about text-center text-lg-start absolute-white">
<p>33 Rue Michel Fauvet, 77260 La Ferté-sous-Jouarre, France</p>
<a href="mailto:contact@hyper.africa">contact@hyper.africa</a>
<div class="d-flex gap-3 justify-content-center justify-content-lg-start flex-wrap mt-4">
<a href="https://play.google.com/store/apps/details?id=com.hyper.marketplace">
<img
src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/media/google-play.png" loading="lazy"
alt="Image">
</a>
<a href="https://apps.apple.com/it/app/hyper-africa/id6453693796">
<img
src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/media/app-store.png" loading="lazy"
alt="Image">
</a>
</div>
<div class="mt-4 mb-3">
<div class="d-flex gap-2">
<h6 class="text-uppercase mb-2 font-weight-bold footer-heder">Newsletter</h6>
<i class="bi bi-send-fill mt-n1"></i>
</div>
<p class="text-start">Inscrivez-vous à notre Newsletter pour recevoir les dernières produits et promotions</p>
</div>
<form class="newsletter-form" action="https://www.hyper.africa/subscription" method="post">
<input type="hidden" name="_token" value="YaKuTfEUxzYlmTqKW5BFOArBn1xBDJh1BJR5OopU" autocomplete="off"> <div class="position-relative">
<label class="position-relative m-0 d-block">
<i class="bi bi-envelope envelop-icon text-muted fs-18"></i>
<input type="text" placeholder="Saisissez votre e-mail"
class="form-control" name="subscription_email" required>
</label>
<button type="submit" class="btn btn-primary">Soumettre</button>
</div>
</form>
</div>
</div>
<div class="col-lg-8">
<div class="row gy-5">
<div class="col-sm-4 col-6">
<div class="widget widget--nav absolute-white">
<h4 class="widget__title">Comptes</h4>
<ul class="d-flex flex-column gap-3">
<li>
<a class="text-capitalize"
href="https://www.hyper.africa/vendor/auth/registration/index">Ouvrez votre boutique</a>
</li>
<li>
<button class="bg-transparent border-0 p-0" data-bs-toggle="modal"
data-bs-target="#loginModal">Profil</button>
</li>
<li>
<a class="text-capitalize"
href="https://www.hyper.africa/track-order">Suivre ma commande</a>
</li>
<li><a class="text-capitalize"
href="https://www.hyper.africa/contacts">Aide et assistance</a></li>
</ul>
</div>
</div>
<div class="col-sm-4 col-6">
<div class="widget widget--nav absolute-white">
<h4 class="widget__title text-capitalize">Liens utiles</h4>
<ul class="d-flex flex-column gap-3">
<li>
<a class="text-capitalize"
href="https://www.hyper.africa/products?data_from=featured&page=1">Produits populaires</a>
</li>
<li>
<a class="text-capitalize" href="https://www.hyper.africa/vendors">
Meilleures boutiques
</a>
</li>
<li>
<a class="text-capitalize"
href="https://www.hyper.africa/products?data_from=latest">derniers produits</a>
</li>
<li><a href="https://www.hyper.africa/helpTopic">FAQ</a></li>
</ul>
</div>
</div>
<div class="col-sm-4 col-6">
<div class="widget widget--nav absolute-white">
<h4 class="widget__title">Autre</h4>
<ul class="d-flex flex-column gap-3">
<li><a class="text-capitalize"
href="https://www.hyper.africa/about-us">A propos</a></li>
<li><a class="text-capitalize"
href="https://www.hyper.africa/privacy-policy">politique de confidentialité</a></li>
<li><a class="text-capitalize"
href="https://www.hyper.africa/terms-and-condition">Termes & conditions</a></li>
<li>
<a class="text-capitalize"
href="https://www.hyper.africa/refund-policy">Politique de remboursement</a>
</li>
<li>
<a class="text-capitalize"
href="https://www.hyper.africa/return-policy">Politique de retour</a>
</li>
<li>
<a class="text-capitalize"
href="https://www.hyper.africa/cancellation-policy">Politique d'annulation</a>
</li>
<li>
<button class="bg-transparent border-0 p-0 text-capitalize"
data-bs-toggle="modal"
data-bs-target="#loginModal">Tickets d'assistance</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom absolute-white">
<div class="container">
<div class="text-center copyright-text">
CopyRight 2025, Setlo24
</div>
</div>
</div>
</footer>
<a href="#" class="back-to-top">
<i class="bi bi-arrow-up"></i>
</a>
<div class="app-bar px-sm-2 d-xl-none" id="mobile_app_bar">
<ul class="list-unstyled d-flex justify-content-around gap-3 mb-0 position-relative bg-white shadow-lg">
<li>
<a href="https://www.hyper.africa"
class="d-flex align-items-center flex-column py-2 active">
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_8487_6234)">
<path d="M13 15.4932C11.6193 15.4932 10.5 16.6125 10.5 17.9932V22.9932H15.5V17.9932C15.5 16.6125 14.3807 15.4932 13 15.4932Z" fill="currentColor"/>
<path d="M17.1667 17.9934V22.9934H20.5C21.8807 22.9934 23 21.8741 23 20.4934V12.8926C23.0002 12.4597 22.832 12.0436 22.5308 11.7326L15.4492 4.07673C14.1996 2.72477 12.0907 2.64177 10.7388 3.8913C10.6746 3.95067 10.6127 4.01251 10.5534 4.07673L3.48418 11.7301C3.17395 12.0424 2.99988 12.4649 3 12.9051V20.4934C3 21.8741 4.1193 22.9934 5.5 22.9934H8.83332V17.9934C8.84891 15.7211 10.6836 13.8654 12.8987 13.812C15.1879 13.7568 17.1492 15.644 17.1667 17.9934Z" fill="#1B7FED"/>
<path d="M13 15.4932C11.6193 15.4932 10.5 16.6125 10.5 17.9932V22.9932H15.5V17.9932C15.5 16.6125 14.3807 15.4932 13 15.4932Z" fill="currentColor"/>
</g>
<defs>
<clipPath id="clip0_8487_6234">
<rect width="20" height="20" fill="white" transform="translate(3 3)"/>
</clipPath>
</defs>
</svg>
</a>
</li>
<li>
<a href="javascript:" class="d-flex align-items-center flex-column py-2" data-bs-toggle="modal"
data-bs-target="#loginModal">
<div class="position-relative">
<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_8487_6242)">
<path d="M14.917 1.59766C13.9786 1.61225 13.0607 1.8742 12.2559 2.35705C11.4512 2.8399 10.7881 3.52655 10.3336 4.34766C9.87916 3.52655 9.21607 2.8399 8.41132 2.35705C7.60657 1.8742 6.68867 1.61225 5.75029 1.59766C4.25441 1.66265 2.84505 2.31703 1.83011 3.41785C0.815174 4.51867 0.277165 5.97643 0.333624 7.47266C0.333624 11.2618 4.32196 15.4002 7.66696 18.206C8.41381 18.8336 9.35809 19.1777 10.3336 19.1777C11.3092 19.1777 12.2534 18.8336 13.0003 18.206C16.3453 15.4002 20.3336 11.2618 20.3336 7.47266C20.3901 5.97643 19.8521 4.51867 18.8371 3.41785C17.8222 2.31703 16.4128 1.66265 14.917 1.59766ZM11.9295 16.931C11.4828 17.3071 10.9176 17.5134 10.3336 17.5134C9.74966 17.5134 9.18447 17.3071 8.73779 16.931C4.45612 13.3385 2.00029 9.89182 2.00029 7.47266C1.94332 6.41825 2.3056 5.3841 3.00809 4.59574C3.71059 3.80738 4.69632 3.32878 5.75029 3.26432C6.80426 3.32878 7.78999 3.80738 8.49249 4.59574C9.19499 5.3841 9.55726 6.41825 9.50029 7.47266C9.50029 7.69367 9.58809 7.90563 9.74437 8.06191C9.90065 8.21819 10.1126 8.30599 10.3336 8.30599C10.5546 8.30599 10.7666 8.21819 10.9229 8.06191C11.0792 7.90563 11.167 7.69367 11.167 7.47266C11.11 6.41825 11.4723 5.3841 12.1748 4.59574C12.8773 3.80738 13.863 3.32878 14.917 3.26432C15.9709 3.32878 16.9567 3.80738 17.6592 4.59574C18.3617 5.3841 18.7239 6.41825 18.667 7.47266C18.667 9.89182 16.2111 13.3385 11.9295 16.9277V16.931Z" fill="currentColor"/>
</g>
<defs>
<clipPath id="clip0_8487_6242">
<rect width="20" height="20" fill="white" transform="translate(0.333496)"/>
</clipPath>
</defs>
</svg>
</div>
</a>
</li>
<li>
<div class="dropup position-static">
<a
href="javascript"
class="d-flex align-items-center flex-column py-2 "
data-toggle="collapse"
data-target="cart_dropdown"
>
<div class="position-relative">
<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_8487_6247)">
<path d="M18.1665 5H15.6665C15.6665 3.67392 15.1397 2.40215 14.202 1.46447C13.2644 0.526784 11.9926 0 10.6665 0C9.34042 0 8.06865 0.526784 7.13097 1.46447C6.19329 2.40215 5.6665 3.67392 5.6665 5H3.1665C2.50346 5 1.86758 5.26339 1.39874 5.73223C0.929896 6.20107 0.666504 6.83696 0.666504 7.5L0.666504 15.8333C0.667827 16.938 1.10724 17.997 1.88835 18.7782C2.66947 19.5593 3.72851 19.9987 4.83317 20H16.4998C17.6045 19.9987 18.6635 19.5593 19.4447 18.7782C20.2258 17.997 20.6652 16.938 20.6665 15.8333V7.5C20.6665 6.83696 20.4031 6.20107 19.9343 5.73223C19.4654 5.26339 18.8295 5 18.1665 5ZM10.6665 1.66667C11.5506 1.66667 12.3984 2.01786 13.0235 2.64298C13.6486 3.2681 13.9998 4.11594 13.9998 5H7.33317C7.33317 4.11594 7.68436 3.2681 8.30948 2.64298C8.9346 2.01786 9.78245 1.66667 10.6665 1.66667ZM18.9998 15.8333C18.9998 16.4964 18.7364 17.1323 18.2676 17.6011C17.7988 18.0699 17.1629 18.3333 16.4998 18.3333H4.83317C4.17013 18.3333 3.53424 18.0699 3.0654 17.6011C2.59656 17.1323 2.33317 16.4964 2.33317 15.8333V7.5C2.33317 7.27899 2.42097 7.06702 2.57725 6.91074C2.73353 6.75446 2.94549 6.66667 3.1665 6.66667H5.6665V8.33333C5.6665 8.55435 5.7543 8.76631 5.91058 8.92259C6.06686 9.07887 6.27882 9.16667 6.49984 9.16667C6.72085 9.16667 6.93281 9.07887 7.08909 8.92259C7.24537 8.76631 7.33317 8.55435 7.33317 8.33333V6.66667H13.9998V8.33333C13.9998 8.55435 14.0876 8.76631 14.2439 8.92259C14.4002 9.07887 14.6122 9.16667 14.8332 9.16667C15.0542 9.16667 15.2661 9.07887 15.4224 8.92259C15.5787 8.76631 15.6665 8.55435 15.6665 8.33333V6.66667H18.1665C18.3875 6.66667 18.5995 6.75446 18.7558 6.91074C18.912 7.06702 18.9998 7.27899 18.9998 7.5V15.8333Z" fill="currentColor"/>
</g>
<defs>
<clipPath id="clip0_8487_6247">
<rect width="20" height="20" fill="white" transform="translate(0.666504)"/>
</clipPath>
</defs>
</svg>
<span class="count top-0">0</span>
</div>
</a>
<ul class="dropdown-menu scrollY-60 z-n1 bs-dropdown-min-width--100"
id="cart_dropdown">
<div class="widget-cart-item">
<h6 class="text-danger text-center m-0 p-2"><i
class="fa fa-cart-arrow-down"></i> Panier vide
</h6>
</div>
</ul>
</div>
</li>
<li>
<a href="javascript:" class="d-flex align-items-center flex-column py-2" data-bs-toggle="modal"
data-bs-target="#loginModal">
<div class="position-relative">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_8487_6252)">
<path d="M20 4.16648C20 2.32815 18.505 0.833151 16.6667 0.833151C14.8283 0.833151 13.3333 2.32815 13.3333 4.16648C13.3333 5.71648 14.3975 7.02315 15.8333 7.39398V12.4998C15.8333 13.8782 14.7117 14.9998 13.3333 14.9998H10.5258L12.3617 13.164C12.6875 12.8382 12.6875 12.3115 12.3617 11.9857C12.0358 11.6598 11.5092 11.6598 11.1833 11.9857L9.06583 14.1032C8.60833 14.5598 8.33333 14.9998 8.33333 15.8332C8.33333 16.6665 8.58083 17.154 9.06583 17.639L11.1833 19.7565C11.3458 19.919 11.5592 20.0007 11.7725 20.0007C11.9858 20.0007 12.1992 19.919 12.3617 19.7565C12.6875 19.4307 12.6875 18.904 12.3617 18.5782L10.4508 16.6673H13.3333C15.6308 16.6673 17.5 14.7982 17.5 12.5007V7.39482C18.9358 7.02398 20 5.71648 20 4.16648ZM16.6667 5.83315C15.7475 5.83315 15 5.08565 15 4.16648C15 3.24732 15.7475 2.49982 16.6667 2.49982C17.5858 2.49982 18.3333 3.24732 18.3333 4.16648C18.3333 5.08565 17.5858 5.83315 16.6667 5.83315ZM11.0033 5.93482C11.4758 5.46232 11.7358 4.83482 11.7358 4.16648C11.7358 3.49815 11.4758 2.87065 11.0033 2.39898L8.88583 0.281484C8.56 -0.044349 8.03333 -0.044349 7.7075 0.281484C7.38167 0.607318 7.38167 1.13398 7.7075 1.45982L9.58 3.33315H6.66667C4.36917 3.33315 2.5 5.20232 2.5 7.49982V12.6057C1.06417 12.9765 0 14.2832 0 15.8332C0 17.6715 1.495 19.1665 3.33333 19.1665C5.17167 19.1665 6.66667 17.6715 6.66667 15.8332C6.66667 14.2832 5.6025 12.9765 4.16667 12.6057V7.49982C4.16667 6.12148 5.28833 4.99982 6.66667 4.99982H9.58083L7.7075 6.87315C7.38167 7.19898 7.38167 7.72565 7.7075 8.05148C7.87 8.21398 8.08333 8.29565 8.29667 8.29565C8.51 8.29565 8.72333 8.21398 8.88583 8.05148L11.0033 5.93482ZM5 15.8332C5 16.7523 4.2525 17.4998 3.33333 17.4998C2.41417 17.4998 1.66667 16.7523 1.66667 15.8332C1.66667 14.914 2.41417 14.1665 3.33333 14.1665C4.2525 14.1665 5 14.914 5 15.8332Z" fill="currentColor"/>
</g>
<defs>
<clipPath id="clip0_8487_6252">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</a>
</li>
</ul>
</div>
<span class="customize-text"
data-textno="Non"
data-textyes="Oui"
data-textnow="Maintenant"
data-textsuccessfullycopied="Copié avec succès"
data-text-no-discount="Pas de remise"
data-stock-available="Stock disponible"
data-stock-not-available="stock non disponible"
data-update-this-address="Mettre à jour cette adresse"
data-password-characters-limit="Votre mot de passe doit comporter au moins 8 caractères"
data-password-not-match="Le mot de passe ne correspond pas"
data-textpleaseselectpaymentmethods="Veuillez sélectionner un mode de paiement"
data-reviewmessage="Vous pouvez évaluer le produit une fois qu'il a été livré"
data-refundmessage="Vous pouvez demander un remboursement après la livraison du produit"
data-textshoptemporaryclose="Cette boutique est temporairement fermée ou en vacances Vous ne pouvez pas ajouter de produit au panier de cette boutique pour le moment"
></span>
<span class="system-default-country-code" data-value="FR"></span>
<span class="cannot_use_zero" data-text="Impossible d'utiliser 0 seulement"></span>
<span class="system-default-country-code" data-value="FR"></span>
<section id="cookie-section"></section>
<div class="modal fade"
id="registerModal"
tabindex="-1"
aria-hidden="true"
>
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-header border-0 pb-0">
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"
></button>
</div>
<div class="modal-body px-4 px-lg-5">
<div class="mb-4 text-center">
<img width="200" alt="" class="dark-support"
src="https://www.hyper.africa/storage/app/public/company/2024-06-09-6665cd67aebb9.png">
</div>
<div class="mb-4">
<h2 class="mb-2">S'inscrire</h2>
<p class="text-muted">
Connexion à votre compte Do n’t have account?
<span
class="text-primary fw-bold"
data-bs-toggle="modal"
data-bs-target="#loginModal">
Connexion
</span>
</p>
</div>
<form action="https://www.hyper.africa/customer/auth/sign-up" method="POST" id="customer-form"
enctype="multipart/form-data">
<input type="hidden" name="_token" value="YaKuTfEUxzYlmTqKW5BFOArBn1xBDJh1BJR5OopU" autocomplete="off"> <div class="custom-scrollbar height-45vh">
<div class="row">
<div class="col-sm-6">
<div class="form-group mb-4">
<label class="text-capitalize" for="f_name"> Prénom</label>
<input
type="text"
id="f_name"
name="f_name"
class="form-control"
placeholder="Ex:Jhone"
value=""
required
/>
</div>
</div>
<div class="col-sm-6">
<div class="form-group mb-4">
<label class="text-capitalize" for="l_name">Nom</label>
<input
type="text"
id="l_name"
name="l_name"
value=""
class="form-control"
placeholder="Ex:Doe"
required
/>
</div>
</div>
<div class="col-sm-6">
<div class="form-group mb-4">
<label for="r_email">Email</label>
<input
type="text"
id="r_email"
value=""
name="email"
class="form-control"
placeholder="Entrez votre email ou votre numéro de téléphone"
autocomplete="off"
required
/>
</div>
</div>
<div class="col-sm-6">
<div class="form-group mb-4">
<label for="phone">Téléphone</label>
<input
type="tel"
id="phone"
value=""
class="form-control phone-input-with-country-picker"
placeholder="Entrez le numéro de téléphone"
required
/>
<input type="hidden" class="country-picker-phone-number w-50" name="phone" readonly>
</div>
</div>
<div class="col-sm-6">
<div class="mb-4">
<label for="password">Mot de passe
<span class="text-danger mx-1 password-error"></span>
</label>
<div class="input-inner-end-ele">
<input
type="password"
id="password"
name="password"
class="form-control"
placeholder="8 caractères minimum"
autocomplete="off"
required
/>
<i class="bi bi-eye-slash-fill togglePassword"></i>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="mb-4">
<label class="text-capitalize"
for="confirm_password">Confirmer le mot de passe</label>
<div class="input-inner-end-ele">
<input
type="password"
id="confirm_password"
class="form-control"
name="con_password"
placeholder="8 caractères minimum"
autocomplete="off"
required
/>
<i class="bi bi-eye-slash-fill togglePassword"></i>
</div>
</div>
</div>
<div class="col-sm-12">
<div class="mb-4">
<div class="form-group">
<label class="form-label form--label text-capitalize"
for="referral_code">Code de parrainage (facultatif) <small
class="text-muted">(Optionnel)</small></label>
<input type="text" id="referral_code" class="form-control"
name="referral_code"
placeholder="Utiliser le code de parrainage">
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-center">
<div id="recaptcha-element-customer-register" class="w-100 mt-2" data-type="image"></div>
</div>
<div class="d-flex justify-content-center mt-4">
<label for="input-checked" class="d-flex gap-1 align-items-center mb-0 user-select-none">
<input type="checkbox" id="input-checked" required/>
Je suis d'accord avec le <a href="https://www.hyper.africa/terms-and-condition" class="text-info text-capitalize">Termes & conditions</a>
</label>
</div>
</div>
<div class="d-flex justify-content-center mt-4 mb-3">
<button type="submit" id="sign-up" class="btn btn-primary px-5 text-capitalize"
disabled>S'inscrire</button>
</div>
</form>
<p class="text-center text-muted">Ou continuer avec</p>
<div class="d-flex justify-content-center gap-3 align-items-center flex-wrap pb-3">
<a href="https://www.hyper.africa/customer/auth/login/google">
<img
width="35"
src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/svg/google.svg"
alt=""
class="dark-support"/>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="loginModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header border-0 pb-0">
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"
></button>
</div>
<div class="modal-body px-4 px-sm-5">
<div class="mb-4 text-center">
<img alt="" class="dark-support"
width="200" src="https://www.hyper.africa/storage/app/public/company/2024-06-09-6665cd67aebb9.png">
</div>
<div class="mb-4">
<h2 class="mb-2">Connexion</h2>
<p class="text-muted">
Connexion à votre compte
Do not have account?
<span class="text-primary fw-bold text-capitalize" data-bs-toggle="modal"
data-bs-target="#registerModal">
S'inscrire
</span>
</p>
</div>
<div class="row align-items-center or-sign-in-with-row">
<div class="col-md-6">
<form action="https://www.hyper.africa/customer/auth/login" method="post"
class="customer-centralize-login-form"
autocomplete="off">
<input type="hidden" name="_token" value="YaKuTfEUxzYlmTqKW5BFOArBn1xBDJh1BJR5OopU" autocomplete="off"> <input type="hidden" name="login_type" value="manual-login">
<div class="form-group mb-2">
<label for="email">Email / Téléphone</label>
<input
name="user_identity" id="si-email"
class="form-control auth-email-input" value=""
placeholder="Entrez votre email ou votre numéro de téléphone" required
/>
</div>
<div class="mb-4">
<label for="password">Mot de passe</label>
<div class="input-inner-end-ele">
<input name="password" type="password" id="si-password" class="form-control auth-password-input"
placeholder="Ex::6+ Caractères" required/>
<i class="bi bi-eye-slash-fill togglePassword"></i>
</div>
</div>
<div class="d-flex justify-content-between gap-3 align-items-center mb-2">
<label for="remember528" class="d-flex gap-1 align-items-center mb-0">
<input type="checkbox" name="remember"
id="remember528" />
Se souvenir de moi
</label>
<a href="https://www.hyper.africa/customer/auth/recover-password" class="text-capitalize">
Mot de passe oublié?
</a>
</div>
<div class="d-flex justify-content-center mb-3">
<div id="recaptcha_element_customer_login" class="w-100 mt-4" data-type="image"></div>
</div>
<div class="d-flex justify-content-center mb-3">
<button type="submit" class="fs-16 btn btn-primary px-5 w-100">
Connexion
</button>
</div>
</form>
</div>
<div class="or-sign-in-with"><span>Or Sign in with</span></div>
<div class="col-md-6">
<p class="text-center text-muted d-none d-md-block">Ou continuer avec</p>
<div class="d-flex justify-content-center flex-column align-items-center my-3 gap-3">
<a class="social-media-login-btn"
href="https://www.hyper.africa/customer/auth/login/google">
<img alt=""
src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/svg/google.svg">
<span class="text">
Google
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="quickViewModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content" id="quickViewModal_content">
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="buyNowModal" tabindex="-1" aria-labelledby="buyNowModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body px-sm-4 mb-sm-3" id="buyNowModal-body">
</div>
</div>
</div>
</div>
<div class="social-chat-icons">
<div class="">
<a href="https://wa.me/0033625476730?text=Hello%20there!" target="_blank">
<img src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/whatsapp.svg" width="35" class="chat-image-shadow"
alt="Chat with us on WhatsApp">
</a>
</div>
</div>
<span id="get-send-success-msg" data-text="envoyé avec succès"></span>
<span id="all-msg-container" data-afterextend="Voir moins" data-seemore="Voir plus"></span>
<span class="please_fill_out_this_field" data-text="Veuillez remplir ce champ"></span>
<span class="redirecting-payment-message" data-text="Redirection vers le paiement...."></span>
<span id="successfully-copied" data-text="Copié avec succès"></span>
<span id="copied-failed" data-text="Copie échouée!"></span>
<span id="get-cancel-message" data-text="La commande ne peut être annulée que lorsqu'elle est en attente"></span>
<span id="get-select-payment-method-message" data-text="Veuillez sélectionner un mode de paiement"></span>
<span id="get-minus_value-message" data-text="Impossible de saisir la valeur négative"></span>
<span id="get-check-password-msg"
data-retype="Veuillez retaper le mot de passe"
data-not-match="Les mots de passe ne correspondent pas!"
data-character-limit="Le mot de passe doit être composé de 8 caractères."
data-match="Les mots de passe correspondent.">
</span>
<span id="get-resend-otp-text" data-success="L'OTP a été envoyé à nouveau." data-error="Veuillez attendre le nouveau code."></span>
<span class="minimum_order_quantity_msg" data-text="La quantité minimum de commande ne peut pas être inférieure à "></span>
<span id="password-error-message" data-max-character="Au moins 8 caractères." data-uppercase-character="Au moins une lettre majuscule(A...Z)." data-lowercase-character="Au moins une lettre majuscule(a...z)."
data-number="Au moins un numéro(0...9)." data-symbol="Au moins un symbole(!...%)."></span>
<span class="login-warning" data-login-warning-message = "Please login your account"> </span>
<span id="message-please-check-recaptcha" data-text="Veuillez vérifier le recaptcha"></span>
<span id="update_nav_cart_url" data-url="https://www.hyper.africa/cart/nav-cart-items"></span>
<span id="remove_from_cart_url" data-url="https://www.hyper.africa/cart/remove"></span>
<span id="update-quantity-basic-url" data-url="https://www.hyper.africa/cart/updateQuantity"></span>
<span id="route-cart-variant-price" data-url="https://www.hyper.africa/cart/variant_price"></span>
<span id="route-checkout-details" data-url="https://www.hyper.africa/checkout-details"></span>
<span id="route-checkout-payment" data-url="https://www.hyper.africa/checkout-payment"></span>
<span id="order_note_url" data-url="https://www.hyper.africa/order_note"></span>
<span id="update_quantity_url" data-url="https://www.hyper.africa/cart/updateQuantity-guest"></span>
<span id="get-place-holder-image" data-src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png"></span>
<span id="authentication-status" data-auth="false"></span>
<span id="set-shipping-url" data-url="https://www.hyper.africa/customer/set-shipping-method"></span>
<span id="digital-product-download-otp-reset" data-route="https://www.hyper.africa/digital-product-download-otp-reset"></span>
<span id="order_again_url" data-action="https://www.hyper.africa/cart/order-again"></span>
<span id="route-product-restock-request" data-url="https://www.hyper.africa/cart/product-restock-request"></span>
<span id="route-get-session-recaptcha-code"
data-route="https://www.hyper.africa/get-session-recaptcha-code"
data-mode="live"
></span>
<script src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/js/jquery-3.6.0.min.js"></script>
<script src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/js/bootstrap.bundle.min.js"></script>
<script src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/plugins/swiper/swiper-bundle.min.js"></script>
<script src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/plugins/sweet_alert/sweetalert2.js"></script>
<script src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/plugins/magnific-popup-1.1.0/jquery.magnific-popup.js"></script>
<script src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/plugins/easyzoom/easyzoom.min.js"></script>
<script src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/js/toastr.js"></script>
<script src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/js/main.js"></script>
<script src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/plugins/intl-tel-input/js/intlTelInput.js"></script>
<script src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/js/country-picker-init.js"></script>
<script>
$(document).ready(function () {
$('#initialModal').modal('show');
});
</script>
<script>
'use strict';
$('.delete-action').on('click', function () {
Swal.fire({
title: 'Êtes-vous sûr ??',
text: $(this).data('message'),
type: 'warning',
showCancelButton: true,
cancelButtonColor: 'default',
confirmButtonColor: '#203d5b',
cancelButtonText: 'Non',
confirmButtonText: 'Oui',
reverseButtons: true
}).then((result) => {
if (result.value) {
location.href = $(this).data('action');
}
})
})
</script>
<script>
'use strict';
let cookieSection = $('#cookie-section');
let cookie_content = `
<div class="cookies active absolute-white py-4">
<div class="container">
<h4 class="absolute-white mb-3">Votre vie privée compte</h4>
<p>Des cookies et des technologies similaires sont utilisés sur notre site Web pour personnaliser le contenu et les publicités, fournir et améliorer les fonctionnalités des produits et analyser le trafic sur notre site par Setlo24, nos partenaires commerciaux et auteurs. En cliquant sur "Oui, j'accepte" ou en cliquant sur n'importe quel contenu de nos sites, vous acceptez l'utilisation de ces cookies et technologies similaires.</p>
<div class="d-flex gap-3 justify-content-end mt-4">
<button type="button" class="btn absolute-white btn-link" id="cookie-reject">Non merci</button>
<button type="button" class="btn btn-primary" id="cookie-accept">J'accepte</button>
</div>
</div>
</div>
`;
$(document).on('click', '#cookie-accept', function () {
document.cookie = '6valley_cookie_consent=accepted; max-age=' + 60 * 60 * 24 * 30;
cookieSection.hide();
});
$(document).on('click', '#cookie-reject', function () {
document.cookie = '6valley_cookie_consent=reject; max-age=' + 60 * 60 * 24;
cookieSection.hide();
});
$(document).ready(function () {
if (document.cookie.indexOf("6valley_cookie_consent=accepted") !== -1) {
cookieSection.hide();
} else {
cookieSection.html(cookie_content).show();
}
});
let tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
let tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
})
</script>
<script>
"use strict";
$(document).ready(function() {
const currentUrl = new URL(window.location.href);
const referral_code_parameter = new URLSearchParams(currentUrl.search).get("referral_code");
if (referral_code_parameter) {
$('#registerModal').modal('show');
let referralCode = $('#referral_code');
if (referralCode.length) {
referralCode.val(referral_code_parameter);
}
}
});
</script>
<script>
"use strict";
let errorMessages = {
valueMissing: $('.please_fill_out_this_field').data('text')
};
$('input').each(function () {
let $el = $(this);
$el.on('invalid', function (event) {
let target = event.target,
validity = target.validity;
target.setCustomValidity("");
if (!validity.valid) {
if (validity.valueMissing) {
target.setCustomValidity($el.data('errorRequired') || errorMessages.valueMissing);
}
}
});
});
$('textarea').each(function () {
let $el = $(this);
$el.on('invalid', function (event) {
let target = event.target,
validity = target.validity;
target.setCustomValidity("");
if (!validity.valid) {
if (validity.valueMissing) {
target.setCustomValidity($el.data('errorRequired') || errorMessages.valueMissing);
}
}
});
});
</script>
<script src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/js/custom.js"></script>
<span id="Firebase_Configuration_Config" data-api-key="AIzaSyDQ0B7wjlEdMJSWAU5AQMpEwJRDGsxq_KM"
data-auth-domain=""
data-project-id="hyper-live"
data-storage-bucket="hyper-live.firebasestorage.app"
data-messaging-sender-id="671726597981"
data-app-id="1:671726597981:android:84cdb3a1ef604de79b9ab4"
data-measurement-id="G-DB4S9F7LRC"
data-csrf-token="YaKuTfEUxzYlmTqKW5BFOArBn1xBDJh1BJR5OopU"
data-route="https://www.hyper.africa/system/subscribe-to-topic"
data-recaptcha-store="https://www.hyper.africa/g-recaptcha-response-store"
data-favicon="https://www.hyper.africa/storage/app/public/company/2023-05-16-6463e0b0be28f.png"
data-firebase-service-worker-file="https://www.hyper.africa/firebase-messaging-sw.js"
data-firebase-service-worker-scope="https://www.hyper.africa/firebase-cloud-messaging-push-scope"
>
</span>
<script src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/plugins/firebase/firebase.min.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.3.2/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.3.2/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.3.2/firebase-messaging.js"></script>
<script>
try {
let firebaseConfigurationConfig = $('#Firebase_Configuration_Config');
var firebaseConfig = {
apiKey: firebaseConfigurationConfig.data('api-key'),
authDomain: firebaseConfigurationConfig.data('auth-domain'),
projectId: firebaseConfigurationConfig.data('project-id'),
storageBucket: firebaseConfigurationConfig.data('storage-bucket'),
messagingSenderId: firebaseConfigurationConfig.data('messaging-sender-id'),
appId: firebaseConfigurationConfig.data('app-id'),
measurementId: firebaseConfigurationConfig.data('measurement-id'),
};
firebase.initializeApp(firebaseConfig);
const messaging = firebase.messaging();
var recaptchaVerifiers = {};
function initializeFirebaseGoogleRecaptcha(containerId, action) {
try {
var recaptchaContainer = document.getElementById(containerId);
if (recaptchaVerifiers[containerId]) {
recaptchaVerifiers[containerId].clear();
}
if (recaptchaContainer && recaptchaContainer.innerHTML.trim() === "") {
recaptchaVerifiers[containerId] = new firebase.auth.RecaptchaVerifier(containerId, {
size: 'normal', // Use 'invisible' for invisible reCAPTCHA
callback: function(response) {
console.log('reCAPTCHA solved for ' + containerId + ' with action ' + action);
storeRecaptchaVerifierResponse(containerId, response);
},
'expired-callback': function() {
console.error('reCAPTCHA expired for ' + containerId);
}
});
recaptchaVerifiers[containerId].render().then(function(widgetId) {
console.log('reCAPTCHA widget rendered for ' + containerId);
}).catch(function(error) {
console.error('Error rendering reCAPTCHA for ' + containerId + ':', error);
});
} else {
console.log("reCAPTCHA container " + containerId + " is either not found or already contains inner elements!");
}
} catch (e) {
console.log(e)
}
}
function storeRecaptchaVerifierResponse(containerId, response) {
console.log('Response from ' + containerId + ': ' + response);
}
try {
function requestNotificationPermission() {
return Notification.requestPermission().then(permission => {
if (permission === 'granted') {
console.log('Notification permission granted.');
return true;
} else {
console.error('Notification permission denied.');
return false;
}
});
}
function startFCM(topics) {
requestNotificationPermission().then(permissionGranted => {
if (permissionGranted) {
messaging.getToken().then(token => {
topics.forEach(topic => {
subscribeTokenToBackend(token, topic);
});
}).catch(error => {
console.error('Error getting token:', error);
});
}
});
}
function subscribeTokenToBackend(token, topic) {
fetch(firebaseConfigurationConfig.data('route'), {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'X-CSRF-TOKEN': firebaseConfigurationConfig.data('csrf-token')
},
body: JSON.stringify({
token: token,
topic: topic
})
}).then(response => {
if (response.status < 200 || response.status >= 400) {
return response.text().then(text => {
throw new Error(`Error subscribing to topic: ${response.status} - ${text}`);
});
}
console.log(`Subscribed to "${topic}"`);
}).catch(error => {
console.error('Subscription error:', error);
});
}
// List of topics to subscribe to
const topics = ["sixvalley","maintenance_mode_start_user_app"];
startFCM(topics);
messaging.onMessage(function (payload) {
// Check if the notification is related to a specific topic
if (payload?.data?.type?.includes('product_restock')) {
productRestockStockLimitStatus(payload.data);
}
// You can also display the notification directly
if (payload.data) {
displayNotification(payload.data);
}
});
} catch (e) {
console.log(e)
}
} catch (e) {
console.log(e);
}
try {
function displayNotification(notification) {
const options = {
body: notification.body,
icon: $('#Firebase_Configuration_Config').data('favicon'),
};
new Notification(notification.title, options);
}
} catch (e) {
console.log(e);
}
</script>
<script type="text/javascript"></script>
<script>
function route_alert(route, message) {
Swal.fire({
title: "Êtes-vous sûr ??",
text: message,
type: 'warning',
showCancelButton: true,
cancelButtonColor: 'default',
confirmButtonColor: '#203d5b',
cancelButtonText: 'Non',
confirmButtonText: 'Oui',
reverseButtons: true
}).then((result) => {
if (result.value) {
location.href = route;
}
})
}
</script>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallbackCustomerRegi&render=explicit" async
defer></script>
<script>
'use strict';
initializePhoneInput(".phone-input-with-country-picker", ".country-picker-phone-number");
$('#input-checked').change(function () {
if ($(this).is(':checked')) {
$('#sign-up').removeAttr('disabled');
} else {
$('#sign-up').attr('disabled', 'disabled');
}
});
var onloadCallbackCustomerRegi = function () {
let reg_id = grecaptcha.render('recaptcha-element-customer-register', {
'sitekey': '6LcX1NInAAAAAP5pCyrlCIM63wLriKyEHNSLrqta'
});
$('#recaptcha-element-customer-register').attr('data-reg-id', reg_id);
};
function recaptcha_f() {
let response = grecaptcha.getResponse($('#recaptcha-element-customer-register').attr('data-reg-id'));
return response.length !== 0;
}
$('#customer-form').submit(function (event) {
event.preventDefault();
let formData = $(this).serialize()
let recaptcha = true;
recaptcha = recaptcha_f();
if (recaptcha === true) {
$.ajax({
type: 'POST',
url: $(this).attr('action'),
data: formData,
beforeSend: function () {
$("#loading").addClass("d-grid");
},
success: function (data) {
if (data.errors) {
for (let index = 0; index < data.errors.length; index++) {
toastr.error(data.errors[index].message, {
CloseButton: true,
ProgressBar: true
});
}
} else {
toastr.success(
'Client ajouté avec succès!', {
CloseButton: true,
ProgressBar: true
});
if (data.redirect_url !== '') {
window.location.href = data.redirect_url;
} else {
$('#registerModal').modal('hide');
$('#loginModal').modal('show');
}
}
},
complete: function () {
$("#loading").removeClass("d-grid");
},
});
} else {
toastr.error("Veuillez vérifier le recaptcha");
}
});
</script>
<script src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/js/password-strength.js"></script>
<script>
"use strict";
function resizeFunc() {
$('.or-sign-in-with').css('width', $('.or-sign-in-with-row').height())
}
$('#loginModal').on('show.bs.modal', function () {
resizeFunc();
const resizeObserver = new ResizeObserver(resizeFunc);
resizeObserver.observe(document.querySelector('.or-sign-in-with-row'));
});
</script>
<script>
'use strict';
try {
initializePhoneInput(".phone-input-with-country-picker-login", ".country-picker-phone-number-login");
} catch (e) {
}
</script>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallbackCustomerLogin&render=explicit" async
defer></script>
<script type="text/javascript">
'use strict';
var onloadCallbackCustomerLogin = function () {
let loginId = grecaptcha.render('recaptcha_element_customer_login', {
'sitekey': '6LcX1NInAAAAAP5pCyrlCIM63wLriKyEHNSLrqta'
});
$('#recaptcha_element_customer_login').attr('data-login-id', loginId);
};
</script>
</body>
</html>