HEM / CMS / Bilder / Bildgalleri med pop-up

Bildgalleri med pop-up

Bilderna i galleriet blir klickbara och öppnas som en pop-up

Skapa ett galleri med bilder. Presentera sedan bilderna på en sida och dina besökare kan klicka på en bild för att få upp dem i pop-up läge där de med hjälp av pilar kan bläddra mellan bilderna i en större visning. Tänk dock på att bilderna ej kan visas i större stl än dess originalstorlek. 

Det finns ingen begränsning för hur många gallerier du kan skapa. Du kan i efterhand enkelt byta ut eller lägga till bilder. 

Galleriet läggs till som en panel på sidan. Det går bra att visa samma galleri på flera olika sidor om du vill.

Skapa galleri med bilder

Klicka på "CMS / sidor" i den svarta verktygslisten i sidhuvudet

Klicka på "Galleri" i menyn som fälls ut

Klicka på "Ny galleri" i menyn till vänster

» Innehåll galleri

Döp galleri och välj in bilder

Namn

Döp galleriet. Detta är ett internt namn. Namnet kommer visas i en dropp när du lägger till galleriet som en panel på valfri sida.

Välj filer

Klicka här för att komma till filarkivet. Leta upp bilden eller ladda upp ny bild.  Klicka på “Välj” (blå pil) och därefter på knappen “Välj objekt”. Du kan markera flera bilder om du vill.

Spara

Klicka här för att spara galleriet.

Spara & återkom

Klicka här för att spara bilderna men stanna kvar för inställningarna för galleriet.

» Visa galleri på sida 

När du är klar så visar du upp bilderna i galleriet med hjälp av en panel

Gå till valfri sida.

Klicka på ett plustecken, beroende var på sidan du vill lägga in galleriet.

Klicka på "Panel" i verktygspaletten som öppnas.

Du kommer nu till panelarkivet.

Klicka på "Select" för "Panel Bildgalleri"

Du kommer då tillbaka till sidan och ska göra inställningar för panelen:

Namn

Döp panelen om du vill. Det är valfritt och kan vara bra att göra för att veta vad det är för sorts panel. T.ex. "Bildgalleri"

Galleri

I denna dropp väljer du det galleri du vill visa upp på sidan.

När du valt galleri så klickar du på "Spara".

Nu kan besökarna på din webbplats klicka på en bild i galleriet och få upp den i större visning och även bläddra bland övriga bilder i galleriet med hjälp av pilar. 

Du kan skapa så många gallerier som du önskar. Varje galleri kan innehålla olika bilder. Du kan placera samma galleri på flera olika sidor eller ha olika gallerier på en och samma sida. Om du har flera olika gallerier på en sida och besökaren på sidan klickar på någon av bilderna så kommer alla bilder från alla gallerier på sidan att visas som pop-up (bilderna visas med hjälp av klickbara pilar)

Bilder
Innan du skapar ett galleri så rekomenderar vi att skapa en mapp under "Filer" där du placerar bilderna som ska vara med i ett visst galleri. Du kan ladda upp bilderna i förväg men det går även att ladda upp bilderna när du är redo att välja in bilder till galleriet. Tänk på att det är en fördel om du har samma storlek på alla de bilder som du vill visa i galleriet.

Obegränsat antal
Du kan skapa så många bildgallerier du vill.

Visa bildspel på sidan
Använd en panel för att presentera galleriet på sidan. Gå till sidan där du vill visa upp ett bildspel. Klicka på ett “Plustecken” och därefter “Panel”. Leta upp panelen “Bildgalleri”. Därefter väljer du vilket galleri som ska visas och sedan sparar du.

Ändra galleri
För att ändra ett bildspel så för du muspekaren över “Sidor” och klickar sedan på “Galleri”. Klicka på namnet på ett galleri för att ta bort eller byta ut bilder. Du behöver inte publicera sidan där galleriet är inlagt efter du har gjort en ändring.

Relaterade hjälpavsnitt

Alternativ text bild

Här beskriver vi hur du anger en alternativ text för bilder.

För att få en bra beskrivning av vad bilden föreställer i sökmotorer så rekommenderar vi att

Byt ut bild

​Byt ut eller ersätt bild mot en annan.

Om du vill byta ut en bild som redans finns på din webbplats finns det två sätt att göra det på.

Designinställningar bild

Förklaring till hur du använder inställningarna under fliken "Design" för bilder

Det finns många möjligheter att arbeta med innehåll och göra sidan mer levande. Du kan ange margi

Dölja eller visa bild i olika skärmstorlekar

Lär dig mer om responsiva inställningar för bilder gällande visning i olika storlekar på skärmar

För att en sida ska se bra ut även när du scrollar på telefonen så är det en bra idé att sätta sp

Flytta bild (dra och släpp)

​Flytta bild på en sida

Avsnittet handlar om hur du flyttar en bild på en sida från en position till en annan. Det enklas

Lägg till bild

Infoga bild från filarkivet i valfri position på CMS sida

När du lägger till en ny bild visas den först som en exempelbild. Denna exempelbild byter ut mot

Lägg till bildspel

Ett enkelt sätt att göra en statisk hemsida mer livfull.

I fall där du vill visa mycket information på ett och samma ställe, exempelvis produktbilder elle

Radera bild

​Radera bild på sida.

Avsnittet handlar om hur du raderar en bild som är inlagd på en sida. Även om du raderat en bild

Rättighet bild

Styr vilka av besökarna som ska ta del av det visuella innehållet.

Du kan styra vilken behörighetsgrupp som ska se olika objekt på sidan. På en sida kan du t.ex. lå

Skapa bildspel

Skapa och redigera bildspel.

När du skapar bildspel finns det ingen begränsning på antal utan du kan lätt skapa och testa olik

Tidsstyr bild

Välj när innehållet ner på enskild bild ska vara publikt.

Du kan tidsstyra obegränsat med bilder på sidan. Givetvis går det bra att tidsstyra hela sidan om

Länka bild till "Ankare"

Skapa en länk till ett utvalt stycke text (på samma sida eller annan sida)

Här beskriver vi hur du enkelt skapar en länk av ett ord, mening eller stycke till ett ankare. Nä

Länka bild till "Bild-popup"

Skapa en popup av en bild

Här beskriver vi hur du enkelt skapar en länk av en bild till en bild-popup. När man klickar

Länka bild till "Dokument-/fillänk"

Skapa en länk till ett dokument som finns uppladdat till filarkivet

Här beskriver vi hur du enkelt skapar en länk av bild till ett dokument.  Dokumentet laddas

Länka bild till "E-post"

Skapa en bildlänk till en eller flera olika e-postadresser

Här beskriver vi hur du enkelt skapar en länk av en bild till en e-postadress. E-postadressen skr

Länka bild till "Extern URL"

Skapa en bildlänk till en sida utanför din egen webbplats

Här beskriver vi hur du enkelt skapar en länk av en bild till en extern webbplats. Välj gärna att

Länka bild till "Intern sida"

Skapa en bildlänk till en sida inom din egna webbplats

Här beskriver vi hur du enkelt skapar en länk av en bild till en sida inom din egna webbplats. Du

Länka bild till "Popup"

Skapa en bildlänk till en popup-sida (öppnas som ett popup-fönster)

Här beskriver vi hur du enkelt skapar en länk av en bild till en popup. För att

Länka bild till "Skriv ut"

Länka bild till en skriv-ut funktion för att printa sidinnehåll

Här beskriver vi hur du enkelt skapar en länk av en bild till en skriv-ut länk.  Det möjligg

Länka bild till "Tillbakalänk"

Skapa en länk som tar besökaren tillbaka till föregående sida

Här beskriver vi hur du enkelt skapar en länk tillbaka-länk för en bild. Det möjliggör för besöka

Lägg till panel

​Visa innehåll med hjälp av paneler.

En panel används för att presentera innehåll från en annan del av din webbplats . En panel kan hä

Hittar du inte det du söker?

Då kan du kontakta oss direkt på supporten. Vi är glada att hjälpa till och se till att ditt arbete med plattformen går enkelt. 

Telefon: 0141-20 25 40 eller e-post: support@sitesmart.se

Välkommen att kontakta oss!

Tack för att du använder SiteSmart!

Trygg Drift avtal

Supporttjänsten omfattar e-brev och telefon gällande handhavande och administration av SiteSmart webbtjänst. Support gäller under avtalets giltighetstid för de personer hos Kontohavaren som genomgått introduktion i SiteSmart webbtjänst och innehar administrativa rättigheter till densamma.

HITTA TILL OSS

Östra Hamngatan 3
591 37 Motala

Telefon: 0141-20 25 40
E-post: support@sitesmart.se

Följ oss på sociala media

SiteSmart – a part of VIEW Group  

Copyright ©  SiteSmart  |  Sitemap |  Villkor & Policys  |  Cookies

Vi lever som vi lär. Supportsidan är byggd på och drivs med e-handelsplattformen Sitesmart