Carousel banners carousel-banners

Identifiera hotspot- och bildschemavariabler (endast för kunder som använder Experience Manager Assets + Dynamic Media)

Börja med att identifiera dynamiska variabler som används i den befintliga Quickview-implementeringen så att du kan ange klickbara områden och data från bildscheman korrekt när du skapar en karusellbanderoll i Adobe Experience Manager Assets.

Valfritt: Skapa en visningsförinställning för en karuselluppsättning om det behövs.

Om du är administratör kan du anpassa karusellens beteende och utseende genom att skapa en egen förinställning för Carousel-visningsprogrammet. Den största fördelen är att du kan återanvända den här anpassade visningsförinställningen för flera bildspel. Man kan dock anpassa karusellens beteende och utseende direkt när man skapar karusellen. Den här metoden är att föredra när du vill ha en specifik design för en viss karusell.

Överför en bildbanderoll.

Överför bildbanderoller som du vill göra interaktiva.

Skapa Carousel-uppsättningar.

I Carousels-uppsättningar navigerar användarna genom banderollbilder och väljer hotspot-områden eller bildscheman för att få tillgång till relevant innehåll.

Om du vill skapa en Carousel-uppsättning i Assets väljer du Create och sedan Carousel Sets. Lägg till resurser i varje bildruta och välj Save. Du kan också redigera karusellens utseende och beteende direkt i redigeraren.

Lägg till aktiveringspunkter eller bildscheman i en bildbanderoll.

Lägg till en eller flera hotspot-områden eller bildscheman i en bildbanderoll och koppla dem till en åtgärd som en länk, en snabbvy eller ett Experience Fragment. När du har lagt till aktiveringspunkter eller bildscheman avslutar du den här uppgiften genom att publicera karuselluppsättningen. Med Publicering skapas den inbäddningskod som du kan använda för att kopiera och tillämpa på webbplatsens landningssida.

Se (Valfritt) Förhandsgranska karusellbanderoller- valfritt. Om du vill kan du visa en representation av karuselluppsättningen och testa dess interaktivitet.

Publish Carousel banners.

Du publicerar en Carousel-uppsättning på samma sätt som andra resurser. I Assets går du till Carousel-uppsättningen, markerar den och väljer Publish. När du publicerar en Carousel Set aktiveras URL:en och strängen Embed.

Gör något av följande:

• Lägg till en karusellbanderoll på webbplatssidan Du kan lägga till karusellbanderollens URL eller inbäddningskod som du har kopierat till webbplatssidan.

  • Integrera karusellbanderollen med en befintlig Quickview. Om du använder ett tredjepartssystem för hantering av webbinnehåll måste du integrera den nya Carousel-banderollen med den befintliga Quickview-implementeringen på din webbplats.

• Lägg till en karusellbanderoll på webbplatsen i Experience Manager Om du är Experience Manager Sites-kund kan du lägga till karuselluppsättningen direkt på sidan i Experience Manager med hjälp av komponenten Interactive Media.

I Assets navigerar du till den mapp där du vill skapa Carousel-uppsättningen och går till Create > Carousel Set.

På karusellbanderollens redigeringssida väljer du Tap to open Asset Selector för att välja bilden för din första bild.

Gör något av följande på karusellbanderollens redigeringssida:

• I närheten av sidans övre vänstra hörn väljer du ikonen Add Slide.

• Välj Tap to open Asset Selector i mitten av sidan.

Välj det här alternativet om du vill välja resurser som ska ingå i Carousel-uppsättningen. De markerade resurserna visas med en bock. När du är klar väljer du Select i sidans övre högra hörn.

Med resursväljaren kan du söka efter resurser genom att skriva ett nyckelord och trycka eller klicka på Return. Du kan också använda filter för att förfina sökresultatet. Du kan filtrera efter sökväg, samling, filtyp och tagg. Markera filtret och välj sedan ikonen Filter i verktygsfältet. Ändra vyn genom att trycka på ikonen Visa och sedan välja Column View, Card View eller List View.

Mer information finns i Arbeta med väljare.

Fortsätt med att lägga till bilder tills du har lagt till alla bilder som du vill rotera genom i Carousel-uppsättningen.

(Valfritt) Gör något av följande:

• Om det behövs kan du dra bildrutorna för att ändra ordning på bilderna i listan.

• Om du vill ta bort en bild markerar du bilden och väljer sedan Delete Slide i verktygsfältet.

• Om du vill använda en förinställning väljer du den förinställda listrutan längst upp till höger på sidan och väljer sedan en förinställning som ska användas på uppsättningen samtidigt.

Om du vill ta bort en bildruta markerar du bildrutan och väljer Delete Slide i verktygsfältet. Om du vill flytta en bildruta markerar du ikonen för att ändra ordning och håller ned musknappen och flyttar den till önskad plats.

När du har lagt till bilderna i bildrutor kan du lägga till en aktiveringspunkt, ett bildschema eller båda delarna. Se Lägga till aktiveringspunkter eller bildscheman i en bildbanderoll.

Du kan ändra den visuella designen och beteendet för karuselluppsättningar. Välj flikarna Behavior och Appearance och justera hur karusellbanderollen visas eller hur specifika komponenter fungerar. Mer information om hur du använder visningsprogramredigeraren finns i Hantera visningsförinställningar.

* Längd som en bild visas. Som standard visas varje bild i 9 sekunder.
* Animering. Som standard tonas varje bildruteövergång ut. Du kan ändra det till en bildövergång.
* Knapparnas format. Användarna kan rotera genom banners genom att trycka på varje punkt eller nummer. Du kan ändra var de angivna indikatorknapparna visas (och om de är numeriska eller prickade) och hur stora de är.
* Ändra markeringsformatet för ett bildschema eller ikonen som används för aktiveringspunkter.
* Innan du redigerar en visningsförinställning väljer du det format som du vill att förinställningen ska baseras på. Om du inte väljer ett format förlorar du alla ändringar när du börjar redigera visningsförinställningen om du väljer att ändra till en annan förinställning.

Du kan också förhandsgranska hur karusellbanderollen visas. Se (Valfritt) Förhandsgranska karusellbanderoller.

Välj Save när du är klar.

Navigera från Assets till karuselluppsättningen som du vill göra interaktiv.

Markera karuselluppsättningen och välj Edit. Carousel Viewer Editor öppnas.

Markera den bildruta som du vill göra interaktiv.

Välj Hotspot eller Image Map i sidans övre vänstra hörn.

Gör något av följande:

• För aktiveringspunkter: På bilden väljer du en plats där du vill att aktiveringspunkten ska visas.
• För bildscheman: Markera på bilden och dra sedan från det övre vänstra hörnet till det nedre högra hörnet för att skapa bildschemaområdet. Du kan justera storleken på bildschemat genom att dra i hörnen.

Om det behövs drar du hotspot- eller bildschemat till en ny plats. Lägg till fler hotspot-områden eller bildscheman efter behov.

Om du vill ta bort ett hotspot-område eller bildschema väljer du fliken Actions. Under rubriken Maps & Hotspots i listrutan Selected Type väljer du namnet på det hotspot-område eller bildschema som du vill ta bort. Markera ikonen Trash bredvid menyn och välj sedan Delete.

Skriv namnet på aktiveringspunkten eller bildschemat i textfältet Namn. Det här namnet visas också i listrutan Maps & Hotspot. Om du anger ett namn blir det enkelt att identifiera hotspot-området eller bildschemat om du vill ändra det i framtiden.

Gör något av följande på fliken Actions:

• Välj Quickview.

  • Om du är kund hos Experience Manager Sites och e-handel väljer du produktväljarens ikon (förstoringsglas) för att öppna sidan Select Product (Välj produkt). Markera den produkt du vill använda och markera sedan bockmarkeringen i det övre högra hörnet av sidan så att du kan gå tillbaka till karusellbanderollens redigerare.

  • Om du inte är Experience Manager Sites- eller e-handelskund

    • Se Identifiera hotspot-variabler om du vill definiera dessa variabler.

    • Ange sedan SKU-värdet manuellt. I textfältet SKU-värde skriver du produktens SKU (Stock Keeping Unit), som är en unik identifierare för varje separat produkt eller tjänst som du erbjuder. Det angivna SKU-värdet fyller automatiskt i variabeldelen av QuickView-mallen så att systemet vet att den aktiveringspunkt som användaren går till associeras med en viss SKU:s snabbvy.

    • (Valfritt) Om det finns andra variabler i snabbvyn som du måste använda för att identifiera en produkt ytterligare väljer du Add Generic Variable. Ange en extra variabel i textfältet. Till exempel är category=Mens en tillagd variabel.

    • Mer information finns i Arbeta med väljare.

• Välj Hyperlink.

  • Om du är kund hos Experience Manager Sites väljer du ikonen Platsväljare (mapp) för att navigera till en URL.

    note note
    NOTE
    Den URL-baserade länkningsmetoden är inte möjlig om det interaktiva innehållet har länkar till relativa URL-adresser, särskilt länkar till Experience Manager Sites-sidor.

  • Om du är en fristående kund anger du den fullständiga URL-sökvägen till en länkad webbsida i textfältet HREF.

Var noga med att ange om länken ska öppnas på en ny webbläsarflik (rekommenderat standardvärde) eller på samma flik.

Mer information finns i Arbeta med väljare.

• Välj Experience Fragment.

  • Om du är Experience Manager Sites-kund väljer du sökikonen (förstoringsglas) för att öppna sidan Experience Fragment. Välj den Experience Fragment som du vill använda och markera sedan Select i det övre högra hörnet av sidan så att du kan gå tillbaka till sidan för hantering av hotspot.
    Se Upplevelsefragment.

  • Ange bredd och höjd för Experience Fragment så som det visas på banderollen.

    note note
    NOTE
    Delningsverktygen för sociala medier i Carousel-banderollen stöds inte när du bäddar in visningsprogrammet i en Experience Fragment.
    Du kan lösa det här problemet genom att skapa visningsförinställningar som inte har verktyg för delning av sociala medier. Med sådana visningsförinställningar kan du bädda in dem i Experience Fragments.

Du kan också förhandsgranska hur karusellbanderollen visas. Se (Valfritt) Förhandsgranska karusellbanderoller.

Välj Save.

Publish karuselluppsättningen. Publicering skapar den inbäddningskod eller URL som du kan använda på din webbsida. Om du är kund hos Experience Manager Sites kan du lägga till karuselluppsättningen direkt på din webbsida.

Se Publicera resurser.

Se Lägga till en Carousel-uppsättning på webbplatsens landningssida

Gör något av följande:

• Håll pekaren över en Carousel Set-resurs och välj sedan Edit (pennikon).

• Håll pekaren över en Carousel Set-resurs, välj Select (bockmarkeringsikon) och välj sedan Edit i verktygsfältet.

• Välj en Carousel Set-resurs och välj sedan Edit (pennikon) i det övre vänstra hörnet på sidan.

Om du vill redigera Carousel-uppsättningen gör du något av följande:

• Om du vill lägga till en bildruta väljer du ikonen Add Slide och navigerar sedan till den resurs som du vill lägga till i bildrutan och markerar kryssrutan.
• Om du vill ändra ordning på bildrutorna drar du en bildruta till en ny plats (markera sorteringsikonen för att flytta objekt).
• Om du vill lägga till ett hotspot- eller bildschema markerar du hotspot- eller bildschemaikonerna och läser lägga till hotspot- eller bildscheman.
• Om du vill redigera karuselluppsättningens utseende eller beteende väljer du fliken Appearance eller fliken Behavior och anger sedan önskade alternativ.
• Om du vill redigera aktiveringspunkter eller bildscheman markerar du ett hotspot- eller bildschema på lämplig bildruta och ändrar vid behov under fliken Actions.
• Om du vill ta bort en bildruta markerar du den och väljer sedan Delete Slide i verktygsfältet.
• Om du vill använda en förinställning väljer du listrutan Preset längst upp till höger på sidan och väljer sedan en visningsförinställning.
• Om du vill ta bort en hel Carousel-uppsättning går du till Carousel-uppsättningen, markerar den och väljer sedan Delete.

I Assets navigerar du till en befintlig Carousel-banderoll som du har skapat och väljer att öppna den.

Välj Edit.

I listan med visningsförinställningar i det högra hörnet av verktygsfältet väljer du ett visningsprogram för att förhandsgranska karusellbanderollen.

Välj Preview.

Markera hotspot-områden eller bildscheman på bilden så att du kan testa deras associerade åtgärder.

Kopiera den publicerade Carousel-uppsättningens inbäddningskod.
Se Bädda in videon eller bildvisningsprogrammet på en webbsida.

Lägg till den inbäddningskod som du kopierade från Experience Manager Assets på din webbsida.
Den kopierade inbäddningskoden är responsiv så den måste automatiskt passa sidans inbäddningsområde.