Template Webshop

Layout pour le webshop public MC (grand catalogue) et les webshops privés B2B. Top nav + filtres sidebar + grille + panier drawer.

Structure HTML

<!-- Top nav avec search + compte + panier -->
<nav class="sticky top-0 bg-white border-b border-gray-200 z-20 px-6 py-3 flex items-center gap-4">
  <!-- Logo | Search bar | Compte + Panier (avec badge compteur) -->
</nav>

<!-- Category nav secondaire -->
<div class="bg-mc-navy-50 border-b border-gray-200 px-6 py-2 flex gap-4">
  <!-- Catégories principales -->
</div>

<!-- Body : filtres + grille -->
<div class="flex">
  <!-- Filter sidebar -->
  <aside class="w-52 border-r border-gray-200 p-4">
    <!-- Groupes de filtres (fournisseur, couleur, qty min, technique) -->
  </aside>

  <!-- Product grid -->
  <main class="flex-1 p-6 bg-gray-50">
    <!-- Barre résultats + tri -->
    <!-- Grid 3-4 colonnes de product cards -->
    <!-- Pagination -->
  </main>
</div>

<!-- Cart drawer (position fixed, right, z-50, translate-x selon état) -->
<div class="fixed inset-y-0 right-0 w-80 bg-white shadow-xl z-50 flex flex-col">
  <!-- Header panier -->
  <!-- Liste articles -->
  <!-- Footer : total + CTA "Passer commande" -->
</div>