<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<!-- Fonts -->
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<title>
Hyper Shopping en ligne | Hyper Ecommerce </title>
<!-- CSRF Token -->
<meta name="base-url" content="https://www.hyper.africa">
<!-- Meta Data -->
<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="_token" content="K1XiiNkrhNRdhtLXd5VC22NLoYH6eMuwJpZA9ocd">
<!-- Favicon -->
<link rel="shortcut icon" href="https://www.hyper.africa/storage/app/public/company/2023-05-16-6463e0b0be28f.png"/>
<!-- Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700;800;900&display=swap"
rel="stylesheet">
<!-- ======= BEGIN GLOBAL MANDATORY STYLES ======= -->
<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/swiper/swiper-bundle.min.css"/>
<!-- ======= END BEGIN GLOBAL MANDATORY STYLES ======= -->
<!-- sweet alert Css -->
<link rel="stylesheet" href="https://www.hyper.africa/resources/themes/theme_aster/public/assets/plugins/sweet_alert/sweetalert2.css">
<!--Toastr -->
<link rel="stylesheet" href="https://www.hyper.africa/resources/themes/theme_aster/public/assets/css/toastr.css"/>
<!-- ======= MAIN STYLES ======= -->
<link rel="stylesheet" href="https://www.hyper.africa/resources/themes/theme_aster/public/assets/css/style.css"/>
<!-- ======= END MAIN STYLES ======= -->
<meta property="og:image" content="https://www.hyper.africa/storage/app/public/company/2023-05-16-6463e0b0960cd.png"/>
<meta property="og:title" content="Welcome To Hyper Home"/>
<meta property="og:url" content="https://hyper.africa">
<meta property="og:description" content="<p>Hyper.africca et la nouvelle Marketplace Africaine pour l'europe et le monde.</p>
<p>Hyper">
<meta property="twitter:card" content="https://www.hyper.africa/storage/app/public/company/2023-05-16-6463e0b0960cd.png"/>
<meta property="twitter:title" content="Welcome To Hyper Home"/>
<meta property="twitter:url" content="https://hyper.africa">
<meta property="twitter:description" content="<p>Hyper.africca et la nouvelle Marketplace Africaine pour l'europe et le monde.</p>
<p>Hyper">
<!-- ======= CUSTOMIZE STYLES ======= -->
<link rel="stylesheet" href="https://www.hyper.africa/resources/themes/theme_aster/public/assets/css/custom.css"/>
<!-- ======= END CUSTOMIZE STYLES ======= -->
<style>
:root {
--bs-primary: #263c59;
--bs-primary-rgb: 38, 60, 89;
--primary-dark: #263c59;
--primary-light: #f9ce4e;
--bs-secondary: #fbca48;
--bs-secondary-rgb: 251, 202, 72;
}
</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>
<!-- End Google Tag Manager -->
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '289168074005340');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=289168074005340&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->
</head>
<!-- Body-->
<body class="toolbar-enabled">
<script>
function setThemeMode() {
if (localStorage.getItem('theme') === null) {
document.body.setAttribute('theme', 'light');
} else {
document.body.setAttribute('theme', localStorage.getItem('theme'));
}
}
setThemeMode();
// document.documentElement.setAttribute('dir', localStorage.getItem('dir'));
// alert(localStorage.getItem('theme'))
</script>
<!-- Google Tag Manager (noscript) -->
<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 (noscript) -->
<div class="preloader d--none" id="loading">
<img width="200"
src="https://www.hyper.africa/storage/app/public/company/2023-07-02-64a1b7677aac6.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/loader.gif'">
</div>
<!-- Header and top offer bar -->
<!-- Top Offer Bar -->
<!-- Header -->
<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:++33625476730" class="d-flex gap-2 align-items-center">
<i class="bi bi-telephone text-primary"></i>
+33625476730
</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" style="--bs-dropdown-min-width: 10rem">
<li onclick="currency_change('USD')"><a href="javascript:">USD</a></li>
<li onclick="currency_change('EUR')"><a href="javascript:">Euro</a></li>
<li onclick="currency_change('XAF')"><a href="javascript:">Francs</a></li>
<li onclick="currency_change('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" style="--bs-dropdown-min-width: 10rem">
<li>
<a class="d-flex gap-2 align-items-center" href="https://www.hyper.africa/lang/en">
<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>
<a class="d-flex gap-2 align-items-center" href="https://www.hyper.africa/lang/fr">
<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/shop/apply" class="d-flex">
<div class="fz-16">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
src="https://www.hyper.africa/storage/app/public/company/2023-05-16-6463e0b0960cd.png"
class="dark-support svg h-45"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder-2:1.png'"
alt="Logo"
/>
</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" data-bs-toggle="dropdown" aria-expanded="false">
Toutes 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" data-value="all" href="javascript:">
Toutes catégories
</a>
</li>
<li>
<a class="d-flex" data-value="1" href="javascript:">
Artisanat africain
</a>
</li>
<li>
<a class="d-flex" data-value="2" href="javascript:">
Mode africaine
</a>
</li>
<li>
<a class="d-flex" data-value="3" href="javascript:">
Santé et bien être
</a>
</li>
<li>
<a class="d-flex" data-value="4" href="javascript:">
Boissons africaine
</a>
</li>
<li>
<a class="d-flex" data-value="5" href="javascript:">
Mode africaine et accessoires
</a>
</li>
<li>
<a class="d-flex" data-value="14" href="javascript:">
Beauté et accessoire africain
</a>
</li>
<li>
<a class="d-flex" data-value="40" href="javascript:">
Aliments, proteines
</a>
</li>
<li>
<a class="d-flex" data-value="43" href="javascript:">
Grains entiers
</a>
</li>
<li>
<a class="d-flex" data-value="46" href="javascript:">
Livres
</a>
</li>
<li>
<a class="d-flex" data-value="37" href="javascript:">
High tech
</a>
</li>
</ul>
</div>
</div>
<input
type="search"
class="form-control border-0 focus-input search-bar-input" name="name" onkeyup="global_search()"
placeholder="Rechercher des articles ou une boutique..."
/>
</div>
<input name="data_from" value="search" hidden>
<input name="page" value="1" hidden>
<button type="submit" class="btn btn-primary">
<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 -->
<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>
<!-- Aside Body -->
<div>
<div class="aside-body" data-trigger="scrollbar">
<!-- Search -->
<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 d'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>
<!-- Nav -->
<ul class="main-nav nav">
<li>
<a href="https://www.hyper.africa/categories#">Categories</a>
<!-- Sub Menu -->
<ul class="sub_menu">
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=1&data_from=category&page=1'">
Artisanat africain
</a>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=2&data_from=category&page=1'">
Mode africaine
</a>
<ul class="sub_menu">
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=15&data_from=category&page=1'">
Homme
</a>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=16&data_from=category&page=1'">
Femme
</a>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=17&data_from=category&page=1'">
Garçon
</a>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=18&data_from=category&page=1'">
Fille
</a>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=19&data_from=category&page=1'">
Bébé
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=3&data_from=category&page=1'">
Santé et bien être
</a>
<ul class="sub_menu">
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=8&data_from=category&page=1'">
Capillaires naturels
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?id=11&data_from=category&page=1">
Huile capillaire naturel
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?id=12&data_from=category&page=1">
Shampoing naturel
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?id=13&data_from=category&page=1">
Crème capillaire naturelle
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=9&data_from=category&page=1'">
Crème visage naturel
</a>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=10&data_from=category&page=1'">
Crème corps naturel
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=4&data_from=category&page=1'">
Boissons africaine
</a>
<ul class="sub_menu">
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=25&data_from=category&page=1'">
Épicerie salée
</a>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=36&data_from=category&page=1'">
Les épices d'Afrique
</a>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=23&data_from=category&page=1'">
Café, thé et boissons
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?id=35&data_from=category&page=1">
Jus Naturel
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=24&data_from=category&page=1'">
Bières, Vins et Spiritueux
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?id=32&data_from=category&page=1">
Vins blancs
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?id=33&data_from=category&page=1">
Vins rouges
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?id=34&data_from=category&page=1">
Vins rosés
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=26&data_from=category&page=1'">
Épicerie sucrée
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=5&data_from=category&page=1'">
Mode africaine et accessoires
</a>
<ul class="sub_menu">
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=31&data_from=category&page=1'">
Mode Africaine Mixte
</a>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=21&data_from=category&page=1'">
Hommes
</a>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=22&data_from=category&page=1'">
Femmes
</a>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=27&data_from=category&page=1'">
Mode africaine femme
</a>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=28&data_from=category&page=1'">
Mode africaine homme
</a>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=29&data_from=category&page=1'">
Mode africaine fille
</a>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=30&data_from=category&page=1'">
Mode africaine garçon
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=14&data_from=category&page=1'">
Beauté et accessoire africain
</a>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=40&data_from=category&page=1'">
Aliments, proteines
</a>
<ul class="sub_menu">
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=41&data_from=category&page=1'">
Aliments protéinés d'origine végétale
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?id=42&data_from=category&page=1">
HUILES VEGETALES
</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=43&data_from=category&page=1'">
Grains entiers
</a>
<ul class="sub_menu">
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=44&data_from=category&page=1'">
Grains entiers (100 %)
</a>
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?id=45&data_from=category&page=1">
RIZ
</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=46&data_from=category&page=1'">
Livres
</a>
</li>
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=37&data_from=category&page=1'">
High tech
</a>
<ul class="sub_menu">
<li>
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=39&data_from=category&page=1'">
Téléphones
</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="https://www.hyper.africa">Accueil</a>
</li>
<li>
<a href="javascript:">Boutiques</a>
<!-- Sub Menu -->
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/shopView/1">Reine d'Afriqu...</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/16">Leomar</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>
</ul>
</li>
<li>
<a href="javascript:">Marques</a>
<!-- Sub Menu -->
<ul class="sub_menu">
<li>
<a href="https://www.hyper.africa/products?id=1&data_from=brand&page=1">Reine d'afrique</a>
</li>
<li>
<a href="https://www.hyper.africa/products?id=2&data_from=brand&page=1">TIKI</a>
</li>
<li>
<a href="https://www.hyper.africa/products?id=3&data_from=brand&page=1">WK</a>
</li>
<li>
<a href="https://www.hyper.africa/products?id=4&data_from=brand&page=1">Autre</a>
</li>
<li>
<a href="https://www.hyper.africa/products?id=5&data_from=brand&page=1">Resa Ka</a>
</li>
<li>
<a href="https://www.hyper.africa/products?id=6&data_from=brand&page=1">Itel</a>
</li>
<li>
<a href="https://www.hyper.africa/products?id=7&data_from=brand&page=1">LSK</a>
</li>
</ul>
</li>
<li>
<a class="d-flex gap-2 align-items-center" href="https://www.hyper.africa/products?data_from=discounted&page=1">
Produits Discount
<i class="bi bi-patch-check-fill text-warning"></i>
</a>
</li>
<li class="d-xl-none">
<a href="https://www.hyper.africa/shop/apply" class="d-flex">
<div class="fz-16">Devenir Vendeur</div>
</a>
</li>
</ul>
<!-- End Nav -->
</div>
<div class="d-flex align-items-center gap-2 justify-content-between p-4">
<span class="text-dark">Theme mode</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="" class="svg">
</button>
<button class="dark_button">
<img src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/svg/dark.svg" alt="" 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">
Connexion / Enregistrer
</a>
</div>
</aside>
<div class="d-flex justify-content-between gap-3 align-items-center position-relative">
<div class="d-flex align-items-center gap-3">
<!-- Header Category Dropdown -->
<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"
type="button"
data-bs-toggle="dropdown"
aria-expanded="false">
<i class="bi bi-list fs-4"></i>
Choisir une catégorie
</button>
<ul class="dropdown-menu dropdown--menu">
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=1&data_from=category&page=1'">
Artisanat africain
</a>
</li>
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=2&data_from=category&page=1'">
Mode africaine
</a>
<ul class="sub-menu">
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=15&data_from=category&page=1'">
Homme
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=16&data_from=category&page=1'">
Femme
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=17&data_from=category&page=1'">
Garçon
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=18&data_from=category&page=1'">
Fille
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=19&data_from=category&page=1'">
Bébé
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=3&data_from=category&page=1'">
Santé et bien être
</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=8&data_from=category&page=1'">
Capillaires naturels
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?id=11&data_from=category&page=1">
Huile capillaire naturel
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?id=12&data_from=category&page=1">
Shampoing naturel
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?id=13&data_from=category&page=1">
Crème capillaire naturelle
</a>
</li>
</ul>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=9&data_from=category&page=1'">
Crème visage naturel
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=10&data_from=category&page=1'">
Crème corps naturel
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=4&data_from=category&page=1'">
Boissons africaine
</a>
<ul class="sub-menu">
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=25&data_from=category&page=1'">
Épicerie salée
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=36&data_from=category&page=1'">
Les épices d'Afrique
</a>
</li>
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=23&data_from=category&page=1'">
Café, thé et boissons
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?id=35&data_from=category&page=1">
Jus Naturel
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=24&data_from=category&page=1'">
Bières, Vins et Spiritueux
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?id=32&data_from=category&page=1">
Vins blancs
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?id=33&data_from=category&page=1">
Vins rouges
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?id=34&data_from=category&page=1">
Vins rosés
</a>
</li>
</ul>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=26&data_from=category&page=1'">
Épicerie sucrée
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=5&data_from=category&page=1'">
Mode africaine et accessoires
</a>
<ul class="sub-menu">
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=31&data_from=category&page=1'">
Mode Africaine Mixte
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=21&data_from=category&page=1'">
Hommes
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=22&data_from=category&page=1'">
Femmes
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=27&data_from=category&page=1'">
Mode africaine femme
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=28&data_from=category&page=1'">
Mode africaine homme
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=29&data_from=category&page=1'">
Mode africaine fille
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=30&data_from=category&page=1'">
Mode africaine garçon
</a>
</li>
</ul>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=14&data_from=category&page=1'">
Beauté et accessoire africain
</a>
</li>
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=40&data_from=category&page=1'">
Aliments, proteines
</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=41&data_from=category&page=1'">
Aliments protéinés d'origine végétale
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?id=42&data_from=category&page=1">
HUILES VEGETALES
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=43&data_from=category&page=1'">
Grains entiers
</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=44&data_from=category&page=1'">
Grains entiers (100 %)
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?id=45&data_from=category&page=1">
RIZ
</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="https://www.hyper.africa/products?data_from=latest"class="btn-link text-primary">
Voir tout
</a>
</li>
</ul>
</div>
<!-- End Header Category Dropdown -->
<!-- Main Nav -->
<div class="nav-wrapper">
<div class="d-xl-none">
<a class="logo" href="https://www.hyper.africa">
<img
width="123"
src="https://www.hyper.africa/storage/app/public/company/2023-05-16-6463e0b0960cd.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder-2:1.png'"
class="dark-support"
alt="Logo"
/>
</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>
<a class="cursor-pointer">Boutiques</a>
<div
class="sub-menu megamenu p-3"
style="--bs-dropdown-min-width: max-content" >
<div class="d-flex gap-5">
<div class="column-2 row-gap-3">
<a href="https://www.hyper.africa/shopView/1" class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded" style="--size: 2.5rem">
<img
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/shop/2023-05-20-646911feaf8d6.png" loading="lazy"
class="img-fit rounded dark-support" alt=""/>
</div>
<div class="media-body text-truncate" style="--width: 7rem" title="Morning Mart">
Reine d'Afriqu...
</div>
</a>
<a href="https://www.hyper.africa/shopView/2" class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded" style="--size: 2.5rem">
<img
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/shop/2023-05-27-6471d34e5e4e5.png" loading="lazy"
class="img-fit rounded dark-support" alt=""/>
</div>
<div class="media-body text-truncate" style="--width: 7rem" title="Morning Mart">
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" style="--size: 2.5rem">
<img
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/shop/2023-06-27-649b5a4d70172.png" loading="lazy"
class="img-fit rounded dark-support" alt=""/>
</div>
<div class="media-body text-truncate" style="--width: 7rem" title="Morning Mart">
Wk.création
</div>
</a>
<a href="https://www.hyper.africa/shopView/16" class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded" style="--size: 2.5rem">
<img
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/shop/2023-07-23-64bd9b976f4cf.png" loading="lazy"
class="img-fit rounded dark-support" alt=""/>
</div>
<div class="media-body text-truncate" style="--width: 7rem" title="Morning Mart">
Leomar
</div>
</a>
<a href="https://www.hyper.africa/shopView/17" class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded" style="--size: 2.5rem">
<img
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/shop/2023-08-21-64e366e122cf5.png" loading="lazy"
class="img-fit rounded dark-support" alt=""/>
</div>
<div class="media-body text-truncate" style="--width: 7rem" title="Morning Mart">
LSK
</div>
</a>
<a href="https://www.hyper.africa/shopView/19" class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded" style="--size: 2.5rem">
<img
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/shop/2023-08-22-64e4da38430b8.png" loading="lazy"
class="img-fit rounded dark-support" alt=""/>
</div>
<div class="media-body text-truncate" style="--width: 7rem" title="Morning Mart">
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" style="--size: 2.5rem">
<img
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/shop/2023-08-28-64ec1df3a362c.png" loading="lazy"
class="img-fit rounded dark-support" alt=""/>
</div>
<div class="media-body text-truncate" style="--width: 7rem" title="Morning Mart">
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" style="--size: 2.5rem">
<img
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/shop/2023-08-28-64ed16fde3cf7.png" loading="lazy"
class="img-fit rounded dark-support" alt=""/>
</div>
<div class="media-body text-truncate" style="--width: 7rem" title="Morning Mart">
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" style="--size: 2.5rem">
<img
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/shop/2024-01-25-65b27ea75f3c4.png" loading="lazy"
class="img-fit rounded dark-support" alt=""/>
</div>
<div class="media-body text-truncate" style="--width: 7rem" title="Morning Mart">
SIAKE KWEYAP
</div>
</a>
<div class="d-flex">
<a href="https://www.hyper.africa/sellers" class="fw-bold text-primary d-flex justify-content-center">
Voir tout...
</a>
</div>
</div>
<div>
<a href="#">
<img
width="277"
src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/media/super-market.png"
class="dark-support"
alt=""
/>
</a>
</div>
</div>
</div>
</li>
<li>
<a class="cursor-pointer">Marques</a>
<div class="sub-menu megamenu p-3"
style="--bs-dropdown-min-width: max-content">
<div class="d-flex gap-4">
<div class="column-2">
<a href="https://www.hyper.africa/products?id=1&data_from=brand&page=1"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded-circle"
style="--size: 1.25rem">
<img
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/brand/2023-05-21-646a8299c08c6.png"
loading="lazy"
class="img-fit rounded-circle dark-support"
alt=""/>
</div>
<div class="media-body text-truncate"
style="--width: 7rem"
title="Bata">
Reine d'afrique
</div>
</a>
<a href="https://www.hyper.africa/products?id=2&data_from=brand&page=1"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded-circle"
style="--size: 1.25rem">
<img
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/brand/2023-05-29-6474ba5b2abd3.png"
loading="lazy"
class="img-fit rounded-circle dark-support"
alt=""/>
</div>
<div class="media-body text-truncate"
style="--width: 7rem"
title="Bata">
TIKI
</div>
</a>
<a href="https://www.hyper.africa/products?id=3&data_from=brand&page=1"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded-circle"
style="--size: 1.25rem">
<img
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/brand/2023-06-27-649b538e440bd.png"
loading="lazy"
class="img-fit rounded-circle dark-support"
alt=""/>
</div>
<div class="media-body text-truncate"
style="--width: 7rem"
title="Bata">
WK
</div>
</a>
<a href="https://www.hyper.africa/products?id=4&data_from=brand&page=1"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded-circle"
style="--size: 1.25rem">
<img
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/brand/2023-07-02-64a1ba50275b5.png"
loading="lazy"
class="img-fit rounded-circle dark-support"
alt=""/>
</div>
<div class="media-body text-truncate"
style="--width: 7rem"
title="Bata">
Autre
</div>
</a>
<a href="https://www.hyper.africa/products?id=5&data_from=brand&page=1"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded-circle"
style="--size: 1.25rem">
<img
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/brand/2023-07-16-64b45fef459c8.png"
loading="lazy"
class="img-fit rounded-circle dark-support"
alt=""/>
</div>
<div class="media-body text-truncate"
style="--width: 7rem"
title="Bata">
Resa Ka
</div>
</a>
<a href="https://www.hyper.africa/products?id=6&data_from=brand&page=1"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded-circle"
style="--size: 1.25rem">
<img
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/brand/2023-08-06-64cff0ae60077.png"
loading="lazy"
class="img-fit rounded-circle dark-support"
alt=""/>
</div>
<div class="media-body text-truncate"
style="--width: 7rem"
title="Bata">
Itel
</div>
</a>
<a href="https://www.hyper.africa/products?id=7&data_from=brand&page=1"
class="media gap-3 align-items-center border-bottom">
<div class="avatar rounded-circle"
style="--size: 1.25rem">
<img
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/brand/2023-08-23-64e537fa3fc3d.png"
loading="lazy"
class="img-fit rounded-circle dark-support"
alt=""/>
</div>
<div class="media-body text-truncate"
style="--width: 7rem"
title="Bata">
LSK
</div>
</a>
<div class="d-flex">
<a href="https://www.hyper.africa/brands"
class="fw-bold text-primary d-flex justify-content-center">Voir tout...
</a>
</div>
</div>
</div>
</div>
</li>
<li class="">
<a class="d-flex gap-2 align-items-center discount-product-menu active" href="https://www.hyper.africa/products?data_from=discounted&page=1">
Produits Discount
<i class="bi bi-patch-check-fill text-warning"></i></a>
</li>
</ul>
</div>
<!-- End Main Nav -->
</div>
<ul class="list-unstyled list-separator mb-0 pe-2">
<li class="login-register d-flex gap-4">
<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" style="--size: 1.5rem">
<img
loading="lazy"
src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png"
class="img-fit rounded-circle"
alt=""
/>
</span>
<span class="media-body d-none d-xl-block hover-primary">Connexion / Enregistrer</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" style="--bs-dropdown-min-width: 22.5rem">
<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>
</ul>
</div>
</div>
</div>
</header>
<!-- Settings Sidebar -->
<!-- Settings Sidebar -->
<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="" class="svg light-icon">
<img src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/svg/dark.svg" alt="" 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="" class="svg">
<span>Lumineux</span>
</button>
</div>
<button class="dark_button">
<img src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/svg/dark.svg" alt="" class="svg">
<span>Sombre</span>
</button>
</div>
</div>
<!-- Main Content -->
<main class="main-content d-flex flex-column gap-3 py-3">
<!-- Main Banner -->
<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="">
<h6 class="mb-2 text-uppercase">Trouvez ce que vous avez besoin</h6>
<ul class="dropdown-menu dropdown-menu--static"
style="--bs-dropdown-min-width: auto">
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=1&data_from=category&page=1'">
Artisanat africain
</a>
</li>
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=2&data_from=category&page=1'">
Mode africaine
</a>
<ul class="sub-menu">
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=15&data_from=category&page=1'">
Homme
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=16&data_from=category&page=1'">
Femme
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=17&data_from=category&page=1'">
Garçon
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=18&data_from=category&page=1'">
Fille
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=19&data_from=category&page=1'">
Bébé
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=3&data_from=category&page=1'">
Santé et bien être
</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=8&data_from=category&page=1'">
Capillaires naturels
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?id=11&data_from=category&page=1">
Huile capillaire naturel
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?id=12&data_from=category&page=1">
Shampoing naturel
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?id=13&data_from=category&page=1">
Crème capillaire naturelle
</a>
</li>
</ul>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=9&data_from=category&page=1'">
Crème visage naturel
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=10&data_from=category&page=1'">
Crème corps naturel
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=4&data_from=category&page=1'">
Boissons africaine
</a>
<ul class="sub-menu">
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=25&data_from=category&page=1'">
Épicerie salée
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=36&data_from=category&page=1'">
Les épices d'Afrique
</a>
</li>
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=23&data_from=category&page=1'">
Café, thé et boissons
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?id=35&data_from=category&page=1">
Jus Naturel
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=24&data_from=category&page=1'">
Bières, Vins et Spiritueux
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?id=32&data_from=category&page=1">
Vins blancs
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?id=33&data_from=category&page=1">
Vins rouges
</a>
</li>
<li>
<a href="https://www.hyper.africa/products?id=34&data_from=category&page=1">
Vins rosés
</a>
</li>
</ul>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=26&data_from=category&page=1'">
Épicerie sucrée
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=5&data_from=category&page=1'">
Mode africaine et accessoires
</a>
<ul class="sub-menu">
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=31&data_from=category&page=1'">
Mode Africaine Mixte
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=21&data_from=category&page=1'">
Hommes
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=22&data_from=category&page=1'">
Femmes
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=27&data_from=category&page=1'">
Mode africaine femme
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=28&data_from=category&page=1'">
Mode africaine homme
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=29&data_from=category&page=1'">
Mode africaine fille
</a>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=30&data_from=category&page=1'">
Mode africaine garçon
</a>
</li>
</ul>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=14&data_from=category&page=1'">
Beauté et accessoire africain
</a>
</li>
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=40&data_from=category&page=1'">
Aliments, proteines
</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=41&data_from=category&page=1'">
Aliments protéinés d'origine végétale
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?id=42&data_from=category&page=1">
HUILES VEGETALES
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=43&data_from=category&page=1'">
Grains entiers
</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=44&data_from=category&page=1'">
Grains entiers (100 %)
</a>
<ul class="sub-menu">
<li>
<a href="https://www.hyper.africa/products?id=45&data_from=category&page=1">
RIZ
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=46&data_from=category&page=1'">
Livres
</a>
</li>
<li class="menu-item-has-children">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=37&data_from=category&page=1'">
High tech
</a>
<ul class="sub-menu">
<li class="">
<a href="javascript:" onclick="location.href='https://www.hyper.africa/products?id=39&data_from=category&page=1'">
Téléphones
</a>
</li>
</ul>
</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">
Voir 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">
<!-- Swiper -->
<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" class="h-100">
<img src="https://www.hyper.africa/storage/app/public/banner/2024-01-14-65a44ae428b75.png" loading="lazy"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder-2:1.png'"
alt="" class="dark-support rounded">
</a>
</div>
<div class="swiper-slide">
<a href="https://hyper.africa/shopView/17" class="h-100">
<img src="https://www.hyper.africa/storage/app/public/banner/2024-02-04-65bfa0c2e0b9d.png" loading="lazy"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder-2:1.png'"
alt="" class="dark-support rounded">
</a>
</div>
<div class="swiper-slide">
<a href="https://hyper.africa" class="h-100">
<img src="https://www.hyper.africa/storage/app/public/banner/2024-01-14-65a44b2185de6.png" loading="lazy"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder-2:1.png'"
alt="" class="dark-support rounded">
</a>
</div>
<div class="swiper-slide">
<a href="https://hyper.africa" class="h-100">
<img src="https://www.hyper.africa/storage/app/public/banner/2024-01-14-65a44b7e60511.png" loading="lazy"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder-2:1.png'"
alt="" class="dark-support rounded">
</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">
<img src="https://www.hyper.africa/storage/app/public/banner/2024-02-04-65bf9c4a99937.png" loading="lazy" alt=""
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder-2:1.png'"
class="dark-support rounded w-100">
</a>
</div>
<div class="col-6 d-none d-sm-block">
<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" alt=""
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder-2:1.png'"
class="dark-support rounded w-100">
</a>
</div>
</div>
</div>
<div class="col-xl-3 d-none d-sm-block">
<a href="https://www.hyper.africa/shopView/9">
<img src="https://www.hyper.africa/storage/app/public/banner/2024-01-14-65a44ad373f39.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/top-side-banner-placeholder.png'"
alt="" class="dark-support rounded w-100">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Flash Deal -->
<!-- Find What You Need -->
<section>
<div class="container">
<div class="flexible-grid lg-down-1 gap-3">
<!-- for mobile start -->
<div class="col-12 d-sm-none">
<a href="https://hyper.africa/shopView/17" class="ad-hover">
<img src="https://www.hyper.africa/storage/app/public/banner/2024-02-04-65bf9c4a99937.png" loading="lazy" alt=""
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder-2:1.png'"
class="dark-support rounded w-100">
</a>
</div>
<!-- for mobile end -->
<div class="d-none d-sm-block">
<a href="https://hyper.africa">
<img src="https://www.hyper.africa/storage/app/public/banner/2024-01-14-65a44aa2729d5.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/top-side-banner-placeholder.png'"alt="" class="dark-support rounded w-100">
</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">
<!-- Swiper -->
<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">
<div class="flexible-grid md-down-1 gap-3 w-100" style="--width: 1fr">
<!-- Category Wrap -->
<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" style="--width: 16ch">
Mode africaine</h5>
<div class="text-muted">7 Produits</div>
</div>
<a href="https://www.hyper.africa/products?id=2&data_from=category&page=1" class="btn-link">Voir 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?id=15&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 class="">
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100" style="height: 5rem;">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-06-15-648b7b0d3af83.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
</div>
<div class="truncate text-center">Homme</div>
</a>
<a href="https://www.hyper.africa/products?id=16&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 class="">
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100" style="height: 5rem;">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-06-15-648b7b34d40b1.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
</div>
<div class="truncate text-center">Femme</div>
</a>
<a href="https://www.hyper.africa/products?id=17&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 class="">
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100" style="height: 5rem;">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-07-16-64b4243f00a45.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
</div>
<div class="truncate text-center">Garçon</div>
</a>
<a href="https://www.hyper.africa/products?id=18&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 class="">
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100" style="height: 5rem;">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-07-16-64b42451961d5.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
</div>
<div class="truncate text-center">Fille</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" style="--width: 16ch">
Santé et bien être</h5>
<div class="text-muted">6 Produits</div>
</div>
<a href="https://www.hyper.africa/products?id=3&data_from=category&page=1" class="btn-link">Voir 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?id=8&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 class="">
3
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100" style="height: 5rem;">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-06-15-648b7a0c123d2.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
</div>
<div class="truncate text-center">Capillaires naturels</div>
</a>
<a href="https://www.hyper.africa/products?id=9&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 class="">
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100" style="height: 5rem;">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-06-15-648b7a316a5ed.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
</div>
<div class="truncate text-center">Crème visage naturel</div>
</a>
<a href="https://www.hyper.africa/products?id=10&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 class="">
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100" style="height: 5rem;">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-06-15-648b7aef43aaf.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
</div>
<div class="truncate text-center">Crème corps naturel</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" style="--width: 16ch">
Boissons africaine</h5>
<div class="text-muted">5 Produits</div>
</div>
<a href="https://www.hyper.africa/products?id=4&data_from=category&page=1" class="btn-link">Voir 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?id=25&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 class="">
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100" style="height: 5rem;">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-07-16-64b42534d3582.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
</div>
<div class="truncate text-center">Épicerie salée</div>
</a>
<a href="https://www.hyper.africa/products?id=36&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 class="">
1
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100" style="height: 5rem;">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-07-16-64b42763d8223.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
</div>
<div class="truncate text-center">Les épices d'Afrique</div>
</a>
<a href="https://www.hyper.africa/products?id=23&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 class="">
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100" style="height: 5rem;">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-07-16-64b4250a3c07a.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
</div>
<div class="truncate text-center">Café, thé et boissons</div>
</a>
<a href="https://www.hyper.africa/products?id=24&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 class="">
3
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100" style="height: 5rem;">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-07-16-64b4251b8203e.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
</div>
<div class="truncate text-center">Bières, Vins et Spiritueux</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" style="--width: 16ch">
Mode africaine et accessoires</h5>
<div class="text-muted">7 Produits</div>
</div>
<a href="https://www.hyper.africa/products?id=5&data_from=category&page=1" class="btn-link">Voir 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?id=31&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 class="">
3
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100" style="height: 5rem;">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-07-16-64b42751e5ea8.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
</div>
<div class="truncate text-center">Mode Africaine Mixte</div>
</a>
<a href="https://www.hyper.africa/products?id=21&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 class="">
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100" style="height: 5rem;">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-07-16-64b424db7a591.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
</div>
<div class="truncate text-center">Hommes</div>
</a>
<a href="https://www.hyper.africa/products?id=22&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 class="">
1
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100" style="height: 5rem;">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-07-16-64b424fab3f49.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
</div>
<div class="truncate text-center">Femmes</div>
</a>
<a href="https://www.hyper.africa/products?id=27&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 class="">
0
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100" style="height: 5rem;">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-07-16-64b42559b831f.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
</div>
<div class="truncate text-center">Mode africaine femme</div>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide align-items-start">
<div class="flexible-grid md-down-1 gap-3 w-100" style="--width: 1fr">
<!-- Category Wrap -->
<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" style="--width: 16ch">
High tech</h5>
<div class="text-muted">1 Produits</div>
</div>
<a href="https://www.hyper.africa/products?id=37&data_from=category&page=1" class="btn-link">Voir 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?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 class="">
1
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100" style="height: 5rem;">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-08-06-64cfee8f0acb7.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
</div>
<div class="truncate text-center">Téléphones</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" style="--width: 16ch">
Aliments, proteines</h5>
<div class="text-muted">2 Produits</div>
</div>
<a href="https://www.hyper.africa/products?id=40&data_from=category&page=1" class="btn-link">Voir 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?id=41&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 class="">
1+
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100" style="height: 5rem;">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-12-30-658ff1c68323d.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
</div>
<div class="truncate text-center">Aliments protéinés d'origine végétale</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" style="--width: 16ch">
Grains entiers</h5>
<div class="text-muted">4 Produits</div>
</div>
<a href="https://www.hyper.africa/products?id=43&data_from=category&page=1" class="btn-link">Voir 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?id=44&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 class="">
3+
</span>
Produits
</span>
</div>
<div
class="ov-hidden rounded w-100" style="height: 5rem;">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-12-30-65902c8d28cf2.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
</div>
<div class="truncate text-center">Grains entiers (100 %)</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Swiper -->
<div class="position-relative d-md-none">
<div class="swiper" data-swiper-loop="true"
data-swiper-speed="2000" data-swiper-margin="10" 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 d-block bg-light rounded p-3 p-sm-4 align-items-stretch">
<div>
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate" style="--width: 16ch">
Mode africaine</h5>
<div class="text-muted">7 Produits</div>
</div>
<a href="https://www.hyper.africa/products?id=2&data_from=category&page=1" class="btn-link">Voir tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="auto-col gap-3" style="--minWidth: 3.75rem; --maxWidth: 5rem">
<a href="https://www.hyper.africa/products?id=15&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-start">
<div
class="avatar avatar-xxl ov-hidden hover-zoom-in rounded">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-06-15-648b7b0d3af83.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
<div class="text-truncate">Homme</div>
</a>
<a href="https://www.hyper.africa/products?id=16&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-start">
<div
class="avatar avatar-xxl ov-hidden hover-zoom-in rounded">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-06-15-648b7b34d40b1.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
<div class="text-truncate">Femme</div>
</a>
<a href="https://www.hyper.africa/products?id=17&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-start">
<div
class="avatar avatar-xxl ov-hidden hover-zoom-in rounded">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-07-16-64b4243f00a45.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
<div class="text-truncate">Garçon</div>
</a>
<a href="https://www.hyper.africa/products?id=18&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-start">
<div
class="avatar avatar-xxl ov-hidden hover-zoom-in rounded">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-07-16-64b42451961d5.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
<div class="text-truncate">Fille</div>
</a>
</div>
</div>
</div>
<div class="swiper-slide align-items-start d-block bg-light rounded p-3 p-sm-4 align-items-stretch">
<div>
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate" style="--width: 16ch">
Santé et bien être</h5>
<div class="text-muted">6 Produits</div>
</div>
<a href="https://www.hyper.africa/products?id=3&data_from=category&page=1" class="btn-link">Voir tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="auto-col gap-3" style="--minWidth: 3.75rem; --maxWidth: 5rem">
<a href="https://www.hyper.africa/products?id=8&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-start">
<div
class="avatar avatar-xxl ov-hidden hover-zoom-in rounded">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-06-15-648b7a0c123d2.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
<div class="text-truncate">Capillaires naturels</div>
</a>
<a href="https://www.hyper.africa/products?id=9&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-start">
<div
class="avatar avatar-xxl ov-hidden hover-zoom-in rounded">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-06-15-648b7a316a5ed.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
<div class="text-truncate">Crème visage naturel</div>
</a>
<a href="https://www.hyper.africa/products?id=10&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-start">
<div
class="avatar avatar-xxl ov-hidden hover-zoom-in rounded">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-06-15-648b7aef43aaf.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
<div class="text-truncate">Crème corps naturel</div>
</a>
</div>
</div>
</div>
<div class="swiper-slide align-items-start d-block bg-light rounded p-3 p-sm-4 align-items-stretch">
<div>
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate" style="--width: 16ch">
Boissons africaine</h5>
<div class="text-muted">5 Produits</div>
</div>
<a href="https://www.hyper.africa/products?id=4&data_from=category&page=1" class="btn-link">Voir tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="auto-col gap-3" style="--minWidth: 3.75rem; --maxWidth: 5rem">
<a href="https://www.hyper.africa/products?id=25&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-start">
<div
class="avatar avatar-xxl ov-hidden hover-zoom-in rounded">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-07-16-64b42534d3582.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
<div class="text-truncate">Épicerie salée</div>
</a>
<a href="https://www.hyper.africa/products?id=36&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-start">
<div
class="avatar avatar-xxl ov-hidden hover-zoom-in rounded">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-07-16-64b42763d8223.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
<div class="text-truncate">Les épices d'Afrique</div>
</a>
<a href="https://www.hyper.africa/products?id=23&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-start">
<div
class="avatar avatar-xxl ov-hidden hover-zoom-in rounded">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-07-16-64b4250a3c07a.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
<div class="text-truncate">Café, thé et boissons</div>
</a>
<a href="https://www.hyper.africa/products?id=24&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-start">
<div
class="avatar avatar-xxl ov-hidden hover-zoom-in rounded">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-07-16-64b4251b8203e.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
<div class="text-truncate">Bières, Vins et Spiritueux</div>
</a>
</div>
</div>
</div>
<div class="swiper-slide align-items-start d-block bg-light rounded p-3 p-sm-4 align-items-stretch">
<div>
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate" style="--width: 16ch">
Mode africaine et accessoires</h5>
<div class="text-muted">7 Produits</div>
</div>
<a href="https://www.hyper.africa/products?id=5&data_from=category&page=1" class="btn-link">Voir tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="auto-col gap-3" style="--minWidth: 3.75rem; --maxWidth: 5rem">
<a href="https://www.hyper.africa/products?id=31&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-start">
<div
class="avatar avatar-xxl ov-hidden hover-zoom-in rounded">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-07-16-64b42751e5ea8.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
<div class="text-truncate">Mode Africaine Mixte</div>
</a>
<a href="https://www.hyper.africa/products?id=21&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-start">
<div
class="avatar avatar-xxl ov-hidden hover-zoom-in rounded">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-07-16-64b424db7a591.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
<div class="text-truncate">Hommes</div>
</a>
<a href="https://www.hyper.africa/products?id=22&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-start">
<div
class="avatar avatar-xxl ov-hidden hover-zoom-in rounded">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-07-16-64b424fab3f49.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
<div class="text-truncate">Femmes</div>
</a>
<a href="https://www.hyper.africa/products?id=27&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-start">
<div
class="avatar avatar-xxl ov-hidden hover-zoom-in rounded">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-07-16-64b42559b831f.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
<div class="text-truncate">Mode africaine femme</div>
</a>
</div>
</div>
</div>
<div class="swiper-slide align-items-start d-block bg-light rounded p-3 p-sm-4 align-items-stretch">
<div>
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate" style="--width: 16ch">
High tech</h5>
<div class="text-muted">1 Produits</div>
</div>
<a href="https://www.hyper.africa/products?id=37&data_from=category&page=1" class="btn-link">Voir tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="auto-col gap-3" style="--minWidth: 3.75rem; --maxWidth: 5rem">
<a href="https://www.hyper.africa/products?id=39&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-start">
<div
class="avatar avatar-xxl ov-hidden hover-zoom-in rounded">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-08-06-64cfee8f0acb7.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
<div class="text-truncate">Téléphones</div>
</a>
</div>
</div>
</div>
<div class="swiper-slide align-items-start d-block bg-light rounded p-3 p-sm-4 align-items-stretch">
<div>
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate" style="--width: 16ch">
Aliments, proteines</h5>
<div class="text-muted">2 Produits</div>
</div>
<a href="https://www.hyper.africa/products?id=40&data_from=category&page=1" class="btn-link">Voir tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="auto-col gap-3" style="--minWidth: 3.75rem; --maxWidth: 5rem">
<a href="https://www.hyper.africa/products?id=41&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-start">
<div
class="avatar avatar-xxl ov-hidden hover-zoom-in rounded">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-12-30-658ff1c68323d.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
<div class="text-truncate">Aliments protéinés d'origine végétale</div>
</a>
</div>
</div>
</div>
<div class="swiper-slide align-items-start d-block bg-light rounded p-3 p-sm-4 align-items-stretch">
<div>
<div
class="d-flex flex-wrap justify-content-between gap-3 mb-3 align-items-start">
<div class="">
<h5 class="mb-1 text-truncate" style="--width: 16ch">
Grains entiers</h5>
<div class="text-muted">4 Produits</div>
</div>
<a href="https://www.hyper.africa/products?id=43&data_from=category&page=1" class="btn-link">Voir tout<i
class="bi bi-chevron-right text-primary"></i></a>
</div>
<div class="auto-col gap-3" style="--minWidth: 3.75rem; --maxWidth: 5rem">
<a href="https://www.hyper.africa/products?id=44&data_from=category&page=1"
class="d-flex flex-column gap-2 mb-3 align-items-start">
<div
class="avatar avatar-xxl ov-hidden hover-zoom-in rounded">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/category/2023-12-30-65902c8d28cf2.png" alt=""
loading="lazy" class="dark-support img-fit " >
</div>
<div class="text-truncate">Grains entiers (100 %)</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- for mobile start -->
<div class="col-12 d-sm-none">
<a href="https://www.hyper.africa/shopView/9">
<img src="https://www.hyper.africa/storage/app/public/banner/2024-01-14-65a44ad373f39.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/top-side-banner-placeholder.png'"
alt="" class="dark-support rounded w-100">
</a>
</div>
<!-- for mobile end -->
</div>
</div>
</section>
<!-- Top Stores -->
<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/sellers" class="btn-link text-primary">Voir 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">
<!-- Swiper -->
<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">
<!-- Top Store -->
<div class="bg-light position-relative rounded p-3 p-sm-4 w-100">
<div class=" mb-3">
<h5 class="mb-1"><a href="javascript:" onclick="location.href='https://www.hyper.africa/shopView/1'">Reine d'Afrique</a></h5>
<div class="text-muted">17 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" style="--minWidth: 3.75rem; --maxWidth: 1fr">
<a href="https://www.hyper.africa/product/bandouliere-traditionnelles-au-motif-toghu-SQ8jSG"
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">
<i class="bi bi-eye fs-12" onclick="quickView('9', 'https://www.hyper.africa/quick-view')"></i>
</span>
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-05-26-646ff2436ed25.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
alt="" loading="lazy" class="dark-support rounded ">
</div>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
35.00€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/sac-a-main-traditionnel-au-motif-ndop-Lv7F0l"
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">
<i class="bi bi-eye fs-12" onclick="quickView('10', 'https://www.hyper.africa/quick-view')"></i>
</span>
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-05-26-646ff369653de.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
alt="" loading="lazy" class="dark-support rounded ">
</div>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
35.00€
</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/shampooing-solide-au-chebe-DTFZt6"
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">
<i class="bi bi-eye fs-12" onclick="quickView('13', 'https://www.hyper.africa/quick-view')"></i>
</span>
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a1ae7c5521b.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
alt="" loading="lazy" class="dark-support rounded ">
</div>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
10.00€
</ins>
</div>
</a>
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-light rounded">
<!-- Top Store -->
<div class="bg-light position-relative rounded p-3 p-sm-4 w-100">
<div class=" mb-3">
<h5 class="mb-1"><a href="javascript:" onclick="location.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" style="--minWidth: 3.75rem; --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">
<i class="bi bi-eye fs-12" onclick="quickView('50', 'https://www.hyper.africa/quick-view')"></i>
</span>
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ec014ca1184.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
alt="" loading="lazy" class="dark-support rounded ">
</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/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">
<i class="bi bi-eye fs-12" onclick="quickView('52', 'https://www.hyper.africa/quick-view')"></i>
</span>
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ec141ad9680.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
alt="" loading="lazy" class="dark-support rounded ">
</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/neptune-lsk-handbag-xolUPf"
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">
<i class="bi bi-eye fs-12" onclick="quickView('53', 'https://www.hyper.africa/quick-view')"></i>
</span>
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ec1a7e1133b.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
alt="" loading="lazy" class="dark-support rounded ">
</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>
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-light rounded">
<!-- Top Store -->
<div class="bg-light position-relative rounded p-3 p-sm-4 w-100">
<div class=" mb-3">
<h5 class="mb-1"><a href="javascript:" onclick="location.href='https://www.hyper.africa/shopView/16'">Leomar</a></h5>
<div class="text-muted">1 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" style="--minWidth: 3.75rem; --maxWidth: 6.5rem">
<a href="https://www.hyper.africa/product/itel-s23-4g-1hAGJy"
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">
<i class="bi bi-eye fs-12" onclick="quickView('44', 'https://www.hyper.africa/quick-view')"></i>
</span>
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-31-64f048fbac51a.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
alt="" loading="lazy" class="dark-support rounded ">
</div>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
99.24€
</ins>
</div>
</a>
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-light rounded">
<!-- Top Store -->
<div class="bg-light position-relative rounded p-3 p-sm-4 w-100">
<div class=" mb-3">
<h5 class="mb-1"><a href="javascript:" onclick="location.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" style="--minWidth: 3.75rem; --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">
<i class="bi bi-eye fs-12" onclick="quickView('31', 'https://www.hyper.africa/quick-view')"></i>
</span>
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a196c476ff3.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
alt="" loading="lazy" class="dark-support rounded ">
</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">
<i class="bi bi-eye fs-12" onclick="quickView('32', 'https://www.hyper.africa/quick-view')"></i>
</span>
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a197a5cbfb7.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
alt="" loading="lazy" class="dark-support rounded ">
</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>
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-light rounded">
<!-- Top Store -->
<div class="bg-light position-relative rounded p-3 p-sm-4 w-100">
<div class=" mb-3">
<h5 class="mb-1"><a href="javascript:" onclick="location.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" style="--minWidth: 3.75rem; --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">
<i class="bi bi-eye fs-12" onclick="quickView('45', 'https://www.hyper.africa/quick-view')"></i>
</span>
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ebe4c84bb13.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
alt="" loading="lazy" class="dark-support rounded ">
</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">
<i class="bi bi-eye fs-12" onclick="quickView('47', 'https://www.hyper.africa/quick-view')"></i>
</span>
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ebe657ad643.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
alt="" loading="lazy" class="dark-support rounded ">
</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">
<i class="bi bi-eye fs-12" onclick="quickView('49', 'https://www.hyper.africa/quick-view')"></i>
</span>
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ebf2ffbd9f6.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
alt="" loading="lazy" class="dark-support rounded ">
</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>
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-light rounded">
<!-- Top Store -->
<div class="bg-light position-relative rounded p-3 p-sm-4 w-100">
<div class=" mb-3">
<h5 class="mb-1"><a href="javascript:" onclick="location.href='https://www.hyper.africa/shopView/21'">CityOne Déco Recycling</a></h5>
<div class="text-muted">1 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" style="--minWidth: 3.75rem; --maxWidth: 6.5rem">
<a href="https://www.hyper.africa/product/pouf-juju-white-oq40fQ"
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">
<i class="bi bi-eye fs-12" onclick="quickView('54', 'https://www.hyper.africa/quick-view')"></i>
</span>
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-09-02-64f3a864e6e19.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
alt="" loading="lazy" class="dark-support rounded ">
</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>
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-light rounded">
<!-- Top Store -->
<div class="bg-light position-relative rounded p-3 p-sm-4 w-100">
<div class=" mb-3">
<h5 class="mb-1"><a href="javascript:" onclick="location.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" style="--minWidth: 3.75rem; --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">
<i class="bi bi-eye fs-12" onclick="quickView('22', 'https://www.hyper.africa/quick-view')"></i>
</span>
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a19d2c3ee93.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
alt="" loading="lazy" class="dark-support rounded ">
</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">
<i class="bi bi-eye fs-12" onclick="quickView('23', 'https://www.hyper.africa/quick-view')"></i>
</span>
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a19ca9db38d.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
alt="" loading="lazy" class="dark-support rounded ">
</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">
<i class="bi bi-eye fs-12" onclick="quickView('24', 'https://www.hyper.africa/quick-view')"></i>
</span>
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-05-29-6473ed4b2c566.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
alt="" loading="lazy" class="dark-support rounded ">
</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>
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-light rounded">
<!-- Top Store -->
<div class="bg-light position-relative rounded p-3 p-sm-4 w-100">
<div class=" mb-3">
<h5 class="mb-1"><a href="javascript:" onclick="location.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" style="--minWidth: 3.75rem; --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">
<i class="bi bi-eye fs-12" onclick="quickView('62', 'https://www.hyper.africa/quick-view')"></i>
</span>
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-01-27-65b4657b861b0.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
alt="" loading="lazy" class="dark-support rounded ">
</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">
<i class="bi bi-eye fs-12" onclick="quickView('63', 'https://www.hyper.africa/quick-view')"></i>
</span>
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-01-29-65b799188f9a2.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
alt="" loading="lazy" class="dark-support rounded ">
</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>
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-light rounded">
<!-- Top Store -->
<div class="bg-light position-relative rounded p-3 p-sm-4 w-100">
<div class=" mb-3">
<h5 class="mb-1"><a href="javascript:" onclick="location.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" style="--minWidth: 3.75rem; --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">
<i class="bi bi-eye fs-12" onclick="quickView('64', 'https://www.hyper.africa/quick-view')"></i>
</span>
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-02-03-65be1c3631dcf.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
alt="" loading="lazy" class="dark-support rounded ">
</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">
<i class="bi bi-eye fs-12" onclick="quickView('65', 'https://www.hyper.africa/quick-view')"></i>
</span>
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-02-03-65be20136125b.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
alt="" loading="lazy" class="dark-support rounded ">
</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>
</div>
</div>
</div>
<div class="swiper-slide align-items-start bg-light rounded">
<!-- Top Store -->
<div class="bg-light position-relative rounded p-3 p-sm-4 w-100">
<div class=" mb-3">
<h5 class="mb-1"><a href="javascript:" onclick="location.href='https://www.hyper.africa/shopView/27'">African Trading Company ltd shop</a></h5>
<div class="text-muted">1 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" style="--minWidth: 3.75rem; --maxWidth: 6.5rem">
<a href="https://www.hyper.africa/product/jus-de-baobab-iG76E4"
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">
<i class="bi bi-eye fs-12" onclick="quickView('66', 'https://www.hyper.africa/quick-view')"></i>
</span>
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-03-01-65e1f0a263b1f.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
alt="" loading="lazy" class="dark-support rounded ">
</div>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
8.77€
</ins>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- for mobile start -->
<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" alt=""
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder-2:1.png'"
class="dark-support rounded w-100">
</a>
</div>
<!-- for mobile end -->
</div>
</section>
<!-- Featured Deals -->
<!-- Recommended For You -->
<section class="py-3">
<div class="container">
<h2 class="text-center mb-3">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" id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#featured_product"
role="tab" aria-controls="featured_product">Produits populaires
</button>
<button data-bs-toggle="tab" data-bs-target="#best_selling" role="tab"
aria-controls="best_selling">Meilleures ventes
</button>
<button 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">
<!-- Featured Product -->
<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">Voir 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" style="--minWidth: 12rem;">
<!-- Single Product -->
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/backpack-kylia-rose-lsk-n2Qhg2'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('50','https://www.hyper.africa/store-wishlist')"
id="wishlist-50"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-50 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-50 "
onclick="addCompareList('50','https://www.hyper.africa/store-compare-list')"
id="compare_list-50" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('50', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ec014ca1184.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
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"
onclick="location.href='https://www.hyper.africa/product/coral-lamp-2-sTKqyN'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('32','https://www.hyper.africa/store-wishlist')"
id="wishlist-32"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-32 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-32 "
onclick="addCompareList('32','https://www.hyper.africa/store-compare-list')"
id="compare_list-32" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('32', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a197a5cbfb7.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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"
onclick="location.href='https://www.hyper.africa/product/large-african-doll-JqExil'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('45','https://www.hyper.africa/store-wishlist')"
id="wishlist-45"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-45 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-45 "
onclick="addCompareList('45','https://www.hyper.africa/store-compare-list')"
id="compare_list-45" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('45', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ebe4c84bb13.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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"
onclick="location.href='https://www.hyper.africa/product/pouf-juju-white-oq40fQ'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('54','https://www.hyper.africa/store-wishlist')"
id="wishlist-54"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-54 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-54 "
onclick="addCompareList('54','https://www.hyper.africa/store-compare-list')"
id="compare_list-54" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('54', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-09-02-64f3a864e6e19.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
CityOne Déco Recycli...
</div>
<h6 class="product__title text-truncate">
Pouf Juju White - Fabrica...
</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"
onclick="location.href='https://www.hyper.africa/product/azania-african-doll-30BONJ'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('47','https://www.hyper.africa/store-wishlist')"
id="wishlist-47"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-47 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-47 "
onclick="addCompareList('47','https://www.hyper.africa/store-compare-list')"
id="compare_list-47" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('47', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ebe657ad643.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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 AZANIA
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
23.00€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/malia-african-doll-noJt7X'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('49','https://www.hyper.africa/store-wishlist')"
id="wishlist-49"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-49 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-49 "
onclick="addCompareList('49','https://www.hyper.africa/store-compare-list')"
id="compare_list-49" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('49', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ebf2ffbd9f6.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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 MALIA
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
20.00€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/vin-blanc-tiki-yUZxe8'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('22','https://www.hyper.africa/store-wishlist')"
id="wishlist-22"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-22 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-22 "
onclick="addCompareList('22','https://www.hyper.africa/store-compare-list')"
id="compare_list-22" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('22', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a19d2c3ee93.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
TIKI Store
</div>
<h6 class="product__title text-truncate">
Tiki white wine
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
7.55€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/exportation-vin-blanc-ananas-tiki-made-in-cameroon-CJXy1B'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('23','https://www.hyper.africa/store-wishlist')"
id="wishlist-23"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-23 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-23 "
onclick="addCompareList('23','https://www.hyper.africa/store-compare-list')"
id="compare_list-23" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('23', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a19ca9db38d.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
TIKI Store
</div>
<h6 class="product__title text-truncate">
Vin blanc rosé Tiki - mad...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
7.55€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/pluton-lsk-travel-bag-kQ2HLM'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('51','https://www.hyper.africa/store-wishlist')"
id="wishlist-51"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-51 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-51 "
onclick="addCompareList('51','https://www.hyper.africa/store-compare-list')"
id="compare_list-51" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('51', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ec0fe2870ef.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
<div class="product__notify">
Désolé, Cet article est actuellement épuisé
</div>
</div>
<!-- Product Summery -->
<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">
LSK
</div>
<h6 class="product__title text-truncate">
Sac de voyage Pluton LSK
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
115.00€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/soleil-lsk-backpack-RKD70M'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('52','https://www.hyper.africa/store-wishlist')"
id="wishlist-52"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-52 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-52 "
onclick="addCompareList('52','https://www.hyper.africa/store-compare-list')"
id="compare_list-52" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('52', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ec141ad9680.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
LSK
</div>
<h6 class="product__title text-truncate">
Sac à dos Soleil 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>
</div>
<!-- Best Selling Product -->
<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">Voir 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" style="--minWidth: 12rem;">
<!-- Single Product -->
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/backpack-kylia-rose-lsk-n2Qhg2'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('50','https://www.hyper.africa/store-wishlist')"
id="wishlist-50"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-50 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-50 "
onclick="addCompareList('50','https://www.hyper.africa/store-compare-list')"
id="compare_list-50" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('50', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ec014ca1184.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
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"
onclick="location.href='https://www.hyper.africa/product/huile-de-chebe-du-tchad-0A3tAS'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('19','https://www.hyper.africa/store-wishlist')"
id="wishlist-19"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-19 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-19 "
onclick="addCompareList('19','https://www.hyper.africa/store-compare-list')"
id="compare_list-19" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('19', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a1ab5a4b097.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
Reine d'Afrique
</div>
<h6 class="product__title text-truncate">
Huile de Chébé du tchad
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
15.00€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/itel-s23-4g-1hAGJy'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('44','https://www.hyper.africa/store-wishlist')"
id="wishlist-44"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-44 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-44 "
onclick="addCompareList('44','https://www.hyper.africa/store-compare-list')"
id="compare_list-44" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('44', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-31-64f048fbac51a.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
Leomar
</div>
<h6 class="product__title text-truncate">
Itel S23 4G, super lisse...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
99.24€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/coral-lamp-2-sTKqyN'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('32','https://www.hyper.africa/store-wishlist')"
id="wishlist-32"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-32 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-32 "
onclick="addCompareList('32','https://www.hyper.africa/store-compare-list')"
id="compare_list-32" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('32', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a197a5cbfb7.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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"
onclick="location.href='https://www.hyper.africa/product/4-sides-or-esese-P0linK'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('1','https://www.hyper.africa/store-wishlist')"
id="wishlist-1"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-1 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-1 "
onclick="addCompareList('1','https://www.hyper.africa/store-compare-list')"
id="compare_list-1" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('1', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a1a7f9cb288.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
Reine d'Afrique
</div>
<h6 class="product__title text-truncate">
4 côtés ou Esese
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
6.00€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/shampooing-solide-au-chebe-DTFZt6'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('13','https://www.hyper.africa/store-wishlist')"
id="wishlist-13"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-13 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-13 "
onclick="addCompareList('13','https://www.hyper.africa/store-compare-list')"
id="compare_list-13" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('13', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a1ae7c5521b.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
Reine d'Afrique
</div>
<h6 class="product__title text-truncate">
Shampooing solide au Cheb...
</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"
onclick="location.href='https://www.hyper.africa/product/pouf-juju-white-oq40fQ'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('54','https://www.hyper.africa/store-wishlist')"
id="wishlist-54"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-54 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-54 "
onclick="addCompareList('54','https://www.hyper.africa/store-compare-list')"
id="compare_list-54" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('54', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-09-02-64f3a864e6e19.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
CityOne Déco Recycli...
</div>
<h6 class="product__title text-truncate">
Pouf Juju White - Fabrica...
</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"
onclick="location.href='https://www.hyper.africa/product/chapeau-large-bord-OvmgZg'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('6','https://www.hyper.africa/store-wishlist')"
id="wishlist-6"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-6 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-6 "
onclick="addCompareList('6','https://www.hyper.africa/store-compare-list')"
id="compare_list-6" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('6', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a1b5293bb55.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
Reine d'Afrique
</div>
<h6 class="product__title text-truncate">
Chapeau Large Bord
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
30.00€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/coral-lamp-v937DS'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('31','https://www.hyper.africa/store-wishlist')"
id="wishlist-31"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-31 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-31 "
onclick="addCompareList('31','https://www.hyper.africa/store-compare-list')"
id="compare_list-31" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('31', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a196c476ff3.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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"
onclick="location.href='https://www.hyper.africa/product/large-african-doll-JqExil'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('45','https://www.hyper.africa/store-wishlist')"
id="wishlist-45"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-45 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-45 "
onclick="addCompareList('45','https://www.hyper.africa/store-compare-list')"
id="compare_list-45" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('45', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ebe4c84bb13.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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>
</div>
<!-- Latest Product -->
<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">Voir 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" style="--minWidth: 12rem;">
<!-- Single Product -->
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/jus-de-baobab-iG76E4'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('66','https://www.hyper.africa/store-wishlist')"
id="wishlist-66"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-66 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-66 "
onclick="addCompareList('66','https://www.hyper.africa/store-compare-list')"
id="compare_list-66" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('66', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-03-01-65e1f0a263b1f.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
African Trading Comp...
</div>
<h6 class="product__title text-truncate">
Jus de baobab 1,5l
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
8.77€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/golden-rules-postpartum-depression-stress-management-zIdbtU'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('65','https://www.hyper.africa/store-wishlist')"
id="wishlist-65"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-65 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-65 "
onclick="addCompareList('65','https://www.hyper.africa/store-compare-list')"
id="compare_list-65" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('65', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-02-03-65be20136125b.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
PAGING BOOK
</div>
<h6 class="product__title text-truncate">
Les Règles d’or de la dé...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
15.00€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.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'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('64','https://www.hyper.africa/store-wishlist')"
id="wishlist-64"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-64 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-64 "
onclick="addCompareList('64','https://www.hyper.africa/store-compare-list')"
id="compare_list-64" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('64', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-02-03-65be1c3631dcf.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
PAGING BOOK
</div>
<h6 class="product__title text-truncate">
Vivre Zen Sans Stress : U...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
30.00€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/memoires-pour-vagir-VLlbZP'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<span class="product__discount-badge">
- 2.00€
</span>
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('63','https://www.hyper.africa/store-wishlist')"
id="wishlist-63"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-63 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-63 "
onclick="addCompareList('63','https://www.hyper.africa/store-compare-list')"
id="compare_list-63" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('63', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-01-29-65b799188f9a2.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
SIAKE KWEYAP
</div>
<h6 class="product__title text-truncate">
Mémoires pour Vagir
</h6>
<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>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/ancestral-worship-in-africa-ubAWOZ'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<span class="product__discount-badge">
- 5.00€
</span>
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('62','https://www.hyper.africa/store-wishlist')"
id="wishlist-62"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-62 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-62 "
onclick="addCompareList('62','https://www.hyper.africa/store-compare-list')"
id="compare_list-62" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('62', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-01-27-65b4657b861b0.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
SIAKE KWEYAP
</div>
<h6 class="product__title text-truncate">
Le Culte ancestral en Afr...
</h6>
<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>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/spaghetti-broli-500g-HEMonI'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('60','https://www.hyper.africa/store-wishlist')"
id="wishlist-60"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-60 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-60 "
onclick="addCompareList('60','https://www.hyper.africa/store-compare-list')"
id="compare_list-60" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('60', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-01-12-65a0ad993a7a1.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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
</div>
<h6 class="product__title text-truncate">
Spaghetti Broli 500g
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
0.76€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/long-grain-bijou-rice-CCdiWL'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('59','https://www.hyper.africa/store-wishlist')"
id="wishlist-59"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-59 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-59 "
onclick="addCompareList('59','https://www.hyper.africa/store-compare-list')"
id="compare_list-59" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('59', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-01-12-65a0a1ca7ecfd.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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
</div>
<h6 class="product__title text-truncate">
Riz bijou long grain 5kg
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
4.73€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/bijou-gold-rice-made-in-cameroon-8zGBwU'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('58','https://www.hyper.africa/store-wishlist')"
id="wishlist-58"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-58 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-58 "
onclick="addCompareList('58','https://www.hyper.africa/store-compare-list')"
id="compare_list-58" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('58', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-01-12-65a09db5ed6fe.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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
</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">
5.03€
</ins>
</div>
</div>
</div>
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/oleo-refined-oil-made-in-cameroon-k4jT88'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('57','https://www.hyper.africa/store-wishlist')"
id="wishlist-57"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-57 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-57 "
onclick="addCompareList('57','https://www.hyper.africa/store-compare-list')"
id="compare_list-57" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('57', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-01-04-6596786dc2140.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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
</div>
<h6 class="product__title text-truncate">
Huile raffinée Oléo prod...
</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"
onclick="location.href='https://www.hyper.africa/product/fortified-bijou-rice-e1Ps0e'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('56','https://www.hyper.africa/store-wishlist')"
id="wishlist-56"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-56 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-56 "
onclick="addCompareList('56','https://www.hyper.africa/store-compare-list')"
id="compare_list-56" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('56', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-12-30-65904955df157.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
<div class="product__notify">
Désolé, Cet article est actuellement épuisé
</div>
</div>
<!-- Product Summery -->
<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
</div>
<h6 class="product__title text-truncate">
Riz blanc "bijou" fortifi...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
4.42€
</ins>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- More Stores -->
<section>
<div class="container">
<!-- for mobile start -->
<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"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/top-side-banner-placeholder.png'"alt="" class="dark-support rounded w-100">
</a>
</div>
<!-- for mobile end -->
<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/sellers" class="btn-link">Voir 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/26" class="store-product d-flex flex-column gap-3 align-items-center">
<div class="position-relative">
<div class="avatar rounded-circle">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/shop/2024-02-19-65d336e9e3714.png" alt="" loading="lazy"
class="dark-support img-fit rounded-circle">
</div>
</div>
<div class="d-flex flex-column align-items-center text-center gap-2 w-100">
<h6 class="text-truncate text-center">Les jus Fopouanga</h6>
<div class="text-muted text-truncate product-count">0 Produits</div>
</div>
</a>
<a href="https://www.hyper.africa/shopView/1" class="store-product d-flex flex-column gap-3 align-items-center">
<div class="position-relative">
<div class="avatar rounded-circle">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/shop/2023-05-20-646911feaf8d6.png" alt="" loading="lazy"
class="dark-support img-fit rounded-circle">
</div>
</div>
<div class="d-flex flex-column align-items-center text-center gap-2 w-100">
<h6 class="text-truncate text-center">Reine d'Afrique</h6>
<div class="text-muted text-truncate product-count">17 Produits</div>
</div>
</a>
<a href="https://www.hyper.africa/shopView/2" class="store-product d-flex flex-column gap-3 align-items-center">
<div class="position-relative">
<div class="avatar rounded-circle">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/shop/2023-05-27-6471d34e5e4e5.png" alt="" loading="lazy"
class="dark-support img-fit rounded-circle">
</div>
</div>
<div class="d-flex flex-column align-items-center text-center gap-2 w-100">
<h6 class="text-truncate text-center">TIKI Store</h6>
<div class="text-muted text-truncate product-count">3 Produits</div>
</div>
</a>
<a href="https://www.hyper.africa/shopView/20" class="store-product d-flex flex-column gap-3 align-items-center">
<div class="position-relative">
<div class="avatar rounded-circle">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/shop/2023-08-28-64ec1df3a362c.png" alt="" loading="lazy"
class="dark-support img-fit rounded-circle">
</div>
</div>
<div class="d-flex flex-column align-items-center text-center gap-2 w-100">
<h6 class="text-truncate text-center">ABENA WEAR</h6>
<div class="text-muted text-truncate product-count">0 Produits</div>
</div>
</a>
<a href="https://www.hyper.africa/shopView/17" class="store-product d-flex flex-column gap-3 align-items-center">
<div class="position-relative">
<div class="avatar rounded-circle">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/shop/2023-08-21-64e366e122cf5.png" alt="" loading="lazy"
class="dark-support img-fit rounded-circle">
</div>
</div>
<div class="d-flex flex-column align-items-center text-center gap-2 w-100">
<h6 class="text-truncate text-center">LSK</h6>
<div class="text-muted text-truncate product-count">4 Produits</div>
</div>
</a>
<a href="https://www.hyper.africa/shopView/21" class="store-product d-flex flex-column gap-3 align-items-center">
<div class="position-relative">
<div class="avatar rounded-circle">
<img onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/shop/2023-08-28-64ed16fde3cf7.png" alt="" loading="lazy"
class="dark-support img-fit rounded-circle">
</div>
</div>
<div class="d-flex flex-column align-items-center text-center gap-2 w-100">
<h6 class="text-truncate text-center">CityOne Déco Recycling</h6>
<div class="text-muted text-truncate product-count">1 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 onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'"
src="https://www.hyper.africa/storage/app/public/shop/2023-06-27-649b5a4d70172.png" alt="" loading="lazy"
class="dark-support img-fit rounded-circle">
</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>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Top Rated Products -->
<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>Produits les mieux évalué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">
<!-- Swiper -->
<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"
onclick="location.href='https://www.hyper.africa/product/backpack-kylia-rose-lsk-n2Qhg2'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('50','https://www.hyper.africa/store-wishlist')"
id="wishlist-50"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-50 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-50 "
onclick="addCompareList('50','https://www.hyper.africa/store-compare-list')"
id="compare_list-50" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('50', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ec014ca1184.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
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>
<div class="swiper-slide">
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/huile-de-chebe-du-tchad-0A3tAS'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('19','https://www.hyper.africa/store-wishlist')"
id="wishlist-19"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-19 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-19 "
onclick="addCompareList('19','https://www.hyper.africa/store-compare-list')"
id="compare_list-19" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('19', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a1ab5a4b097.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
Reine d'Afrique
</div>
<h6 class="product__title text-truncate">
Huile de Chébé du tchad
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
15.00€
</ins>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/itel-s23-4g-1hAGJy'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('44','https://www.hyper.africa/store-wishlist')"
id="wishlist-44"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-44 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-44 "
onclick="addCompareList('44','https://www.hyper.africa/store-compare-list')"
id="compare_list-44" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('44', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-31-64f048fbac51a.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
Leomar
</div>
<h6 class="product__title text-truncate">
Itel S23 4G, super lisse...
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
99.24€
</ins>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/coral-lamp-2-sTKqyN'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('32','https://www.hyper.africa/store-wishlist')"
id="wishlist-32"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-32 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-32 "
onclick="addCompareList('32','https://www.hyper.africa/store-compare-list')"
id="compare_list-32" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('32', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a197a5cbfb7.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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>
<div class="swiper-slide">
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/4-sides-or-esese-P0linK'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('1','https://www.hyper.africa/store-wishlist')"
id="wishlist-1"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-1 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-1 "
onclick="addCompareList('1','https://www.hyper.africa/store-compare-list')"
id="compare_list-1" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('1', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a1a7f9cb288.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
Reine d'Afrique
</div>
<h6 class="product__title text-truncate">
4 côtés ou Esese
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
6.00€
</ins>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/shampooing-solide-au-chebe-DTFZt6'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('13','https://www.hyper.africa/store-wishlist')"
id="wishlist-13"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-13 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-13 "
onclick="addCompareList('13','https://www.hyper.africa/store-compare-list')"
id="compare_list-13" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('13', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a1ae7c5521b.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
Reine d'Afrique
</div>
<h6 class="product__title text-truncate">
Shampooing solide au Cheb...
</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>
<div class="swiper-slide">
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/pouf-juju-white-oq40fQ'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('54','https://www.hyper.africa/store-wishlist')"
id="wishlist-54"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-54 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-54 "
onclick="addCompareList('54','https://www.hyper.africa/store-compare-list')"
id="compare_list-54" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('54', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-09-02-64f3a864e6e19.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
CityOne Déco Recycli...
</div>
<h6 class="product__title text-truncate">
Pouf Juju White - Fabrica...
</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>
<div class="swiper-slide">
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/chapeau-large-bord-OvmgZg'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('6','https://www.hyper.africa/store-wishlist')"
id="wishlist-6"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-6 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-6 "
onclick="addCompareList('6','https://www.hyper.africa/store-compare-list')"
id="compare_list-6" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('6', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a1b5293bb55.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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">
Reine d'Afrique
</div>
<h6 class="product__title text-truncate">
Chapeau Large Bord
</h6>
<div class="product__price d-flex justify-content-center flex-wrap column-gap-2">
<ins class="product__new-price">
30.00€
</ins>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/coral-lamp-v937DS'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('31','https://www.hyper.africa/store-wishlist')"
id="wishlist-31"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-31 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-31 "
onclick="addCompareList('31','https://www.hyper.africa/store-compare-list')"
id="compare_list-31" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('31', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a196c476ff3.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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>
<div class="swiper-slide">
<div class="product border rounded text-center d-flex flex-column gap-10 ov-hidden cursor-pointer"
onclick="location.href='https://www.hyper.africa/product/large-african-doll-JqExil'">
<!-- Product top -->
<div class="product__top" style="--width: 100%;">
<div class="product__actions d-flex flex-column gap-2">
<a href="javascript:" onclick="addWishlist('45','https://www.hyper.africa/store-wishlist')"
id="wishlist-45"
class="btn-wishlist stopPropagation add_to_wishlist wishlist-45 "
title="Add to wishlist">
<i class="bi bi-heart"></i>
</a>
<a href="javascript:"
class="btn-compare stopPropagation add_to_compare compare_list-45 "
onclick="addCompareList('45','https://www.hyper.africa/store-compare-list')"
id="compare_list-45" title="Add to compare">
<i class="bi bi-repeat"></i>
</a>
<a href="javascript:" class="btn-quickview stopPropagation"
onclick="quickView('45', 'https://www.hyper.africa/quick-view')" title="Aperçu rapide">
<i class="bi bi-eye"></i>
</a>
</div>
<div class="product__thumbnail">
<img src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ebe4c84bb13.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" loading="lazy"
class="img-fit dark-support rounded" alt="">
</div>
</div>
<!-- Product Summery -->
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Today’s Best Deal an Just for you -->
<section>
<div class="container">
<div class="row g-3">
<div class="col-lg-12">
<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 toi</h3>
</div>
<div class="auto-col just-for-you gap-3">
<a href="https://www.hyper.africa/product/pouf-juju-white-oq40fQ"
class="hover-zoom-in d-flex flex-column gap-2 align-items-center">
<div class="position-relative">
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-09-02-64f3a864e6e19.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<div class="product__price d-flex flex-wrap justify-content-center column-gap-2">
<ins class="product__new-price">25.00€</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/oleo-refined-oil-made-in-cameroon-k4jT88"
class="hover-zoom-in d-flex flex-column gap-2 align-items-center">
<div class="position-relative">
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-01-04-6596786dc2140.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<div class="product__price d-flex flex-wrap justify-content-center column-gap-2">
<ins class="product__new-price">2.21€</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/huile-de-chebe-du-tchad-0A3tAS"
class="hover-zoom-in d-flex flex-column gap-2 align-items-center">
<div class="position-relative">
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a1ab5a4b097.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<div class="product__price d-flex flex-wrap justify-content-center column-gap-2">
<ins class="product__new-price">15.00€</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/shampooing-solide-au-chebe-DTFZt6"
class="hover-zoom-in d-flex flex-column gap-2 align-items-center">
<div class="position-relative">
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a1ae7c5521b.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<div class="product__price d-flex flex-wrap justify-content-center column-gap-2">
<ins class="product__new-price">10.00€</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/coral-lamp-v937DS"
class="hover-zoom-in d-flex flex-column gap-2 align-items-center">
<div class="position-relative">
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a196c476ff3.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<div class="product__price d-flex flex-wrap justify-content-center column-gap-2">
<ins class="product__new-price">100.00€</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/mayor-refined-oil-100-made-in-cameroon-H4GLVO"
class="hover-zoom-in d-flex flex-column gap-2 align-items-center">
<div class="position-relative">
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-12-30-658fed6e37342.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<div class="product__price d-flex flex-wrap justify-content-center column-gap-2">
<ins class="product__new-price">2.21€</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/vin-blanc-tiki-yUZxe8"
class="hover-zoom-in d-flex flex-column gap-2 align-items-center">
<div class="position-relative">
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a19d2c3ee93.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<div class="product__price d-flex flex-wrap justify-content-center column-gap-2">
<ins class="product__new-price">7.55€</ins>
</div>
</a>
<a href="https://www.hyper.africa/product/bijou-gold-rice-made-in-cameroon-8zGBwU"
class="hover-zoom-in d-flex flex-column gap-2 align-items-center">
<div class="position-relative">
<img width="100" src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-01-12-65a09db5ed6fe.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<div class="product__price d-flex flex-wrap justify-content-center column-gap-2">
<ins class="product__new-price">5.03€</ins>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Home Categories -->
<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">Artisanat africain</h3>
<a href="https://www.hyper.africa/products?id=1&data_from=category&page=1" class="btn-link">Voir tout
<i class="bi bi-chevron-right text-primary"></i></a>
</div>
<!-- Swiper -->
<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">
<div class="swiper-slide">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('54', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-09-02-64f3a864e6e19.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/pouf-juju-white-oq40fQ" style="--width: 9rem">
Pouf Juju White -...
<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">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('31', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a196c476ff3.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/coral-lamp-v937DS" style="--width: 9rem">
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">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('49', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ebf2ffbd9f6.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/malia-african-doll-noJt7X" style="--width: 9rem">
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 class="swiper-slide">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('45', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ebe4c84bb13.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/large-african-doll-JqExil" style="--width: 9rem">
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">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('32', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a197a5cbfb7.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/coral-lamp-2-sTKqyN" style="--width: 9rem">
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">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('47', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ebe657ad643.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/azania-african-doll-30BONJ" style="--width: 9rem">
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>
</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">Santé et bien être</h3>
<a href="https://www.hyper.africa/products?id=3&data_from=category&page=1" class="btn-link">Voir tout
<i class="bi bi-chevron-right text-primary"></i></a>
</div>
<!-- Swiper -->
<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">
<div class="swiper-slide">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('13', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a1ae7c5521b.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/shampooing-solide-au-chebe-DTFZt6" style="--width: 9rem">
Shampooing solide...
<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">
10.00€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('18', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a1acdec6afb.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/shampoing-naturel-carapate-mangue-vLeQc9" style="--width: 9rem">
Shampoing naturel...
<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">
10.00€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('17', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a1b19029717.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/creme-capillaire-au-chebe-nQaWag" style="--width: 9rem">
Crème capillaire 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">
15.00€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('19', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a1ab5a4b097.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/huile-de-chebe-du-tchad-0A3tAS" style="--width: 9rem">
Huile de Chébé 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">
15.00€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('4', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-05-24-646d431032b1d.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/menthol-wGQjAY" style="--width: 9rem">
Menthol
<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">
10.00€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('12', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-05-26-646ff5769511b.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/turmeric-honey-soap-5OsSRU" style="--width: 9rem">
Savon au miel Curc...
<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">
10.00€
</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 africaine et...</h3>
<a href="https://www.hyper.africa/products?id=5&data_from=category&page=1" class="btn-link">Voir tout
<i class="bi bi-chevron-right text-primary"></i></a>
</div>
<!-- Swiper -->
<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">
<div class="swiper-slide">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('50', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ec014ca1184.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/backpack-kylia-rose-lsk-n2Qhg2" style="--width: 9rem">
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">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('6', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a1b5293bb55.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/chapeau-large-bord-OvmgZg" style="--width: 9rem">
Chapeau Large Bord
<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">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('53', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ec1a7e1133b.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/neptune-lsk-handbag-xolUPf" style="--width: 9rem">
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 class="swiper-slide">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('52', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ec141ad9680.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/soleil-lsk-backpack-RKD70M" style="--width: 9rem">
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">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('7', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-02-64a1adee6e5f9.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/boubou-traditionnel-burkina-faso-GtcCjy" style="--width: 9rem">
Boubou Traditionne...
<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">
150.00€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('2', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-07-03-64a1f670195f8.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/bomber-ou-perfect-afritude-8I93Y3" style="--width: 9rem">
Bomber ou Perfect...
<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">
50.00€
</ins>
</div>
</a>
</a>
</div>
<div class="swiper-slide">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('51', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-08-28-64ec0fe2870ef.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/pluton-lsk-travel-bag-kQ2HLM" style="--width: 9rem">
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>
</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">Beauté et accessoi...</h3>
</div>
<!-- Swiper -->
<div class="swiper-container auto-item-width position-relative">
<div class="" data-swiper-loop="true" data-swiper-items="auto" data-swiper-margin="20" data-swiper-pagination-el="null" data-swiper-navigation-next="#next14" data-swiper-navigation-prev="#prev14" data-swiper-delay="4000">
<div class="swiper-wrapper text-center">
</div>
</div>
<div class="swiper-button-next cleaning-nav-next" id="next14"></div>
<div class="swiper-button-prev cleaning-nav-prev" id="prev14"></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">Aliments, proteine...</h3>
<a href="https://www.hyper.africa/products?id=40&data_from=category&page=1" class="btn-link">Voir tout
<i class="bi bi-chevron-right text-primary"></i></a>
</div>
<!-- Swiper -->
<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">
<div class="swiper-slide">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('57', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-01-04-6596786dc2140.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/oleo-refined-oil-made-in-cameroon-k4jT88" style="--width: 9rem">
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">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('55', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2023-12-30-658fed6e37342.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/mayor-refined-oil-100-made-in-cameroon-H4GLVO" style="--width: 9rem">
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>
</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">Livres</h3>
<a href="https://www.hyper.africa/products?id=46&data_from=category&page=1" class="btn-link">Voir tout
<i class="bi bi-chevron-right text-primary"></i></a>
</div>
<!-- Swiper -->
<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">
<div class="swiper-slide">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('64', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-02-03-65be1c3631dcf.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" 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" style="--width: 9rem">
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">
<!-- Single Product -->
<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">
<span class="store-product__action preventDefault" onclick="quickView('65', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-02-03-65be20136125b.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/golden-rules-postpartum-depression-stress-management-zIdbtU" style="--width: 9rem">
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 class="swiper-slide">
<!-- Single Product -->
<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">
<span class="product__discount-badge">-
2.00€
</span>
<span class="store-product__action preventDefault" onclick="quickView('63', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-01-29-65b799188f9a2.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/memoires-pour-vagir-VLlbZP" style="--width: 9rem">
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">
<!-- Single Product -->
<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">
<span class="product__discount-badge">-
5.00€
</span>
<span class="store-product__action preventDefault" onclick="quickView('62', 'https://www.hyper.africa/quick-view')">
<i class="bi bi-eye fs-12"></i>
</span>
<img width="155"
src="https://www.hyper.africa/storage/app/public/product/thumbnail/2024-01-27-65b4657b861b0.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder.png'" alt=""
loading="lazy" class="dark-support rounded">
</div>
<a class="fs-16 text-truncate text-muted text-capitalize" href="https://www.hyper.africa/product/ancestral-worship-in-africa-ubAWOZ" style="--width: 9rem">
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>
</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>
<!-- Call To Action -->
<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"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/main-section-banner-placeholder.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">Ne ratez pas l'offre du Jour!</h6>
<h2 class="fs-2 mb-4 absolute-dark">Faisons du Shopping Aujourd'hui</h2>
<div class="d-flex">
<a href="https://hyper.africa" class="btn btn-primary fs-16">Achetez maintenant</a>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Feature -->
<!-- Feature -->
<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 src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/icons/f1.png" alt="">
</div>
<div class="media-body">
<h5 class="mb-2">Livraison gratuite</h5>
<div class="fs-12">Livraison nationale gratuite au-dessus de 100€ la commande</div>
</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 src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/icons/f2.png" alt="">
</div>
<div class="media-body">
<h5 class="mb-2">Produit frais</h5>
<div class="fs-12">Livraison nationale gratuite au-dessus de 100€ la commande</div>
</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 src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/icons/f3.png" alt="">
</div>
<div class="media-body">
<h5 class="mb-2">Paiement 100% Sécurisé</h5>
<div class="fs-12">Nous assurons des transactions sécurisées</div>
</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 src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/icons/f4.png" alt="">
</div>
<div class="media-body">
<h5 class="mb-2">Assistance 24h/24 et 7j/7</h5>
<div class="fs-12">Nous assurons des transactions sécurisées</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer-->
<!-- Footer -->
<footer class="footer">
<div class="footer-bg-img" data-bg-img="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/background/footer-bg.png">
</div>
<div class="footer-top">
<div class="container">
<div class="row gy-3 align-items-center">
<div class="col-lg-9 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">
<i class="bi bi-twitter"></i>
</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-6 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">Ligne d'assistance</h6>
<a href="tel:+33625476730" class="absolute-white">+33625476730</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">
<img class="mb-3" width="180" src="https://www.hyper.africa/storage/app/public/company/2023-05-16-6463e0dea258b.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/logo-white.png'"
loading="lazy" alt="">
<p>77260, La Ferté-Sous_Jouarre</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=""></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=""></a>
</div>
</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 href="https://www.hyper.africa/shop/apply">Ouvrir 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>
<button class="bg-transparent border-0 p-0" data-bs-toggle="modal" data-bs-target="#loginModal">Suivi de commande</button>
</li>
<li><a href="https://www.hyper.africa/contacts">Support d'aide</a></li>
</ul>
</div>
</div>
<div class="col-sm-4 col-6">
<div class="widget widget--nav absolute-white">
<h4 class="widget__title">Liens rapides</h4>
<ul class="d-flex flex-column gap-3">
<li><a href="https://www.hyper.africa/products?data_from=featured&page=1">Produits populaires</a></li>
<li><a href="https://www.hyper.africa/sellers">Meilleurs Boutiques</a></li>
<li><a 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 href="https://www.hyper.africa/about-us">À propos de la société</a></li>
<li><a href="https://www.hyper.africa/privacy-policy">Politique de confidentialité</a></li>
<li><a href="https://www.hyper.africa/terms">Termes & conditions</a></li>
<li>
<a href="https://www.hyper.africa/refund-policy">Politique de remboursement</a>
</li>
<li>
<a href="https://www.hyper.africa/return-policy">Politique de retour</a>
</li>
<li>
<a href="https://www.hyper.africa/cancellation-policy">Politique d'annulation</a>
</li>
<li>
<button class="bg-transparent border-0 p-0" data-bs-toggle="modal" data-bs-target="#loginModal">Ticket 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 2024, Setlo24
</div>
</div>
</div>
</footer>
<!-- Back To Top Button -->
<a href="#" class="back-to-top">
<i class="bi bi-arrow-up"></i>
</a>
<!-- App Bar -->
<div class="app-bar px-sm-2 d-xl-none" id="mobile_app_bar">
<!-- 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">
<i class="bi bi-house-door fs-16"></i>
<span class="fs-14">Accueil</span>
</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">
<i class="bi bi-heart fs-16"></i>
</div>
<span class="fs-14">Liste de souhait</span>
</a>
</li>
<li>
<div class="dropup position-static">
<a
href="#"
class="d-flex align-items-center flex-column py-2 "
data-toggle="collapse"
data-target="cart_dropdown"
>
<div class="position-relative">
<i class="bi bi-bag fs-16"></i>
<span class="count top-0">0</span>
</div>
<span class="fs-14">Panier</span>
</a>
<ul class="dropdown-menu scrollY-60 z-n1"
id="cart_dropdown"
style="--bs-dropdown-min-width: 100%">
<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">
<i class="bi bi-repeat fs-16"></i>
</div>
<span class="fs-14">Comparer</span>
</a>
</li>
</ul>
</div>
<!-- Cookies -->
<section id="cookie-section"></section>
<!-- ======= All Modals ======= -->
<!-- Register Modal -->
<!-- Register Modal -->
<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"
src="https://www.hyper.africa/storage/app/public/company/2023-05-16-6463e0b0960cd.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder-2:1.png'"
alt=""
class="dark-support"
/>
</div>
<div class="mb-4">
<h2 class="mb-2">S'inscrire</h2>
<p class="text-muted">
Connectez-vous à votre compte.. N'a pas de compte?
<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="K1XiiNkrhNRdhtLXd5VC22NLoYH6eMuwJpZA9ocd"> <div class="custom-scrollbar">
<div class="row">
<div class="col-sm-6">
<div class="form-group mb-4">
<label 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 for="l_name">Nom de famille</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="Enter email or phone number"
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="number"
id="phone"
value=""
name="phone"
class="form-control"
placeholder="Enter phone number"
required
/>
</div>
</div>
<div class="col-sm-6">
<div class="mb-4">
<label for="password">Mot de passe</label>
<div class="input-inner-end-ele">
<input
type="password"
id="password"
name="password"
class="form-control"
placeholder="Minimum 8 caractères"
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 for="confirm_password">Confirmez le mot de passe</label>
<div class="input-inner-end-ele">
<input
type="password"
id="confirm_password"
class="form-control"
name="con_password"
placeholder="Minimum 8 caractères"
autocomplete="off"
required
/>
<i class="bi bi-eye-slash-fill togglePassword"></i>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-center">
<div id="recaptcha_element_customer_regi" class="w-100 mt-2" data-type="image"></div>
</div>
<div class="d-flex justify-content-center mt-4">
<label for="agree" class="d-flex gap-1 align-items-center mb-0">
<input type="checkbox" id="inputCheckd" required/>
Je d'accord avec le <a href="https://www.hyper.africa/terms" class="text-info">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" 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>
<a href="https://www.hyper.africa/customer/auth/login/apple">
<img
width="35"
src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/svg/apple.svg"
alt=""
class="dark-support"/>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Login Modal -->
<!-- Login Modal -->
<div
class="modal fade"
id="loginModal"
tabindex="-1"
aria-hidden="true"
>
<div class="modal-dialog 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-sm-5">
<div class="mb-4 text-center">
<img
width="200"
src="https://www.hyper.africa/storage/app/public/company/2023-05-16-6463e0b0960cd.png"
onerror="this.src='https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/image-place-holder-2:1.png'"
alt=""
class="dark-support"
/>
</div>
<div class="mb-4">
<h2 class="mb-2">Connexion</h2>
<p class="text-muted">
Connectez-vous à votre compte.. N'a pas de compte?
<span
class="text-primary fw-bold"
data-bs-toggle="modal"
data-bs-target="#registerModal">
S'inscrire
</span>
</p>
</div>
<form action="https://www.hyper.africa/customer/auth/login" method="post" id="customer_login_modal" autocomplete="off">
<input type="hidden" name="_token" value="K1XiiNkrhNRdhtLXd5VC22NLoYH6eMuwJpZA9ocd"> <div class="form-group mb-4">
<label for="email">Email / Téléphone</label>
<input
name="user_id" id="si-email"
class="form-control" value=""
placeholder="Entrez l'email ou le 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"
placeholder="Ex : 6+ caractère"
required
/>
<i class="bi bi-eye-slash-fill togglePassword"></i>
</div>
</div>
<div class="d-flex justify-content-between gap-3 align-items-center">
<label
for="remember_me"
class="d-flex gap-1 align-items-center mb-0">
<input type="checkbox" name="remember" id="remember" />
Se souvenir de moi
</label>
<a href="https://www.hyper.africa/customer/auth/recover-password">Forgot Password ?</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">Connexion</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>
<a href="https://www.hyper.africa/customer/auth/login/apple">
<img
width="35"
src="https://www.hyper.africa/resources/themes/theme_aster/public/assets/img/svg/apple.svg"
alt=""
class="dark-support"/>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Seller Login Modal -->
<!-- Login Modal -->
<div
class="modal fade"
id="sellerloginModal"
tabindex="-1"
aria-hidden="true"
>
<div class="modal-dialog 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-sm-5">
<div class="mb-3 text-center">
<img
width="123"
src="https://www.hyper.africa/storage/app/public/company/2023-05-16-6463e0b0960cd.png"
alt=""
class="dark-support"
/>
</div>
<div class="mb-4">
<h2 class="mb-2">Connexion vendeur</h2>
<p class="text-muted">
Login to your seller account.
</p>
</div>
<form action="https://www.hyper.africa/seller/auth/login" method="post" id="seller_login_form">
<input type="hidden" name="_token" value="K1XiiNkrhNRdhtLXd5VC22NLoYH6eMuwJpZA9ocd"> <div class="form-group mb-4">
<label for="email">Email</label>
<input
name="email" id="seller-email"
class="form-control" value=""
placeholder="Enter email" 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="seller-password"
class="form-control"
placeholder="Ex : 8+ caractère"
required
/>
<i class="bi bi-eye-slash-fill togglePassword"></i>
</div>
</div>
<div class="d-flex justify-content-between gap-3 align-items-center">
<label
for="seller_remember"
class="d-flex gap-1 align-items-center mb-0">
<input type="checkbox" name="remember" id="seller_remember" />
Se souvenir de moi
</label>
<a href="https://www.hyper.africa/seller/auth/forgot-password">Forgot Password ?</a>
</div>
<div class="col-12">
<div id="recaptcha_element_seller_login" class="w-100 mt-4" data-type="image"></div>
<br/>
</div>
<div class="d-flex justify-content-center mt-4 mb-3">
<button type="submit" class="btn btn-primary">Connexion</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Quick View Modal -->
<!-- Quick View Modal -->
<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>
<!-- Initial Modal -->
<!-- Initial Modal -->
<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_url" data-url="https://www.hyper.africa/cart/updateQuantity-guest"></span>
<span id="order_again_url" data-url="https://www.hyper.africa/cart/order-again"></span>
<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>
<!-- ======= BEGIN GLOBAL MANDATORY SCRIPTS ======= -->
<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/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/js/custom.js"></script>
<script type="text/javascript"></script>
<script>
$(document).ready(function () {
$('#initialModal').modal('show');
});
</script>
<script>
let cookie_content = `
<div class="cookies active absolute-white py-4">
<div class="container">
<h4 class="absolute-white mb-3">Votre vie privée</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">Oui, J'accepte</button>
</div>
</div>
</div>
`;
$(document).on('click', '#cookie-accept', function () {
document.cookie = '6valley_cookie_consent=accepted; max-age=' + 60 * 60 * 24 * 30;
$('#cookie-section').hide();
});
$(document).on('click', '#cookie-reject', function () {
document.cookie = '6valley_cookie_consent=reject; max-age=' + 60 * 60 * 24;
$('#cookie-section').hide();
});
$(document).ready(function () {
if (document.cookie.indexOf("6valley_cookie_consent=accepted") !== -1) {
$('#cookie-section').hide();
} else {
$('#cookie-section').html(cookie_content).show();
}
});
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
})
</script>
<script>
function route_alert(route, message) {
Swal.fire({
title: 'Es-tu sûr?',
text: message,
type: 'warning',
showCancelButton: true,
cancelButtonColor: 'default',
confirmButtonColor: '#263c59',
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>
$('#inputCheckd').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_regi', {
'sitekey': '6LcX1NInAAAAAP5pCyrlCIM63wLriKyEHNSLrqta'
});
$('#recaptcha_element_customer_regi').attr('data-reg-id', reg_id);
};
function recaptcha_f(){
let response = grecaptcha.getResponse($('#recaptcha_element_customer_regi').attr('data-reg-id'));
if (response.length === 0) {
return false;
}else{
return true;
}
}
$('#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) {
// return false;
if (data.errors) {
for (var i = 0; i < data.errors.length; i++) {
toastr.error(data.errors[i], {
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 type="text/javascript">
var onloadCallbackCustomerLogin = function () {
let login_id = grecaptcha.render('recaptcha_element_customer_login', {
'sitekey': '6LcX1NInAAAAAP5pCyrlCIM63wLriKyEHNSLrqta'
});
$('#recaptcha_element_customer_login').attr('data-login-id', login_id);
};
</script>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallbackCustomerLogin&render=explicit" async
defer></script>
<script>
$("#customer_login_modal").submit(function (e) {
e.preventDefault();
var customer_recaptcha = true;
var response_customer_login = grecaptcha.getResponse($('#recaptcha_element_customer_login').attr('data-login-id'));
if (response_customer_login.length === 0) {
e.preventDefault();
toastr.error("Veuillez vérifier le recaptcha");
customer_recaptcha = false;
}
if(customer_recaptcha === true) {
let form = $(this);
$.ajax({
type: 'POST',
url:`https://www.hyper.africa/customer/auth/login`,
data: form.serialize(),
success: function (data) {
if (data.status === 'success') {
toastr.success(`Connexion réussie`);
location.reload();
} else if (data.status === 'error') {
data.redirect_url !== '' ? window.location.href = data.redirect_url : toastr.error(data.message);
}
}
});
}
});
</script>
<script>
$("#seller_login_form").on('submit', function (e) {
var response = grecaptcha.getResponse($('#recaptcha_element_seller_login').attr('data-login-id'));
if (response.length === 0) {
e.preventDefault();
toastr.error("Veuillez vérifier le recaptcha");
}
});
</script>
<script>
$("#seller_login_form").on('submit', function (e) {
e.preventDefault();
let login_form = $(this);
$.ajax({
url:login_form.attr('action'),
method:login_form.attr('method'),
dataType: "json",
data:login_form.serialize(),
success:function(data)
{
if (data.errors) {
$.each(data.errors, function(index, value){
toastr.error(value)
});
}else{
window.location.href = data.redirect_url;
}
}
});
});
</script>
</body>
</html>