Carousel Banners carousel-banners

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

Börja med att identifiera dynamiska variabler som används i den befintliga snabbvyimplementeringen. Om du gör det blir det lättare att ange aktiveringspunkter och data för bildscheman korrekt när du skapar en Carousel-banderoll i 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. Detta ä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 en Carousel-uppsättning.

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 bildrutor 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. Koppla sedan vart och ett 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 Carousel Banners- 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å webbplatssidanDu kan lägga till karusellbanderollens URL eller inbäddningskod som du har kopierat till webbplatssidan.

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

• Lägg till en karusellbanderoll på webbplatsen i Experience Manager. Om du är kund hos Experience Manager Sites kan du lägga till karuselluppsättningen direkt på sidan 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å Carousel Banner Editor-sidan 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å Carousel Banner Editor-sidan:

• 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. Markerade resurser har en bockmarkeringsikon över sig. 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 välja 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 markera ikonen Visa och 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. Välj Delete Slide i verktygsfältet. Om du vill flytta en bildruta markerar du ikonen för att ändra ordning 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 om du vill justera hur karusellbanderollen visas eller hur specifika komponenter fungerar. Mer information om hur du använder visningsprogramredigeraren finns i Hantera visningsförinställningar.

Du kan också förhandsgranska karusellbanderollens utseende. Se (valfritt) Förhandsgranska Carousel-banderoller.

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: Skapa bildschemaområdet genom att dra från det övre vänstra hörnet till det nedre högra hörnet på bilden. 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. Du kan också använda piltangenterna på tangentbordet för att styra positionen för ett markerat hotspot-område. 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 markerar du namnet på hotspot 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 väljer du produktväljarens ikon (förstoringsglas) för att öppna produktsidan. Om du vill gå tillbaka till Carousel Banner Editor väljer du den produkt du vill använda och markerar sedan bockmarkeringen i det övre högra hörnet på sidan.

  • Om du inte är Experience Manager Sites -kund:

    • Definiera variabler. Se Identifiera hotspot-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 snabbvymallen. Systemet känner nu till att associera den markerade aktiveringspunkten 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 href-textfältet.

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. Om du vill gå tillbaka till sidan för hantering av aktiveringspunkter väljer du det Experience Fragment som du vill använda och sedan väljer du Select i det övre högra hörnet på sidan.
    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 Banner stöds inte när du bäddar in visningsprogrammet i en Experience Fragment.
    Om du vill kringgå den här punkten kan du använda eller 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 karusellbanderollens utseende. Se (valfritt) Förhandsgranska Carousel-banderoller.

Välj Save.

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

Se Publish-resurser.

Se Lägg 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. Navigera till den resurs som du vill lägga till i bildrutan och markera sedan 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 läser Lägga till hotspot- eller bildscheman i en bildbanderoll.
• 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-område eller bildschema på lämplig bildruta. Gör dina ändringar på 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örhandsvisa karusellbanderollen.

Välj Preview.

Om du vill testa de associerade åtgärderna markerar du hotspot-områden eller bildscheman på bilden.

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å webbsidan.
Den kopierade inbäddningskoden är responsiv så den passar automatiskt sidans inbäddningsområde.