> ## Documentation Index
> Fetch the complete documentation index at: https://docs.now-os.app/llms.txt
> Use this file to discover all available pages before exploring further.

# La disposition de la caisse

> Organisez vos articles en écrans et tuiles dans le backoffice : c'est exactement la grille que votre équipe verra sur la caisse.

La grille de boutons que votre équipe touche sur la caisse se construit ici, dans le backoffice. Vous y décidez quels articles apparaissent, sur quel écran, dans quel ordre et avec quelle taille de tuile. Cette page s'applique aux deux modes — seuls les libellés changent : en mode restaurant, l'éditeur s'appelle **Menus & screens** (titre **Menu Builder**) dans la section **Menu & Catalog** ; en mode boutique, il s'appelle **POS layout** dans la section **Catalog**. Pour la différence entre les deux modes, voir [les modes](/fr/modes).

## Le principe : écrans et tuiles

Deux notions suffisent :

* Un **écran** (screen) est une page de la caisse. Chaque établissement a un écran d'accueil (**Home screen**), et vous pouvez créer des sous-écrans — par exemple « Boissons chaudes » ou « Desserts ».
* Une **tuile** (tile) est un bouton posé sur un écran. Il en existe deux sortes :
  * une **tuile article** (**Item tile**, **Product tile** en mode boutique) : toucher la tuile sur la caisse ajoute l'article à la commande ;
  * une **tuile catégorie** (**Category tile**) : toucher la tuile ouvre un autre écran.

Les écrans s'emboîtent sur **trois niveaux maximum** (l'accueil plus deux niveaux de sous-écrans), pour que votre équipe retrouve chaque article en deux touches au plus.

<Note>
  Un article créé dans le catalogue n'apparaît sur la caisse que s'il est posé
  comme tuile sur un écran accessible depuis l'accueil. La colonne **On menu**
  de la bibliothèque d'articles vous signale ceux qui restent à placer — voir
  [le menu et les articles](/fr/backoffice/menu).
</Note>

## L'éditeur en trois panneaux

* **À gauche, Screens** : l'arborescence de vos écrans, avec le nombre de tuiles de chacun. Cliquez sur un écran pour l'ouvrir au centre.
* **Au centre, l'aperçu** (**POS preview**) : la reproduction fidèle de l'écran tel qu'il s'affichera sur la caisse, avec sa grille de quatre colonnes. Un fil d'Ariane au-dessus permet de remonter d'un écran à l'autre. Cliquez sur une tuile pour la régler, double-cliquez sur une tuile catégorie pour entrer dans son écran.
* **À droite, Library** : la bibliothèque depuis laquelle vous ajoutez des tuiles. Quand une tuile est sélectionnée, ce panneau devient l'inspecteur de la tuile.

## Plusieurs menus

Un établissement peut avoir plusieurs menus — par exemple un menu **Déjeuner** et un menu **Dîner**. Chaque menu a ses propres écrans et ses propres tuiles ; ils sont totalement indépendants. Sur la caisse, votre équipe affiche un menu à la fois et bascule de l'un à l'autre d'une touche, voir [prendre une commande](/fr/pos/taking-orders).

La barre **Menus**, en haut de l'éditeur, liste vos menus. Le menu sélectionné est mis en avant ; tout ce que vous voyez en dessous — l'arborescence, l'aperçu, la bibliothèque — concerne ce menu.

* **Changer de menu** : cliquez sur son nom dans la barre.
* **Ajouter un menu** : le bouton **+ Menu** crée un nouveau menu avec un écran d'accueil vide, puis l'ouvre. Donnez-lui ensuite son nom.
* **Renommer un menu** : ouvrez-le, puis cliquez sur son nom ou sur le crayon au-dessus de l'aperçu. Le champ passe en mode **Édition** et sélectionne le nom actuel. Saisissez le nouveau nom, puis validez avec la coche ou la touche Entrée ; Échap annule la saisie.

<Warning>
  Supprimer un menu (**Delete menu** dans ses réglages) supprime tous ses écrans
  et toutes leurs tuiles. Un établissement doit garder au moins un menu : le
  dernier ne peut pas être supprimé.
</Warning>

## Ajouter des tuiles à un écran

<Steps>
  <Step title="Ouvrez l'écran à remplir">
    Sélectionnez-le dans l'arborescence **Screens** ou naviguez dans l'aperçu.
  </Step>

  <Step title="Choisissez dans la Library">
    Le panneau de droite propose deux onglets : **Items** (**Products** en mode
    boutique) pour les articles, et **Screens** pour les écrans. La barre
    **Search library…** filtre par nom.
  </Step>

  <Step title="Cliquez sur un article ou un écran">
    Il est ajouté en fin de grille. Une coche **Already on this screen** signale
    les articles déjà posés sur l'écran ouvert.
  </Step>
</Steps>

<Note>
  Le nom affiché sur une tuile est toujours celui de l'article ou de l'écran
  visé. Pour renommer une tuile, renommez l'article dans le catalogue ou l'écran
  dans ses réglages.
</Note>

## Créer des sous-écrans

Deux chemins mènent au même résultat :

* le bouton **Add subscreen** dans la carte de réglages de l'écran ouvert ;
* le bouton **New subscreen** dans l'onglet **Screens** de la Library.

Le nouvel écran est créé sous l'écran ouvert, et une tuile catégorie est posée automatiquement sur l'écran parent pour qu'il soit accessible tout de suite. Donnez-lui ensuite son vrai nom dans le champ **Name** de la carte de réglages ; la mention **Nested under …** rappelle son écran parent. Vous pouvez aussi lui attribuer une couleur avec le sélecteur **Color**.

Au-delà de trois niveaux, le bouton se désactive et un message **Maximum depth reached** apparaît.

<Warning>
  Supprimer un écran (icône corbeille dans sa carte de réglages) supprime aussi
  tous ses sous-écrans et toutes leurs tuiles. L'écran d'accueil ne peut pas
  être supprimé.
</Warning>

## Régler une tuile

Cliquez sur une tuile dans l'aperçu : le panneau de droite devient son inspecteur.

* **Width** : la largeur de la tuile, de **1 col** à **4 cols**. La grille de la caisse compte quatre colonnes ; une tuile de 4 colonnes occupe donc toute la largeur — pratique pour mettre en avant vos meilleures ventes.
* **Position** : les boutons **Up** et **Down** déplacent la tuile dans la grille.
* **Open this screen** (tuile catégorie) : ouvre l'écran visé dans l'éditeur.
* **Open in catalog** (tuile article) : ouvre la bibliothèque d'articles pour modifier l'article lui-même.
* **Remove tile** : retire la tuile de l'écran. L'article ou l'écran visé n'est pas supprimé, seule la tuile disparaît.

## Les couleurs

Chaque écran peut recevoir une couleur (sélecteur **Color** dans ses réglages), et chaque article aussi (champ **Color** de l'éditeur d'article). Sur la caisse, chaque tuile n'affiche que sa propre couleur : une tuile sans couleur reste sur le fond neutre, même si son écran est coloré. Colorer un écran ne teinte que sa tuile de catégorie, pas les articles qu'il contient.

## Ce que voit votre équipe sur la caisse

Sur la caisse, l'écran reproduit exactement votre aperçu : la même grille de quatre colonnes, les mêmes tuiles, dans le même ordre.

* Les tuiles article affichent le nom et le prix. Les toucher ajoute l'article à la commande en cours — voir [prendre une commande](/fr/pos/taking-orders).
* Les tuiles catégorie ouvrent leur écran ; une flèche retour en haut permet de remonter.
* Un écran sans tuile affiche « No buttons on this screen yet. Add some in the back office. »

## Publier vers les caisses

Vos changements s'enregistrent automatiquement dans un brouillon (badge
**Enregistrement du brouillon…** pendant l'enregistrement), mais les caisses
n'en voient rien tant que vous n'avez pas cliqué sur **Publier toutes les
modifications** dans l'en-tête global. La confirmation et l'actualisation
requise sur la caisse principale sont décrites dans [le menu et les
articles](/fr/backoffice/menu).

<Note>
  Les commandes déjà ouvertes gardent dans tous les cas les prix avec lesquels
  elles ont été créées.
</Note>
