Documentation

Produits

La page Produits liste tous les articles de votre carte. Vous pouvez les créer, les modifier, les réordonner, les masquer et les supprimer depuis cet écran.

Disposition de la page

La page est divisée en deux zones :

  • Colonne gauche — navigateur de catégories : « Tous les produits » en tête, puis la liste de vos catégories. Cliquer sur une catégorie filtre la liste à droite.
  • Zone principale — liste des produits, groupés par catégorie, avec une barre de recherche en haut.
Desktop previewPage Produits avec le filtre de catégorie à gauche et la liste groupée par catégorie à droite
Page Produits avec le filtre de catégorie à gauche et la liste groupée par catégorie à droite

Recherche et filtres

Deux façons de trouver rapidement un produit :

  1. Barre de recherche — saisissez un nom de produit ou de catégorie. Les résultats se mettent à jour en temps réel. Effacez avec le bouton ×.
  2. Filtre par catégorie — cliquez sur une catégorie dans la colonne gauche pour n'afficher que ses produits. Combinez avec la recherche pour des résultats précis.

Ces filtres n'affectent pas le site public — ils vous aident seulement à naviguer dans votre catalogue.

Impact sur le site public

Les produits apparaissent sur votre menu public regroupés sous leur catégorie, dans l'ordre défini ici. L'ordre des produits au sein d'une catégorie = l'ordre d'affichage sur le site. Glissez les poignées (⠿) pour réordonner.

Actions disponibles

  • Ajouter un produit (bouton en haut à droite) — ouvre le formulaire de création.
  • Modifier (menu d'actions de la ligne) — ouvre le formulaire d'édition.
  • Afficher / Masquer — bascule la visibilité sur le site public. Un produit masqué reste dans votre catalogue pour une réactivation facile.
  • Supprimer — suppression définitive après confirmation. Action irréversible.
  • Chevron ▶ (dépliage de ligne) — affiche les ingrédients et allergènes du produit directement dans la liste, sans ouvrir l'éditeur.
Desktop previewLigne de produit dépliée affichant les ingrédients et les badges allergènes
Ligne de produit dépliée affichant les ingrédients et les badges allergènes

Créer ou modifier un produit — tous les champs

Desktop previewFormulaire d'édition de produit avec tous les champs : nom, description, catégorie, prix, image, ingrédients, allergènes
Formulaire d'édition de produit avec tous les champs : nom, description, catégorie, prix, image, ingrédients, allergènes

Nom (FR / EN)

Le Nom (FR) est obligatoire. Le Nom (EN) est facultatif mais recommandé pour les menus bilingues. Si le champ EN est vide, le nom français s'affiche aux visiteurs anglophones. Gardez le nom concis (ex. « Margherita »).

Description (FR / EN)

Texte court facultatif affiché sous le nom du produit sur le menu public. FR est facultatif, EN est facultatif (repli sur FR si vide). Limitez-vous à 1–2 phrases. La description est différente des ingrédients — voir plus bas.

Catégorie

Sélecteur de catégorie — un produit appartient à une seule catégorie. Si la catégorie choisie est masquée (indiquée par le badge « masquée » dans la liste déroulante), le produit n'est pas visible sur le site public même s'il est actif.

Prix (€)

Prix en euros, TTC. Utilisez un point ou une virgule pour les centimes (12.50 ou 12,50). Ce prix s'affiche tel quel sur la fiche produit publique.

Actif

Interrupteur de visibilité. Actif = ON : le produit est visible sur le site (si sa catégorie l'est aussi). Actif = OFF : le produit est masqué du site public mais reste dans votre catalogue.

Image

Glissez-déposez ou cliquez pour uploader une image JPG, PNG ou WebP. L'image est automatiquement :

  • Redimensionnée à 1 200 × 1 200 px maximum
  • Convertie en WebP
  • Limitée à 800 Ko après redimensionnement

L'image s'affiche sur la vignette produit et dans la vue détail sur le site public. Pour retirer une image existante : cliquez Retirer l'image, puis enregistrez.

Ingrédients

Sélecteur multiple depuis la liste d'ingrédients de votre établissement. Les ingrédients sélectionnés apparaissent dans le panneau détail dépliable du produit sur le site public. La liste des ingrédients est actuellement gérée via Supabase Studio — un éditeur dédié est prévu dans une prochaine version.

Allergènes

Sur chaque ingrédient, une case à cocher active le marquage allergène. Dès qu'un allergène est coché sur un ingrédient assigné au produit, la fiche produit publique affiche automatiquement le badge allergène correspondant (ex. « Gluten », « Lactose »). Aucune gestion manuelle des badges n'est nécessaire.

Desktop previewFiche produit sur le site public avec les badges allergènes Gluten et Lactose affichés
Fiche produit sur le site public avec les badges allergènes Gluten et Lactose affichés

Description vs Ingrédients — quelle différence ?

DescriptionIngrédients
TypeTexte libre marketingListe structurée
AffichéSous le nom du produitDans le panneau détail dépliable
RôleAccroche clientAlimente les badges allergènes

Les deux peuvent coexister sur un même produit.

La déclaration des allergènes est réglementée par la loi (règlement UE n° 1169/2011). Vérifiez chaque case à cocher avec soin avant de publier un produit.

Un produit sans catégorie s'affiche sous « Sans catégorie » sur le site public — il reste visible. Assignez-lui une catégorie dès que possible pour maintenir un menu ordonné.