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öra 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 resurser väljer du Create väljer Carousel Sets. Lägga till resurser i bildrutor och markera Save. Du kan också redigera karusellens utseende och beteende direkt i redigeraren.

Lägga 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 karusellbanners - Valfritt. Om du vill kan du visa en representation av karuselluppsättningen och testa dess interaktivitet.

Publicera Carousel banners.

Du publicerar en Carousel-uppsättning på samma sätt som andra resurser. Navigera till Carousel-uppsättningen i Resurser, markera den och markera den 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å din webbsida Du kan lägga till karusellbanderollens URL eller inbäddningskod som du har kopierat till webbsidan.

  • 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å din webbplats i Experience Manager Om du är kund hos Experience Manager Sites kan du lägga till karuselluppsättningen direkt på sidan i Experience Manager med hjälp av komponenten Interactive Media.

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

På Carousel banner editor page väljer du Tap to open Asset Selector för att välja bilden för den första bilden.

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

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

• I mitten av sidan väljer du Tap to open Asset Selector.

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.

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 Filter -ikonen i verktygsfältet. Ändra vyn genom att trycka på ikonen Visa och sedan välja Column View, Card View eller List View.

Se Arbeta med väljare för mer information.

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.

• Markera bilden och markera 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 sedan i verktygsfältet Delete Slide. 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 Behavior och Appearance och justera hur karusellbanderollen ser ut eller hur specifika komponenter beter sig. Se Hantera förinställningar för visningsprogram om du vill ha mer information om hur du använder visningsprogrammet.

* 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 karusellbanners.

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

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

Välj karuselluppsättning och välj Edit. Carousel Viewer Editor öppnas.

Markera den bildruta som du vill göra interaktiv.

I närheten av sidans övre vänstra hörn väljer du Hotspot eller Image Map.

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 ytterligare hotspot-områden eller bildscheman efter behov.

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

Skriv namnet på aktiveringspunkten eller bildschemat i textfältet Namn. Det här namnet visas även i Maps & Hotspot listruta. 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 i dialogrutan Actions tab:

• 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.

    • Se Arbeta med väljare för mer information.

• 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.

Se Arbeta med väljare för mer information.

• 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 det Experience Fragment som du vill använda och välj sedan Select i det övre högra hörnet av sidan så att du kan gå tillbaka till hanteringssidan för 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.

Publicera 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 karuselluppsä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).

• Hovra över en Carousel Set-resurs, välj Select (bockmarkeringsikon) och sedan välja Edit i verktygsfältet.

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

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 Add Slide navigera sedan till den resurs som du vill lägga till i bildrutan och markera bockmarkeringen.
• 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 ser lägga till hotspot-områden och bildscheman.
• Om du vill redigera karuselluppsättningens utseende eller beteende väljer du Appearance tabb eller Behavior och sedan ange önskade alternativ.
• Om du vill redigera aktiveringspunkter eller bildscheman markerar du ett hotspot- eller bildschema på rätt bildruta och ändrar vid behov under Actions -fliken.
• 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, nära det övre högra hörnet på sidan, väljer du Preset och välj 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 markerar den Delete.

I Assets navigera till en befintlig Carousel-banderoll som du har skapat och välj 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 video- 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.