Module met vakje voor kopen

In dit artikel worden koopblokmodules beschreven en wordt uitgelegd hoe u ze toevoegt aan sitepagina's in Microsoft Dynamics 365 Commerce.

De term buy box verwijst doorgaans naar het gebied van een productdetailspagina (PDP) die 'boven de vouw' staat. Het host alle belangrijkste informatie die een klant nodig heeft om een productaankoop te doen. Een gebied dat 'boven de vouw' staat, is zichtbaar wanneer de pagina voor het eerst wordt geladen, zodat gebruikers niet omlaag hoeven te schuiven om deze te zien.

Een buy box module is een speciale container die als host fungeert voor alle modules die worden weergegeven in het koopvak van een productgegevenspagina.

De URL van een pagina met productgegevens bevat de product-id. De product-id bevat alle informatie die nodig is om een koopboxmodule weer te geven. Als u geen product-id opgeeft, wordt de koopboxmodule niet correct weergegeven op een pagina. Daarom kunt u een koopboxmodule alleen gebruiken op pagina's met productcontext. Als u deze wilt gebruiken op een pagina die geen productcontext heeft (bijvoorbeeld een startpagina of marketingpagina), moet u aanvullende aanpassingen uitvoeren.

De volgende afbeelding toont een voorbeeld van een koopvakmodule op een pagina met productgegevens.

Eigenschappen en vakken van de koopvakmodule

Op een pagina met productdetails wordt een koopvak onderverdeeld in twee regio's: een mediagebied aan de linkerkant en een inhoudsregio aan de rechterkant. Standaard is de verhouding tussen de breedte van de mediakolom en de breedte van de inhoudskolom 2:1. Op mobiele apparaten worden de twee regio's gestapeld, zodat één regio onder de andere regio wordt weergegeven. U kunt thema's gebruiken om de kolombreedten en de positie van de stapeling aan te passen.

Met een koopvakmodule worden titel, omschrijving, prijs en waardering van een product weergegeven. Het biedt klanten ook de mogelijkheid om productvarianten te selecteren die andere productkenmerken hebben, zoals grootte, stijl en kleur. Wanneer een klant een productvariant selecteert, werkt de module andere eigenschappen bij in het koopvak (bijvoorbeeld de productbeschrijving en afbeeldingen) om de variantinformatie weer te geven.

Er wordt een hoeveelheidsselectie weergegeven, zodat klanten kunnen opgeven hoeveel artikelen ze willen kopen. De site-instellingen definiëren de maximale hoeveelheid die een klant kan kopen.

In het koopvak kunnen klanten ook acties uitvoeren, zoals het toevoegen van een product aan de winkelwagen, het toevoegen van een product aan hun verlanglijst en het selecteren van een ophaallocatie. Deze acties kunnen worden uitgevoerd voor een product of een productvariant. Om een product aan een verlanglijst toe te voegen, moet de klant zijn aangemeld.

U kunt thema's gebruiken om de volgorde van koopboxproducteigenschappen en actiebesturingselementen te verwijderen of te wijzigen.

Module-eigenschappen

• Koptekstlabel: deze eigenschap bepaalt het koptekstlabel voor de producttitel. Als het koopvak zich boven aan de pagina bevindt, stelt u deze eigenschap in op h1 om te voldoen aan de toegankelijkheidsstandaarden.

• Aanbevelingen voor vergelijkbare artikelen inschakelen: met deze eigenschap kan het koopvak koppelingen naar producten bevatten die lijken op het weergegeven artikel. Deze functie is beschikbaar in Commerce-versies 10.0.13 en hoger.

Modules die u in een buy box-module kunt gebruiken

• Mediagalerie : gebruik deze module om afbeeldingen van een product weer te geven op een productdetailspagina. Zie Module Mediagalerie voor meer informatie over deze module.
• Winkelkiezer : gebruik deze module om een lijst weer te geven met winkels in de buurt waar een item beschikbaar is voor ophalen. Hiermee kunnen gebruikers een locatie invoeren om te zoeken naar winkels in de buurt. Zie Winkelselectiemodule voor meer informatie over deze module.
• Sociale share - Voeg deze module toe aan het koopvak, zodat gebruikers productinformatie op sociale media kunnen delen. Zie Module voor sociaal delen voor meer informatie.

Instellingen voor koopvakmodule

U kunt de volgende instellingen voor buy box-modules configureren bij Site-instellingen > Extensies:

• Limiet voor regelaantal winkelwagen - Gebruik deze eigenschap om het maximum aantal items op te geven dat aan de winkelwagen kan worden toegevoegd. Een detailhandelaar kan bijvoorbeeld besluiten dat slechts 10 stuks van elk product in één transactie mogen worden verkocht.
• Voorraad: zie Voorraadinstellingen toepassen voor informatie over het toepassen van voorraadinstellingen.
• Product toevoegen aan winkelwagen: zie Product toevoegen aan winkelwageninstellingen voor informatie over het toepassen van Product toevoegen aan winkelwageninstellingen.

Extensies van moduledefinitie voor koopvak in het Adventure Works-thema

De koopvakmodule die door het Adventure Works-thema wordt verstrekt, heeft een moduledefinitie-extensie die de implementatie van een module voor productspecificaties in een accordeonmodule in een PDP-inkoopvak ondersteunt. Als u productspecificatiekenmerken in een PDP-koopvak wilt weergeven, voegt u een productspecificatiemodule toe aan de slot voor de accordeonmodule in de slot van het koopvak.

Interactie met Commerce Scale Unit

De buy box-module haalt productinformatie op met behulp van Commerce Scale Unit Application Programming Interfaces (API's). Het gebruikt de product-ID van de productdetailpagina om alle productinformatie op te halen.

Een koopvakmodule toevoegen aan een pagina

Als u een buy box-module wilt toevoegen aan een nieuwe pagina en de vereiste eigenschappen wilt instellen, voert u de volgende stappen uit:

1. Ga naar Fragmenten en selecteer Nieuw om een nieuw paginafragment te maken.
2. Selecteer in het dialoogvenster Nieuw fragment de module Koopvak.
3. Voer onder Naam fragment de naam Koopvakfragment in en selecteer OK.
4. Selecteer in het vak Mediagalerie van de koopvakmodule het weglatingsteken (...) en selecteer vervolgens Module toevoegen.
5. Selecteer in het dialoogvenster Module selecteren de module Mediagalerie en selecteer vervolgens OK.
6. Selecteer in het vak Winkelselectie van de koopvakmodule het weglatingsteken (...) en selecteer vervolgens Module toevoegen.
7. Selecteer in het dialoogvenster Modules selecteren de module Winkelselectie en selecteer vervolgens OK.
8. Selecteer Opslaan, selecteer Bewerken voltooien om het fragment te controleren en selecteer Publiceren om het te publiceren.
9. Ga naar Sjablonen en selecteer Nieuw om een nieuwe sjabloon te maken.
10. Voer in het dialoogvenster Nieuwe sjabloon onder SjabloonnaamPDP-sjabloon in en selecteer vervolgens OK.
11. Selecteer het beletselteken (...) in het vak Hoofdtekst en selecteer vervolgens Module toevoegen.
12. Selecteer in het dialoogvenster Modules selecteren de module Standaardpagina en selecteer vervolgens OK.
13. Selecteer in het vak Hoofd van de standaardpagina de knop met het weglatingsteken (...) en vervolgens Fragment toevoegen.
14. Selecteer in het dialoogvenster Een fragment selecteren het fragment Koopvakfragment dat u hebt gemaakt en selecteer vervolgens OK.
15. Selecteer Opslaan, selecteer Bewerken voltooien om de sjabloon in te checken en selecteer Publiceren om te publiceren.
16. Ga naar Pagina's en selecteer Nieuw om een nieuwe pagina te maken.
17. Voer in het dialoogvenster Een nieuwe pagina maken onder Paginanaam een PDP-pagina in en selecteer vervolgens Volgende.
18. Selecteer onder Een sjabloon kiezenPDP-sjabloon en selecteer vervolgens Volgende.
19. Selecteer onder Een indeling kiezen een pagina-indeling (bijvoorbeeld Flexibele indeling) en selecteer vervolgens Volgende.
20. Controleer de paginaconfiguratie onder Controle en voltooien. Selecteer Terug als u de pagina-informatie wilt bewerken. Als de paginagegevens juist zijn, selecteert u Pagina maken.
21. Selecteer in het vak Hoofd van de nieuwe pagina de knop met het weglatingsteken (...) en vervolgens Fragment toevoegen.
22. Selecteer in het dialoogvenster Een fragment selecteren het fragment Koopvakfragment dat u hebt gemaakt en selecteer vervolgens OK.
23. Sla de pagina op en bekijk een voorbeeld. Voeg de parameter voor de querytekenreeks ?productid=<product id> toe aan de URL van de voorbeeldpagina. Op die manier wordt de productcontext gebruikt om de voorbeeldpagina te laden en weer te geven.
24. Selecteer Opslaan, selecteer Bewerken voltooien om de pagina in te checken en selecteer Publiceren om te publiceren. Op de pagina met productgegevens moet nu het koopvak worden weergegeven.

Aanvullende bronnen

Overzicht van modulebibliotheek

Winkelselectiemodule

Module Mediagalerie

Containermodule

Winkelwagenmodule

Kassamodule

Orderbevestigingsmodule

Koptekstmodule

Voettekstmodule

Module voor sociaal delen

Product toevoegen aan winkelwageninstellingen

Voorraadbeschikbaarheid voor Retail-kanalen berekenen

Updates voor SDK's en modulebibliotheken