Een badgegroep maken (buiten de productafbeelding)

Kies Outside product image als de groep in de kolom met productinformatie moet staan, bijvoorbeeld onder de prijs of onder de knop voor in de winkelwagen, in plaats van over de foto heen. Dit past bij vertrouwens- en verzendbadges die bij de koopgegevens horen.

Opmerking

Maak eerst je badges aan in Badges & Labels. De groep bundelt alleen badges die al bestaan.

1. Open Badge groups

   Open in je Shopify-beheer Sami Product Labels en klik in de zijbalk van de app op Badge groups.

   

   Badge groups staat in de zijbalk tussen Badges & Labels en Extra Features.

2. Klik op Create badge group

   In een lege winkel zie je Create your first badge group. Klik op Create badge group om de editor te openen.

3. Selecteer Outside product image

   Kies bovenaan het tabblad Design de optie Outside product image. De knop Label Selection verandert in Add badges to group en in de sectie Design verschijnt een menu Badge group replacement.

   

   Outside product image plaatst de groep in de kolom met productinformatie.

4. Geef de groep een naam

   De groep heet standaard Label group. Open het menu … boven het voorbeeld, klik op Rename en typ een naam van maximaal 50 tekens, bijvoorbeeld “Checkout trust badges”.

5. Voeg badges toe aan de groep

   Klik in Label Selection op Add badges to group. Zoek op naam, vink de gewenste badges aan en klik op Select.

   

   Vink elke badge aan die je wilt opnemen en klik op Select.

6. Kies waar de groep op de pagina verschijnt

   Open in de sectie Design het menu Badge group replacement en kies het element op de productpagina waaraan de groep wordt gekoppeld. De standaardoptie is Below the product price. Het menu biedt dezelfde ankerpunten als voor losse badges. Zie De positie van een badge wijzigen voor de volledige lijst.

   Gebruik daarna Predefined position om de groep left, center of right binnen dat element uit te lijnen.

   

   Kies een element op de productpagina en lijn de groep daarbinnen uit.

7. Ontwerp de groep

   Stel in hoe de badges samen worden weergegeven:

   Instelling	Wat het bepaalt
   Select layout	Horizontal of Vertical stapelen.
   Item size	De grootte van elke badge, als percentage of vaste waarde.
   Label gap	De ruimte tussen badges, in pixels.
   Margin	De afstand boven, onder, links en rechts van de omringende inhoud.

   Bekijk het live voorbeeld rechts. Gebruik het menu Product page / Collection page en de bureaublad- en mobiele pictogrammen om te controleren of de groep in elke context op de verwachte plek staat.

8. Voeg eigen CSS toe (optioneel)

   Vouw Advance Section uit om je eigen CSS toe te voegen. Dat is handig als de ruimte die je thema rond het gekozen element laat, een kleine aanpassing nodig heeft.

9. Kies hoe de groep wordt getarget

   Ga naar het tabblad Placement en kies een Condition type:

   Optie	Gedrag
   Keep individual badge conditions	Elke badge wordt getoond of verborgen volgens zijn eigen targetingregels.
   Set a custom group condition	Negeert de afzonderlijke regels en gebruikt één voorwaarde voor de hele groep.

   Als je de tweede optie kiest, verschijnen de voorwaarden Product, Customer, Page, Language, Country en Other voor de groep. Zie Groepsvoorwaarden instellen.

   

   Gebruik een aangepaste groepsvoorwaarde als de hele set één regel moet volgen.

10. Sla de groep op

    Klik rechtsboven op Save. De groep verschijnt direct op overeenkomende productpagina’s.

Opgepast

Als de groep niet verschijnt waar je dat verwacht, maakt je thema het gekozen element mogelijk niet beschikbaar. Probeer een andere optie bij Badge group replacement of gebruik een themaselector, zoals beschreven in De positie van een badge wijzigen.

Volgende stappen

• Een labelgroep maken (op de productafbeelding): plaats in plaats daarvan een groep over de productfoto.
• Overzicht van badgegroepen: wat elke instelling in de editor doet.
• De positie van een badge wijzigen: de volledige lijst met ankerpunten op de productpagina.