Wanneer je navigeert naar het afbeeldingenbeheer Stamtabellen > Afbeeldingen, kan je de look en feel van je bestelsite customizen met afbeeldingen. De afbeeldingen die je hier uploadt zijn op verschillende plekken op je site te gebruiken. Lees hieronder welke stappen je moet zetten.

Stap 1. Je kiest eerst uit het drop-down menu waarvoor je een afbeelding wilt uploaden. Je hebt de keuze uit de volgende opties:

• Page header: Hier kun je afbeeldingen uploaden die je in de Page headers wil gebruiken. Deze zijn responsive, wat betekent dat ze afgestemd worden op het apparaat dat iemand gebruikt. Zo wordt het beeld dus anders op een telefoon dan op een laptop. Zorg daarom dat er geen tekst in de afbeelding staat, het kan zijn dat het door die functie onleesbaar wordt. 
• Product: Hier voeg je afbeeldingen toe aan producten. Deze worden gebruikt voor de tegelweergave. Aangeraden wordt een png-bestand met een afmeting van 300x300 px. Om een afbeelding aan een product toe te voegen, zoek je deze eerst op (op naam of nummer). Daarna kies je de afbeelding. Deze afbeelding wordt ook getoond in het uitklapbare info-menu in het geval je niet van tegelweergave gebruikmaakt. 
• Logo left: De afbeelding die je hier plaatst wordt linksboven op de pagina getoond. Dit is enkel zichtbaar voor het admin-/productiepunt-account van de pagina én voor banqueting-gebruikers wanneer je niet gebruik maakt van de mobiele weergave (en dus wel van de desktopversie).
• Logo Right: Zie logo left, maar dan rechtsboven aan de pagina.
• Background: Deze afbeelding zal over de gehele pagina getoond worden als achtergrondafbeelding.
• User tekst: Deze feature is nog niet beschikbaar. 
• Category: Hier kun je afbeeldingen toevoegen aan de (sub)categorieën. Aangeraden wordt een png-bestand met een afmeting van 300x300 px. Deze worden getoond in de mobiele weergave.
• CategoryProductHeader: Hier kun je afbeeldingen toevoegen aan de (sub)categorieën. Deze wordt getoond als header wanneer men een categorie aangeklikt heeft. Aangeraden wordt een png-bestand met een afmeting van 680x400 px. Zie ook Bestelscherm voor verdere toelichting van de verschillende niveaus.
• Mobile Logo: Deze (vierkante) afbeelding wordt getoond bovenaan in het scherm in het bestelscherm en afrekenscherm wanneer gebruikers ingelogd zijn en gebruik maken van de mobiele weergave. De afmetingen mogen maximaal 45x45 px zijn.

Stap 2. Bij sommige van de categorieën moet je nog een extra stap zetten. Zo kies je bij 'Product' eerst het product waarvoor je een afbeelding wil instellen. Als je een afbeelding wil toevoegen aan een subcategorie, selecteer je eerst de hoofdcategorie met het pijltje aan de rechterkant. Door op het pijltje te klikken, verschijnt de subcategorie zoals onderstaand afgebeeld. 

Door de subcategorie te selecteren, kun je een afbeelding toekennen.

Stap 3. Je kiest een afbeelding door op 'Bestand kiezen' te klikken. Hiermee open je de Bestanden-map op jouw computer. Zorg dus dat je de gewenste afbeeldingen lokaal hebt opgeslagen.  

Als je een bestand hebt geopend, zie je achter de knop 'Bestand kiezen' de naam van het bestand verschijnen.

• Let op! Afbeeldingen mogen maximaal 1MB zijn. Grotere afbeeldingen kunnen niet worden ingeladen. 

Stap 4. Klik op 'Ok' om het bestand in te laden. In het groene kader aan de onderkant van de pagina zie je welke afbeeldingen er beschikbaar zijn voor de betreffende categorie. Zo zie je bij Page headers alle afbeeldingen die je al eens hebt ingeladen, en bij producten zie je per product welke afbeelding daarvoor is ingeladen. Als voorbeeld zou je bij het product 'Banaan' het volgende zien:

Je kan op deze manier zo veel mogelijk afbeeldingen toevoegen als je wil.

Let op! Voor Page headers voeg je alleen de afbeeldingen toe. Hiervoor moet je echter nog wel instellen welke afbeelding waar gebruikt dient te worden. Volg daarvoor de stappen in het artikel: 12Order stamtabellen - Page headers. 

Afbeelding verwijderen 

Om een afbeelding te verwijderen klik je in hetzelfde kader op de afbeelding die je wilt verwijderen. Je krijgt dan het volgende pop-upscherm: