Mediegallerimodul

Denne artikkelen beskriver mediegallerimoduler og forklarer hvordan du legger dem til på nettstedssider i Microsoft Dynamics 365 Commerce.

Mediegallerimoduler viser ett eller flere bilder i en gallerivisning. Mediegallerimoduler støtter miniatyrbilder, som du kan ordne vannrett (som en rad under bildet) eller loddrett (som en kolonne ved siden av bildet). Mediegallerimoduler inneholder også funksjoner som gjør at bilder kan zoomes (forstørres) eller vises i fullskjermmodus. Hvis du vil gjengi et bilde i en mediegallerimodul, må du legge til bildet i Mediebiblioteket for Handelsområdebygger. Mediegallerimoduler støtter for øyeblikket bare bilder.

I standardmodus bruker en mediegallerimodul produkt-ID-en som er tilgjengelig fra sidekonteksten til en produktdetaljerside (PDP) til å gjengi de tilsvarende produktbildene. I handelshovedkvarteret må du definere en mediefilbane for alle produkter. Deretter laster du opp bilder til mediebiblioteket for områdebyggeren i henhold til filbanen du definerte for produktene i handelshovedkvarteret. Disse bildene inneholder bilder for produkter og alle produktvarianter. Hvis du vil ha mer informasjon om hvordan du laster opp bilder til mediebiblioteket i områdebyggeren, kan du se Laste opp bilder.

En mediegallerimodul kan eventuelt være vert for et fullstendig kuratert sett med bilder på en side i et bildegalleri, der det ikke er noen avhengigheter på produkt-ID-en eller sidekonteksten. I dette tilfellet må du laste opp bilder til mediebiblioteket for områdebyggeren og angi dem i områdeverktøyet.

Her er noen brukseksempler for mediegallerimoduler:

  • Gjengi produktbilder på en PDP
  • Gjengi produktbilder på en produktmarkedsføringsside
  • Presentere et kuratert sett med bilder på en markedsføringsside, for eksempel en galleriside

I illustrasjonen nedenfor viser en kjøpeboks på en PDP produktbilder ved å bruke en mediegallerimodul.

Skjermbilde av en kjøpsboks på en produktdetaljside som inneholder produktbilder ved bruk av en mediegallerimodul.

Egenskapsnavn Verdier Description
Bildekilde Sidekontekst eller Produkt-ID Standardverdien er Sidekontekst. Hvis du velger Sidekontekst, forventer modulen at siden gir produkt-ID-informasjonen. Hvis du velger Produkt-ID, må du angi produkt-ID-en for et bilde som verdien for produkt-ID-egenskapen . Denne funksjonen er tilgjengelig i Commerce versjon 10.0.12.
Produkt-ID En produkt-ID Denne egenskapen gjelder bare hvis verdien for egenskapen Bildekilde-egenskapen er Produkt-ID.
Bildezoom Innebygd eller Container Denne egenskapen lar brukeren zoome bilder i mediagallerimodulen. Du kan zoome et bilde enten linjebundet eller i en egen beholder ved siden av bildet. Denne funksjonen er tilgjengelig i 10.0.12.
Zoomfaktor Et desimaltall Denne egenskapen angir skaleringsfaktoren for zooming av bilder. Hvis du for eksempel angir verdien til 2,5, forstørres bildene 2,5 ganger.
Fullskjerm Sann eller Usann Denne egenskapen angir om brukere kan vise bilder i fullskjermmodus. I fullskjermmodus kan brukere også forstørre bilder ytterligere hvis zoomfunksjonen er aktivert. Denne funksjonen er tilgjengelig i Commerce versjon 10.0.13-versjonen.
Kvalitet for zoomet bilde Et tall fra 1 til og med 100 som representerer en prosent, og som velges ved hjelp av en trackbar-kontroll Denne egenskapen styrer komprimeringskvaliteten for innzoomede bilder, ikke bildenes pikseldimensjoner. Kvalitetskontrollen reduserer ikke filstørrelsen når utdataformatet er PNG, fordi PNG bruker tapsfri komprimering. For å komprimere et PNG-fotografi med et format med tap, velg et annet utgangsformat der bildeformat er tilgjengelig. Kvalitetskontrollen er tilgjengelig fra Commerce versjon 10.0.19.
Bilder Bilder som er valgt fra mediebiblioteket i områdebygger I tillegg til å gjengis fra et produkt, kan du kuratere bilder for en mediegallerimodul. Disse bildene føyer til alle produktbilder som er tilgjengelige. Denne funksjonen er tilgjengelig i Commerce versjon 10.0.12.
Retning for miniatyrbilder Loddrett eller Vannrett Denne egenskapen angir om miniatyrbilder vises i en loddrett stripe eller en vannrett stripe.
Skjul hovedproduktbilder for variant Sann eller Usann Hvis du angir denne egenskapen til Sann, skjules bilder av produktmalen når en variant er valgt, med mindre varianten ikke har noen bilder. Denne egenskapen påvirker ikke produkter som ikke har noen varianter.
Oppdater medier ved dimensjonsvalg Sann eller Usann Hvis du angir denne egenskapen til Sann, oppdateres bilder i mediebiblioteket når en hvilken som helst dimensjon (for eksempel farge, stil eller størrelse) er valgt, og om et bilde er tilgjengelig. Denne egenskapen bidrar til å forenkle nettleseropplevelsen, fordi ikke alle produktvariantdimensjoner må velges for det tilsvarende bildet som skal oppdateres. Denne egenskapen er tilgjengelig i fanen Avansert.

Important

Egenskapen Oppdater medier ved dimensjonsvalg er tilgjengelig fra og med Commerce, versjon 10.0.21. Det krever at Pakke for handelsmodulbibliotek, versjon 9.31, er installert.

Illustrasjonen nedenfor viser et eksempel på en mediegallerimodul der alternativene for fullskjerm og zoom er tilgjengelige.

Skjermbilde av en mediegallerimodul hvor fullskjerm- og zoom-alternativene er tilgjengelige.

Illustrasjonen nedenfor viser et eksempel på en mediegallerimodul som har kuraterte bilder. De angitte bildene er ikke avhengige av produkt-ID-en eller sidekonteksten.

Skjermbilde av en mediegallerimodul som har kuraterte bilder.

Konfigurer bildeutgangsformat

Bildeformatinnstillingen styrer formatet som etterspørres fra Commerce bildeskalereren. Å endre denne innstillingen erstatter ikke den opplastede filen i mediebiblioteket.

Note

Bildeformatinnstillingen er kun tilgjengelig når bildeformatstøtte er aktivert i ditt miljø og din nettbaserte SDK støtter innstillingen. Det gjelder ikke for bilder levert av en ekstern bildeleverandør.

Mediegalleriet har følgende tre uavhengige bildeinnstillinger. Et valg i ett av dem endrer ikke de to andre.

Innstillingsgruppe Egenskap Påvirkede bilder
Bildeinnstillinger Miniatyrbildekvalitet De små bildene i miniatyrbildelinjen.
Bildeinnstillinger Bildekvalitet i galleriet Hovedbildene i galleriet.
Bildeforstørrelse Bildekvalitet ved zoom Bilder brukt for forstørrede visninger.

I bildeinnstillingene for hver eiendom velger du et bildeformatalternativ.

Alternativ Guidance
Original (ingen konvertering) Lar utdataformatet være uspesifisert. Eksisterende oppførselen til bildeendringsverktøyet, inkludert andre bildeinnstillinger, fortsetter å gjelde.
WebP (minste filstørrelse) Vurder dette alternativet for produktbilder for å redusere nedlastingsstørrelsen. De faktiske besparelsene avhenger av bilde- og kvalitetsinnstillingen.
JPEG (ingen gjennomsiktighet) Bruk dette alternativet for fotografier når JPEG-utgang er nødvendig. JPEG bevarer ikke gjennomsiktighet.
PNG Bruk dette alternativet når du må bevare gjennomsiktighet. Å konvertere et JPEG-fotografi til PNG kan øke filstørrelsen uten å gjenopprette tapte detaljer.

Important

Ikke anta at WebP-utdata fra Commerce-bildestørrelsesjustereren bevarer gjennomsiktighet. Bruk PNG for bilder som krever gjennomsiktige bakgrunner, og forhåndsvis resultatet før publisering.

For å konfigurere formatet, følg disse stegene:

  1. I Commerce nettstedbygger, åpne siden, malen eller layouten som eier mediegallerikonfigurasjonen.
  2. Velg Mediegalleri-modulen.
  3. Åpne bildeinnstillingene for miniatyrbildekvalitet, galleribildekvalitet eller zoomet bildekvalitet, og velg ønsket bildeformat.
  4. Gjenta valget for hver egenskap for bildeinnstillinger du ønsker å endre.
  5. Velg Lagre, og velg deretter Forhåndsvisning. Sjekk hovedbildet, miniatyrbildene, zoom, fullskjermvisning og produktvarianter som siden din støtter.
  6. Bruk nettleserens nettverksverktøy for å verifisere svarinnholdstypen og den overførte bildestørrelsen. Sjekk zoom- og fullskjermforespørsler separat.
  7. Velg Fullfør redigering, og velg deretter Publiser når resultatene oppfyller kravene dine.

Når du oppdaterer en delt mal eller layout, gjelder innstillingen for sider som arver den konfigurasjonen. Sider med egne overstyringer krever separate oppdateringer.

Hvis du vil ha mer informasjon, kan du se Optimalisere bilder.

Samhandling med Commerce Scale Unit

Når bildekilden kommer fra sidekonteksten, henter produkt-ID-en fra PDP bildene. Mediegallerimodulen bruker programmeringsgrensesnitt for Commerce Scale Unit-programmer (API-er) til å hente bildefilbanen for produkter. Bildene hentes deretter fra mediebiblioteket, slik at modulen kan gjengi dem.

Følg disse trinnene for å legge til en mediegallerimodul på en markedsføringsside:

  1. Gå til Maler, og velg Ny for å opprette en ny mal.
  2. I dialogboksen Ny mal, under Malnavn, angir du Markedsføringsmal, og velger deretter OK.
  3. I Tekst-sporet velger du ellipsen (…), og deretter velger du Legg til modul.
  4. I dialogboksen Legg moduler velger du Standardside-modulen, og deretter velger du OK.
  5. I Hoved-sporet på standardsiden velger du ellipseknappen (...), og deretter velger du Legg til modul.
  6. I dialogboksen Velg moduler velger du Beholder-modulen, og deretter velger du OK.
  7. Velg Lagre, velg Fullfør redigering for å sjekke inn malen, og velg deretter Publiser for å publisere den.
  8. Gå til Sider, og velg Ny for å opprette en ny side.
  9. I dialogboksen Opprett ny side, under Sidenavn, angir du en Mediegalleriside, og velger deretter Neste.
  10. Velg Markedsføringsmal-malen du opprettet, under Velg en mal, og velg deretter Neste.
  11. Under Velg et oppsett velger du et sideoppsett (for eksempel Fleksibelt oppsett), og deretter velger du Neste.
  12. Gå gjennom sidekonfigurasjonen under Gjennomgang og fullfør. Hvis du har behov for å redigere sideinformasjonen, velger du Tilbake. Hvis sideinformasjonen er riktig, velger du Opprett side.
  13. På Hoved-sporet på den nye siden velger du ellipseknappen (...), og deretter velger du Legg til modul.
  14. I dialogboksen Velg moduler velger du Beholder-modulen, og deretter velger du OK.
  15. I Beholder-sporet velger du ellipsen (…), og deretter velger du Legg til modul.
  16. I dialogboksen Velg moduler velger du Mediegalleri-modulen, og deretter velger du OK.
  17. I egenskapsruten for mediegallerimodulen, under Bildekilde, velger du Productid. I feltet Product id angir du deretter en produkt-ID.
  18. Velg Lagre, og velg deretter Forhåndsvisning for å forhåndsvise siden. Du skal kunne se bildene for produktet i en gallerivisning.
  19. Hvis du bare vil bruke kuraterte bilder, går du til egenskapsruten under Bildekilde og velger Productid. Under Bilder velger du deretter Legg til et bilde så mange ganger som nødvendig for å legge til bilder fra mediebiblioteket.
  20. Sett alle andre egenskaper du vil sette inn, som bildezoom, zoomfaktor og miniatyrorientering.
  21. Når du er ferdig, velger du Lagre, velg Fullfør redigering for å sjekke inn siden, og velg deretter Publiser for å publisere den.

Flere ressurser