En naviguant vers la gestion des illustrations (Tableaux racines > Illustrations), vous pouvez personnaliser l’aspect et la convivialité de votre site de commande avec des illustrations. Les illustrations que vous uploadez ici peuvent être utilisées à différents endroits sur votre site. Découvrez ci-dessous la procédure à suivre.

Étape 1. Choisissez d’abord dans le menu déroulant ce pour quoi vous voulez uploader une illustration. Les options suivantes vous sont proposées :

• Page header (En-tête de page) : Vous pouvez uploader ici des illustrations que vous voulez utiliser dans les en-têtes de page. Ces illustrations sont réactives, ce qui signifie qu’elles sont adaptées à l’appareil que la personne utilise. L’image se présente ainsi différemment sur un téléphone que sur un ordinateur portable. Pour cette raison, assurez-vous que l’image ne contienne pas de texte, cette fonction risquant de le rendre illisible. 
• Product (Produit) : Ajoutez ici des illustrations à des produits. Elles seront utilisées pour l’affichage sous forme de vignettes. Nous conseillons un fichier png dont les dimensions sont de 300x300 px. Pour ajouter une illustration à un produit, commencez par le rechercher (sur son nom ou son numéro). Choisissez ensuite l’illustration. Cette illustration est aussi affichée dans le menu d’info déroulant au cas où vous n’utilisez pas l’affichage sous forme de vignettes. 
• Logo Left (gauche) : L’illustration que vous placez ici s’affiche en haut à gauche de la page. Elle est visible uniquement pour le compte administrateur/point de production de la page ainsi que pour les utilisateurs banqueting lorsque l’affichage mobile n’est pas utilisé (donc à partir de la version desktop).
• Logo Right (droite) : Voir logo left, mais cette fois en haut à droite de la page.
• Background (Arrière-plan) : Cette illustration s’affichera sur toute la page en tant qu’illustration d’arrière-plan.
• User tekst (texte utilisateur) : Cette fonctionnalité n’est pas encore disponible. 
• Category (Catégorie) : Vous permet d’ajouter des illustrations aux (sous-)catégories. Nous conseillons un fichier png dont les dimensions sont de 300x300 px. Ces illustrations sont présentées dans l’affichage mobile.
• CategoryProductHeader : Vous permet d’ajouter des illustrations aux (sous-)catégories. Ces illustrations sont présentées sous la forme d’en-têtes lorsqu’on a cliqué sur une catégorie. Nous conseillons un fichier png dont les dimensions sont de 680x400 px. Voir aussi Écran de commande pour de plus amples explications des différents niveaux.
• Mobile Logo (Logo mobile) : Cette illustration (carrée) s’affiche en haut de l’écran dans l’écran de commande et l’écran d’acquittement lorsque des utilisateurs sont connectés et utilisent l’affichage mobile. Les dimensions maximales peuvent être de 45x45 px.

Étape 2. Pour certaines des catégories, vous devez parcourir encore une étape supplémentaire. Ainsi, pour ‘Produit’, vous choisirez préalablement le produit pour lequel vous voulez définir une illustration.

Étape 3. Choisissez une illustration en cliquant sur ‘Bestand kiezen’ (Choisir fichier). Vous ouvrez ainsi le dossier fichiers de votre ordinateur. Veillez donc à avoir enregistré localement les illustrations souhaitées.

Lorsque vous avez ouvert un fichier, vous verrez apparaître après le bouton ‘Bestand kiezen’ (Choisir fichier) le nom du fichier.

• Attention ! Les illustrations peuvent peser un maximum d’1 Mo. Les illustrations plus lourdes ne peuvent pas être chargées. 

Étape 4. Cliquez sur ‘Ok’ pour charger le fichier. Dans le cadre vert en bas de la page, vous voyez quelles illustrations sont disponibles pour la catégorie concernée. Vous voyez ainsi dans les En-têtes de page toutes les illustrations que vous avez déjà chargées, et dans les produits, vous voyez quelle illustration est chargée pour chaque produit. À titre d’exemple, vous verriez pour le produit ‘Banane’ l’illustration suivante :

Vous pouvez de cette manière ajouter autant d’illustrations que vous voulez.

Attention ! Pour les En-têtes de page, ajoutez uniquement les illustrations. Vous devez pour ce faire encore spécifier quelle illustration doit être utilisée où. Suivez à cet effet les étapes dans l’article : Tableaux racines 12Order – En-têtes de page. 

Supprimer une illustration 

Pour supprimer une illustration, cliquez dans le même cadre sur l’illustration que vous voulez supprimer. La fenêtre contextuelle suivante s’affiche alors