Delen via


Module Mediagalerie

Opmerking

De Retail Interest Group by Dynamics 365 Commerce is verplaatst van Yammer naar Viva Engage. Als u geen toegang hebt tot de nieuwe Viva Engage-community, vult u dit formulier (https://aka.ms/JoinD365commerceVivaEngageCommunity) in om te worden toegevoegd en betrokken te blijven bij de nieuwste discussies.

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

Met mediagaleriemodules worden een of meer afbeeldingen weergegeven in een galerieweergave. Mediagaleriemodules ondersteunen miniatuurafbeeldingen, die u horizontaal kunt rangschikken (als een rij onder de afbeelding) of verticaal (als een kolom naast de afbeelding). Mediagaleriemodules bieden ook mogelijkheden waarmee afbeeldingen kunnen worden ingezoomd (vergroot) of weergegeven in de modus volledig scherm. Als u een afbeelding wilt weergeven in een mediagaleriemodule, moet u de afbeelding toevoegen aan de mediabibliotheek van de commercesitebouwer. Momenteel worden in mediagaleriemodules alleen afbeeldingen ondersteund.

In de standaardmodus gebruikt een mediagaleriemodule de product-id die beschikbaar is in de paginacontext van een productdetailspagina (PDP) om de bijbehorende productafbeeldingen weer te geven. In het hoofdkantoor van Commerce moet u een mediabestandspad voor alle producten definiëren. Upload vervolgens afbeeldingen naar de mediabibliotheek van de sitebouwer op basis van het bestandspad dat u hebt gedefinieerd voor de producten in het hoofdkantoor van Commerce. Deze afbeeldingen bevatten afbeeldingen voor producten en eventuele productvarianten. Zie Afbeeldingen uploaden voor meer informatie over het uploaden van afbeeldingen naar de mediabibliotheek van Site Builder.

Een mediagaleriemodule kan ook als host fungeren voor een geselecteerde set afbeeldingen op een pagina een met afbeeldingengalerie, waar er geen afhankelijkheden zijn voor de product-id of paginacontext. In dit geval moet u afbeeldingen uploaden naar de mediabibliotheek van sitebouwer en deze opgeven in de sitebouwer.

Hier volgen enkele gebruiksvoorbeelden voor mediagaleriemodules:

  • Productafbeeldingen renderen op een PDP
  • Productafbeeldingen op een productmarketingpagina renderen
  • Een geselecteerde set afbeeldingen tonen op een marketingpagina, zoals een galeriepagina

In het voorbeeld in de volgende afbeelding host een koopvak op een PDP productafbeeldingen met behulp van een mediagaleriemodule.

Schermopname van een aankoopvak op een pagina met productdetails waarop productafbeeldingen worden gehost met behulp van een mediagaleriemodule.

Naam van eigenschap. Waarden Beschrijving
Bron afbeelding Paginacontext of Product-id De standaardwaarde is Paginacontext. Als u Paginacontext selecteert, verwacht de module dat de pagina de product-id-informatie opgeeft. Als u Product-id selecteert, moet u de product-id voor een afbeelding opgeven als de waarde van de eigenschap Product-id . Deze mogelijkheid is beschikbaar in Commerce versie 10.0.12.
Product-ID Een product-id Deze eigenschap is alleen van toepassing als de waarde van de eigenschap AfbeeldingsbronProduct-id is.
Inzoomen op afbeelding Inline of Container Met deze eigenschap kan de gebruiker afbeeldingen in de module mediagalerie in- of uitzoomen. U kunt inzoomen op een afbeelding, hetzij inline of in een afzonderlijke container naast de afbeelding. Deze mogelijkheid is beschikbaar in 10.0.12.
Zoomfactor Een decimaal getal Met deze eigenschap geeft u de schaalfactor voor het zoomen van afbeeldingen op. Als u bijvoorbeeld de waarde instelt op 2,5, worden afbeeldingen 2,5 keer vergroot.
Volledig scherm True of False Met deze eigenschap wordt aangegeven of gebruikers afbeeldingen in de modus Volledig scherm kunnen bekijken. In de modus Volledig scherm kunnen gebruikers ook afbeeldingen verder vergroten als de zoomfunctie is ingeschakeld. Deze mogelijkheid is beschikbaar in de Commerce-versie 10.0.13.
Kwaliteit van ingezoomde afbeelding Een getal van 1 tot en met 100 dat een percentage aangeeft en dat is geselecteerd met behulp van een schuifregelaar Met deze eigenschap wordt de afbeeldingskwaliteit van ingezoomde afbeeldingen bepaald. Stel deze in op 100 procent om ervoor te zorgen dat een ingezoomde afbeelding altijd de hoogst mogelijke resolutie gebruikt. Deze eigenschap is niet van toepassing op PNG-bestanden omdat deze een verliesvrije bestandsindeling gebruiken. Deze mogelijkheid is beschikbaar vanaf de Commerce-versie 10.0.19.
Afbeeldingen Afbeeldingen die zijn geselecteerd in de mediabibliotheek van Site Builder Naast het weergeven van een product, kunt u afbeeldingen cureren voor een mediagaleriemodule. Deze afbeeldingen worden toegevoegd aan alle productafbeeldingen die beschikbaar zijn. Deze mogelijkheid is beschikbaar in Commerce versie 10.0.12.
Oriëntatie van miniatuur Verticaal of Horizontaal Met deze eigenschap geeft u op of miniatuurafbeeldingen worden weergegeven in een verticale strook of een horizontale strook.
Hoofdafbeeldingen van producten voor de variant verbergen True of False Als u deze eigenschap instelt op True, worden afbeeldingen van het productmodel verborgen wanneer een variant is geselecteerd, tenzij de variant geen afbeeldingen bevat. Deze eigenschap heeft geen invloed op producten zonder varianten.
Media bijwerken bij selectie van dimensie True of False Als u deze eigenschap instelt op Waar, worden afbeeldingen in de mediabibliotheek bijgewerkt wanneer een dimensie (zoals kleur, stijl of grootte) is geselecteerd en er een afbeelding beschikbaar is. Met deze eigenschap wordt het browsen vereenvoudigd, omdat niet elke productvariantdimensie moet worden geselecteerd om de bijbehorende afbeelding bij te werken. Deze eigenschap is beschikbaar op het tabblad Geavanceerd.

Belangrijk

De eigenschap Media bijwerken voor dimensieselectie is beschikbaar vanaf versie 10.0.21 van Commerce. Hiervoor is vereist dat commercemodulebibliotheekpakket versie 9.31 is geïnstalleerd.

In de volgende afbeelding ziet u een voorbeeld van een module mediagalerie waarin de opties voor volledig scherm en zoomen beschikbaar zijn.

Schermopname van een mediagaleriemodule waarin de opties voor volledig scherm en zoom beschikbaar zijn.

In de volgende afbeelding ziet u een voorbeeld van een mediagaleriemodule met gecureerde afbeeldingen. De opgegeven afbeeldingen zijn niet afhankelijk van de product-id of paginacontext.

Schermopname van een mediagaleriemodule met gecureerde afbeeldingen.

Interactie met Commerce Scale Unit

Wanneer de afbeeldingsbron afkomstig is van de paginacontext, haalt de product-id van de PDP de afbeeldingen op. De mediagaleriemodule maakt gebruik van Commerce Scale Unit Application Programming Interfaces (API's) om het pad naar het afbeeldingsbestand voor producten op te halen. De afbeeldingen worden vervolgens opgehaald uit de mediabibliotheek, zodat de module ze kan weergeven.

Volg deze stappen om een mediagaleriemodule toe te voegen aan een marketingpagina:

  1. Ga naar Sjablonen en selecteer Nieuw om een nieuwe sjabloon te maken.
  2. Voer in het dialoogvenster Nieuwe sjabloon onder SjabloonnaamMarketingsjabloon in en selecteer vervolgens OK.
  3. Selecteer het beletselteken (...) in het vak Hoofdtekst en selecteer vervolgens Module toevoegen.
  4. Selecteer in het dialoogvenster Modules selecteren de module Standaardpagina en selecteer vervolgens OK.
  5. Selecteer in het vak Hoofdonderdeel van de standaardpagina het weglatingsteken (...) en vervolgens Module toevoegen.
  6. Selecteer in het dialoogvenster Modules selecteren de module Container en selecteer vervolgens OK.
  7. Selecteer Opslaan, selecteer Bewerken voltooien om de sjabloon in te checken en selecteer Publiceren om te publiceren.
  8. Ga naar Pagina's en selecteer Nieuw om een nieuwe pagina te maken.
  9. Voer in het dialoogvenster Een nieuwe pagina maken onder PaginanaamMediagaleriepagina in en selecteer vervolgens Volgende.
  10. Selecteer onder Een sjabloon kiezen de marketingsjabloon die u hebt gemaakt en selecteer vervolgens Volgende.
  11. Selecteer onder Een indeling kiezen een pagina-indeling (bijvoorbeeld Flexibele indeling) en selecteer vervolgens Volgende.
  12. 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.
  13. Selecteer in het vak Hoofd van de nieuwe pagina het weglatingsteken (...) en vervolgens Module toevoegen.
  14. Selecteer in het dialoogvenster Modules selecteren de module Container en selecteer vervolgens OK.
  15. Selecteer het weglatingsteken (...) in het vak Container en selecteer Module toevoegen.
  16. Selecteer in het dialoogvenster Module selecteren de module Mediagalerie en selecteer vervolgens OK.
  17. Selecteer product-id in het eigenschappenvenster voor de module mediagalerie onder Afbeeldingsbron. Voer in het veld Product-id een product-id in.
  18. Selecteer Opslaan en vervolgens Preview om de pagina te bekijken. U zou de afbeeldingen voor het product in een galerieweergave moeten kunnen zien.
  19. Als u alleen geselecteerde afbeeldingen wilt gebruiken, selecteert u in het eigenschappenvenster onder Afbeeldingsbron de optie Product-id. Selecteer vervolgens onder AfbeeldingenEen afbeelding toevoegen zo vaak als nodig is om afbeeldingen uit de mediabibliotheek toe te voegen.
  20. Stel eventuele extra eigenschappen in die u wilt instellen, zoals Afbeelding zoomen, Zoomfactor en Oriëntatie van miniatuur.
  21. Wanneer u klaar bent, selecteert u Opslaan, selecteert u Bewerken voltooien om de pagina in te checken en selecteer u vervolgens Publiceren om de pagina te publiceren.

Aanvullende bronnen

Overzicht van modulebibliotheek

Module met vakje voor kopen

Containermodule

Afbeeldingen uploaden