Editorstijlen selecteren en wisselen om afgedrukte bonnen voor je Shopify POS aan te passen

Je kunt de template voor je afgedrukte bonnen aanpassen met de visuele editor of de code-editor.

De POS-editor gebruikt standaard de indeling van de visuele editor, maar je kunt handmatig kiezen voor de code-editor om toegang te krijgen tot geavanceerdere aanpassingsopties voor je afgedrukte bonnen.

Aandachtspunten

Neem de volgende overwegingen door voor het selecteren van een editor om je afgedrukte bonnen aan te passen en voor het schakelen tussen editorstijlen in de POS-editor voor je POS Pro-locaties.

Aandachtspunten voor het selecteren van een editor

Neem de volgende verschillen tussen de editors door:

  • Aanpassingen die in de visuele editor zijn gemaakt, zijn van toepassing op alle soorten afgedrukte bonnen, zoals verkoopbonnen, aankoopbewijzen van cadeaus en retour- en omruilbonnen. Je kunt de code-editor gebruiken om specifieke soorten bonnen aan te passen.
  • Wanneer je een aanpassing opslaat met de visuele editor of de code-editor, zijn de wijzigingen alleen van toepassing op de geselecteerde locatie.
  • Wanneer de code-editor actief is, kun je vanuit Shopify POS geen aanpassingen doen aan je bontemplate.
  • Open afdrukopties rechtstreeks in de visuele editor, of via de instellingen van het Point of Sale-kanaal of Shopify POS wanneer de code-editor actief is.

Lees meer over de aandachtspunten voor het gebruik van de visuele editor voor bonnen en de aandachtspunten voor het gebruik van de code-editor voor bonnen.

Aandachtspunten voor het wisselen tussen editors

Je kunt wisselen tussen de visuele editor en de code-editor om je afgedrukte bonnen aan te passen. Neem de volgende aandachtspunten voor het wisselen van code-editors door:

  • De actieve editor is tegelijkertijd van toepassing op je Shopify-beheercentrum en de Shopify POS-app. Als je bijvoorbeeld in je Shopify-beheercentrum overschakelt naar de code-editor en vervolgens je POS-app opent, worden de beschikbare instellingen weergegeven in de Shopify POS-app.
  • Je kunt alleen vanuit het Shopify-beheercentrum tussen de editors wisselen.
  • Je kunt de code-editor alleen gebruiken in je Shopify-beheercentrum op een desktop.
  • De code-editor is alleen van toepassing op POS Pro-locaties. Als je de code-editor gebruikt en locaties zonder POS Pro hebt, kun je voor die locaties alleen de visuele editor gebruiken om de kop- en voettekst aan te passen.
  • De code-editor is niet beschikbaar voor locaties in Italië of Frankrijk.
  • De stappen om te wisselen tussen de editors verschillen iets, afhankelijk van of al je POS-locaties in aanmerking komen voor de code-editor, of slechts een aantal, bijvoorbeeld als sommige van je POS-locaties POS Pro niet gebruiken of gevestigd zijn in Italië of Frankrijk. Je kunt vanuit het Shopify-beheercentrum bekijken welke van je POS-locaties een POS Pro-abonnement hebben.
  • Je aanpassingen worden voor elke editor afzonderlijk opgeslagen en blijven behouden wanneer je van editor wisselt. Als je bijvoorbeeld in de visuele editor SKU-informatie aan je bonnen toevoegt en vervolgens overschakelt naar de code-editor, wordt de SKU niet op je bonnen weergegeven. Schakel je echter terug naar de visuele editor, dan is de instelling om de SKU weer te geven nog steeds geactiveerd in de visuele editor en wordt de SKU wel weergegeven op je bonnen.

POS Pro-locaties overschakelen naar de code-editor

Je kunt overschakelen naar de code-editor om met HTML, CSS en Liquid wijzigingen aan te brengen in je templates voor afgedrukte bonnen.

Je moet minstens 1 locatie met het Shopify POS Pro-abonnement hebben om de code-editor te kunnen gebruiken. Als je de code-editor gebruikt en alleen locaties zonder POS Pro hebt, kun je de visuele editor gebruiken om de kop- en voettekst voor die locaties aan te passen. Meer informatie over het gebruik van de code-editor.

De stappen om te wisselen tussen de editors verschillen iets, afhankelijk van of al je POS-locaties in aanmerking komen voor de code-editor, of slechts een aantal, bijvoorbeeld als sommige van je POS-locaties POS Pro niet gebruiken of gevestigd zijn in Italië of Frankrijk.

Stappen:

Alle POS Pro-locaties
  1. Ga in het Shopify-beheercentrum naar Point of Sale > Instellingen.

  2. Klik in de sectie Aanpassingen op Afgedrukte bonnen om de POS-editor te openen.

  3. Klik op het pictogram Secties in de linkerzijbalk.

  4. Klik op Code bewerken.

  5. Bewerk in het dialoogvenster Code voor afgedrukte bonnen bewerken de code die je wilt wijzigen.

  6. Klik op Opslaan.

  7. Optioneel: ga terug in je browservenster om meer Shopify POS-pagina's te bewerken met de POS-editor.

Met Lite-locaties of locaties in Italië
  1. Ga in het Shopify-beheercentrum naar Point of Sale > Instellingen.

  2. Klik in de sectie Aanpassingen op Afgedrukte bonnen om de POS-editor te openen.

  3. Klik op de pagina Bonaanpassing op Code-editor.

POS Pro-locaties terugschakelen naar de visuele editor

Je kunt overschakelen naar de visuele editor om vooraf ingestelde aanpassingen te maken in je templates voor afgedrukte bonnen. Meer informatie over het gebruik van de visuele editor.

De stappen om te wisselen tussen de editors verschillen iets, afhankelijk van of al je POS-locaties in aanmerking komen voor de code-editor, of slechts een aantal, bijvoorbeeld als sommige van je POS-locaties POS Pro niet gebruiken of gevestigd zijn in Italië of Frankrijk.

Stappen:

Alle POS Pro-locaties
  1. Ga in het Shopify-beheercentrum naar Point of Sale > Instellingen.

  2. Klik in de sectie Aanpassingen op Afgedrukte bonnen om de POS-editor te openen.

  3. Klik op de pagina Bonaanpassing op Je bonnen aanpassen.

  4. Klik op Code bewerken.

  5. Klik op het pictogram Meer acties > Overschakelen naar visuele editor.

  6. Klik in het dialoogvenster Overschakelen naar visuele editor op Wisselen om te bevestigen.

Met Lite-locaties of locaties in Italië
  1. Ga in het Shopify-beheercentrum naar Point of Sale > Instellingen.

  2. Klik in de sectie Aanpassingen op Afgedrukte bonnen om de POS-editor te openen.

  3. Klik op de pagina Bonaanpassing op Code-editor.

  4. Klik op het pictogram Meer acties > Overschakelen naar visuele editor.

  5. Klik in het dialoogvenster Overschakelen naar visuele editor op Wisselen om te bevestigen.