Karusell med länkade omslagsbilder

Transkript

1 [Skriv text] Axiell Arena Karusell med länkade omslagsbilder Axiell har tagit fram en funktion som presenterar titlar/katalogposter i Arena i form av en interaktiv karusell som visar omslagsbilder. Funktionen är baserad på javascript framtagna av Finn Rudolph Funktionen presenteras i portleten Dynamisk ws-klient och består av en xml-fil innehållande olika listor och en xsl-fil som sköter kopplingen mot xml-filen. Bägge filerna ska läggas i Dokumentbiblioteket i mappen/katalogen med namnet Karusell För att du ska kunna ta funktionen i bruk måste Axiell förbereda detta. Om du saknar katalogen Karusell i Dokumentbiblioteket kontakta din projektledare eller kundsupport axess@axiell.com. Vi erbjuder funktionen som en gratistjänst om du själv skapar själva karusellerna, men support och konsultation är avgiftsbelagd.

2 Så här skapar du en ny karusell Gör så här för att skapa en ny karusell: 1. Börja med att välja ut de titlar som du vill visa i karusellen. Du ser katalog-id både i Expertsök i BOOK-IT och i URL:en i Arena när du står på den aktuella katalogpostsidan (exempel: search_item_id=102732) 2. Logga in som Liferay-användare och gå till Documents and Media via Kontrollpanelen 3. I mappen Karusell klicka på filen imageflow-example 4. Spara filen på ditt eget nätverk. Se till att du sparar med filändelsen xml och med kodning UTF Öppna filen i till exempel Anteckningar om du inte har en XML-editor Innehållet i filen imageflow-example: <?xml version="1.0" encoding="utf-8"?> <imageflow> <list id="1" title="hästar">

3 </list> <list id="2" title="deckare 2012">

4 </list> </imageflow> 6. Innehållet i filen består av två olika listor som i sin tur innehåller samma nio titlar eftersom de endast tjänar som exempel. Du ska nu byta ut innehållet i taggarna id, författare och titel till de titlar som du vill visa. 7. Skriv in de katalog-id, titlar och författare som du vill visa genom att ersätta dem som redan ligger där. Ändra även själva listans titel. 8. Du kan ta bort titlar genom att radera allt som står inom taggarna. Exempel: 9. Du kan lägga till fler titlar genom att markera allt som står inom taggarna, kopiera in det i den aktuella listan och därefter byta ut id,

5 författare och titel. Exempel: 10. Spara. Se till att du sparar med filändelsen xml och med kodning UTF Ladda upp filen som en ny version till Documents and Media genom att klicka på Åtgärder - Redigera för filen imageflow-example, bläddra fram den nya versionen på ditt nätverk och klicka på Spara 12. Passa på att kopiera länkarna till båda filerna som redan ligger i Documents and Media - imageflow_xsl och imageflow-example - och lägg in dem i till exempel Anteckningar så länge 13. Logga in som Liferay-användare och dra in portleten Dynamisk ws-klient på den sida där du vill visa Karusellen.

6 14. Klicka på Inställningar för att konfigurera portleten: URL till webservice/xml Här ska du klistra in länken till filen imageflow-example i Documents and Media URL till XSL Här ska du klistra in länken till filen imageflow i Documents and Media Kryssrutan Aktiv ska vara markerad. Kryssrutan Asynkron laddning ska INTE vara markerad Villkor för visning inget alternativ ska vara markerat XSL-parametrar Klistra in motsvarande denna parameter: arena=${arenabasepath};agency=<agenc y-id>;show=2 Ändra <agency-id> till ditt biblioteks id och tag bort hakparenteserna. Du ser id i Arenas URL efter en sökning (exempel:agency_name=ase100123) show=2 betyder i exemplet att det är lista 2 som ska visas. Du kan alltså behöva ändra detta nummer beroende på vilken lista som ska visas

7 15. Klistra in de länkar som du tidigare sparade i Anteckningar enligt instruktionen i rutan ovan 16. Klicka på Spara 17. Klicka på Tillbaka till normal sida 18. Ändra eller ta bort rubriken Dynamisk ws-klient I exempelfilen ligger alltså två dummy-listor, och du kan vid behov skapa fler genom att kopiera allt som står inom taggarna <list id> och </list>, ge listan ett nytt id och en ny titel och därefter byta ut alla id, författar- och titeluppgifter. På detta sätt kan du alltså skapa många listor i förväg i dokumentet imageflowexample, som du sedan enkelt anropar via portleten Dynamisk ws klient genom att klistra in länkarna till de båda filerna i Documents and Media, samt syntaxen i fältet XSLparametrar som definierar vilket list-id som ska visas i just den portleten.