Bildbank & Banners

  • I denna artikeln kommer vi gå igenom hur man laddar upp bilder/banners till butikens administration och sedan hur man kopplar dessa bilder till butikens startsida.
    En stor fördel med att arbeta med bildbank och banners är att man kan framhäva butikens produkter, tjänster, mål, nyheter och mycket mer. 

    Förkunskaper som kan vara bra att ha innan:


    Steg 1 - Navigera till Bildbank & banners

    Skärmavbild 2021-11-15 kl. 14.40.55.png

    Ni hittar till bildbank & banners via dessa steg:
    Sidor -> Bildbank & Banners

    Steg 2 - Skapa en bild/bannergrupp


    Skärmavbild 2021-11-15 kl. 14.43.22.png

    Vi börjar med att skapa en bild/bannergrupp för startsidan. Anledningen till varför vi skapar bild/banner grupp är för att det kommer underlätta framtida arbeten. Med detta menar vi att man kommer kunna filtrera ut dessa bild/banner grupper vilket betyder att man snabbt och effektiv kan hitta rätt bild som man vill redigera Ni skapar bild/banner grupp via stegen nedanför:

    1.Klicka på fliken “Bildgrupp/bannergrupp”
    2.Klicka på “Skapa ny bildgrupp/bannergruppp”
    3.Skriv in ett valfritt namn. Exempelvis “Startsida”
    4.Spara

    Steg 3 - Skapa ny bild/banner


    Skärmavbild 2021-11-15 kl. 14.45.37.png

    Skärmavbild 2021-11-15 kl. 14.46.05.png

    Vi har precis skapat en bild/banner-grupp med namnet “Startsida”. Nu ska vi ladda upp en bild till bildbanken och ställa in alla inställningar:

    1.Klicka på fliken “Bildbank/Banners”
    2.Klicka på “Skapa ny bild”
    3.Ladda upp en bild
    4.Här väljer ni om ni vill skriva in texter på själva bilden. Det finns en “Avancerat” knapp som tillåter er att placera och redigera texten.
    5.Här kan ni länka bilden till varor, sidor, nyheter etc. I detta fall länkar vi till en vara i butiken.
    6.En “Alt-Text” är alltid rekommenderat. Skriver ni in texten “Koppar” så kommer texten “Koppar” att visas upp för kunden OM bilden inte laddas upp korrekt i butiken. 
    7.Bildens namn använt för att hitta bilden i admin, Namnge ni inte bilden. Då kommer bilden att använda sig av Banner id. I detta fall namnger vi bilden med namnet “Muggar”
    8.Visa bilden på “Alla sidor” är rekommenderat och enklast att arbeta med.
    9.Välj bild/bannergrupp “Startsida” 
    10.Här kan ni välja om ni vill ha ett start och slutdatum för bildens giltighet.


    Klicka på knappen “Spara” när ni är klara och fyllt i all information

    Steg 4 - Leta upp bildens namn/banner id

    Skärmavbild 2021-11-15 kl. 14.48.53.png

     

    Vi har precis laddat upp vår bild och nu ska vi leta upp bildens namn / banner id samt navigera till startsidan:

    1.Leta upp bilden genom att filtrera på bild/bannergrupp. I detta fall väljer vi att filtrera ut “Startsida” 
    2.Kolumnen “Namn” ser vi att bilden heter “Muggar” och det är detta namn som vi ska använda oss av när vi ska kopplar bilden till en bild-block på startsidan.
    OBS! Har bilden inget namn, då kommer bilden använda sig av “Banner_id
    TIPS: Ser ni inte kolumnen “Namn” då kan ni klicka på Kugghjulet och aktivera kolumnen “Namn” så att de visas. 
    3.Navigera till startsidan: Sidor -> sidor -> Redigera “/index.html”

    Steg 5 - Skapa bild/banner-block och koppla till bilden

    Skärmavbild 2021-11-15 kl. 14.50.39.png
    Skärmavbild 2021-11-15 kl. 14.52.33.png


    Skärmavbild 2021-11-15 kl. 14.50.53.png

    Vi befinner oss på startsidan. Nu ska vi ska skapa ett bild/banner-block och sedan koppla bilden till block genom att välja korrekt Namn:

    1.Scrolla hela vägen ned och klicka på knappen “Lägg till block”
    2.Välj layoutblocktyp “Bild från bildbank / banners” -> Välj layoutblock “Muggar” -> Välj
    3.Klicka på knappen “Spara och aktivera mallar i butiken”
    4.Scrolla vi hela vägen ned igen så bör ni nu ha fått ett bild/banner-block med bilden “Muggar” och bilden bör nu synas i er startsida.

    Sammanfattning - Resultat i Butiken

    Skärmavbild 2021-11-15 kl. 14.54.51.png

    Om vi navigerar till butikens startsida i butiken och scrolla hela vägen ned på sidan så ser vi att vi nu har fått fram en bild. Bilden är klickbar och är länkad till en produkt. 

    OBS! Just vi bara placerat en stor bild allra längst ned på startsida. Man kan på egen hand placera bilden vart man än önskar på startsidan och självklart kan man placera bilden på andra sidor som finns skapade i admin. Det går även att ändra på bild-blocket så att man exempelvis kan få många bilder bredvid varandra samt krympa bilden om man så önskar.

  • Fick du svar på din fråga?