Oletusteema sisältää useita ennalta asemoituja bannerialueita. Alta löydät tietoa oletusteeman bannerien ominaisuuksista ja käytöstä.

Katso myös bannerien hallinnan ohjeet.

Bannerin teksti näkyy joko mustana tai valkoisena sen mukaan, kumpi väri erottuu paremmin tekstin taustaksi asettuvan kuvan yleisvärityksestä. Taustakuvan olisi hyvä olla väritykseltään suhteellisen tasainen.

Jos taustakuvaa ei ole, tekstin väri mukautuu bannerialueen taustaväriin.

Etusivun pääbanneri

Oletusteeman etusivun yläosassa on bannerikaruselli, johon sisältyy 4 ensimmäistä banneria ryhmästä frontpage-main. Kävijä voi selata niitä karusellin painikkeiden avulla, mutta oletusteeman asetusten kohdassa Etusivu voit myös säätää bannerin vaihtumaan automaattisesti muutaman sekunnin välein.

Bannerin otsikko ja teksti asemoituvat kuvan keskelle.

  • Sijainti verkkokaupassa: etusivu
  • Banneriryhmän koodi: frontpage-main
  • Suositeltu kuvakoko ja -suhde taustakuvaa varten: 2000x700 px / 1:0,35 (mobiilikoossa kuva rajautuu molemmista reunoista ja kuvasuhde on 2:1)

Etusivun nostot

Etusivun bannerikarusellin alla näkyy enimmillään 3 ensimmäistä banneria ryhmästä frontpage-featured. Bannereilla voit nostaa etusivulle esimerkiksi suosittuja tuotteita, kampanjoita tai tuotemerkkejä.

Bannerien leveys on joko 50 % tai 33 % (riippuen siitä montako niitä on). Bannerin otsikko ja teksti asemoituvat kuvan vasempaan alakulmaan.

  • Sijainti verkkokaupassa: etusivulla pääbannerien alla
  • Banneriryhmän koodi: frontpage-featured
  • Suositeltu kuvakoko ja -suhde taustakuvaa varten: 1000x640 px / 1:0,64

Yläreunan ilmoitusnauha

Jokaisen sivun yläreunassa on tekstimuotoinen ilmoitusnauha, jossa näkyy ryhmän notification-bar ensimmäinen banneri. Ilmoitusnauha voi sisältää lyhyen tiedotteen esimerkiksi jostain ajankohtaisesta aiheesta ja tarvittaessa linkin lisätietoihin.

  • Sijainti verkkokaupassa: kaikkien sivujen yläreunassa
  • Banneriryhmän koodi: notification-bar

Sosiaalisen median painikkeet

Verkkokaupan alatunnisteeseen sisältyy bannerialue sosiaalisen median linkkeinä toimiville painikkeille, jotka kuuluvat banneriryhmään social-media-buttons. Kussakin bannerissa näkyy linkitettyä palvelua edustava kuvake tai linkkiteksti.

Syötä palvelun URL-osoite bannerin asetusten kohtaan Linkin osoite. Jos syöttämäsi osoite ohjaa johonkin seuraavista palveluista, Oletusteema käyttää bannerissa automaattisesti palvelun kuvaketta (oletusteeman tukemia osoitemalleja on sulkeissa):
  • Bluesky (https://bsky.app/profile/NIMI)
  • Discord (https://discord.com/invite/KOODI)
  • Facebook (https://www.facebook.com/NIMI)
  • Facebook Messenger (http://m.me/NIMI)
  • GitHub (https://github.com/NIMI)
  • Instagram (https://instagram.com/NIMI)
  • LinkedIn (https://www.linkedin.com/company/NIMI)
  • Pinterest (https://www.pinterest.com/NIMI)
  • Threads (https://www.threads.com/@NIMI)
  • TikTok (https://www.tiktok.com/@NIMI)
  • WhatsApp (https://www.whatsapp.com/channel/KOODI)
  • X (https://x.com/NIMI)
  • YouTube (https://www.youtube.com/channel/KOODI)
Mikäli oletusteema ei suoraan tue palvelun kuvaketta, voit määrittää bannerikuvakkeen itse. Siihen on käytettävissäsi kaksi tapaa:
  • Kirjoita bannerin asetusten Nimi-kenttään jonkin Font Awesome -kirjastosta löytyvän kuvakkeen nimi ja lisää sen etuliitteeksi fa (esimerkiksi kuorma-autolta näyttävän painikkeen saat kirjoittamalla bannerin nimeksi fa-truck). Käytä tällöin nimessä vain pienaakkosia.

    Tämä määritystapa ei toimi Font Awesome -kirjaston brändikuvakkeiden kanssa.

  • Valitse bannerin asetusten kohdassa Banneri kuvakkeeksi jokin omasta laitteestasi löytyvä kuvatiedosto.

Jos mitään kuvaketta ei ole, oletusteema näyttää linkkitekstinä bannerin nimen.

Oletusteeman suoraan tukemien sekä Font Awesome -kuvakkeiden väri mukautuu automaattisesti alatunnisteen taustaväriin, jonka voit määrittää oletusteeman asetusten kohdassa Värit > Sivuston alaosan taustaväri.

  • Sijainti verkkokaupassa: alatunniste
  • Banneriryhmän koodi: social-media-buttons
  • Suositeltu kuvakoko ja -suhde omaa kuvaketta varten: 280x280 px / 1:1

Alatunnisteen yhteystiedot

Voit lisätä verkkokaupan alatunnisteeseen tekstimuotoisen yhteystietobannerin, joka näkyy kaikilla sivuilla kassasivuja lukuun ottamatta. Banneri korvaa sivuston oletusarvoisen yhteystieto-osion, johon sisältyvät seuraavat kaupan yleisissä asetuksissa tai version asetuksissa määritetyt tiedot:
  • Yritys (kaupan nimi)
  • Katuosoite
  • Sijainti (postinumero ja -toimipaikka)
  • Puhelin
  • Sähköposti
  • Internet (markkinoinnissa käytettävä verkkokaupan osoite)
  • Y-tunnus

Jos haluat samojen tietojen näkyvän yhteystietobannerissa, lisää bannerin asetusten Teksti-kohdan kenttään {ContactInformation}-tagi. Vaihtoehtoisesti voit lisätä haluamasi tiedot riveittäin. Voit ilmoittaa bannerissa myös esimerkiksi myymälän aukioloajat.

Toisin kuin muut bannerit, yhteystietobanneri näkyy verkkokaupassa bannerin oman koodin eikä banneriryhmän koodin perusteella.

  • Sijainti verkkokaupassa: alatunniste kaikilla sivuilla paitsi kassalla
  • Bannerin koodi: contact-information

Uutiskirjeen tilauslomake

Alatunnisteen yläpuolella on bannerialue uutiskirjebannerille, joka kuuluu newsletter-ryhmään. Banneri sisältää verkkokaupan uutiskirjeen tilauslomakkeen.

Voit luoda oman uutiskirjebannerin kullekin kauppaversiolle ja määrittää bannereille taustakuvat sekä sanakirjan oletusteksteistä poikkeavat tekstit. Verkkokaupassa näkyy ainoastaan version ensisijaiseksi asetettu uutiskirjebanneri.

Jotta uutiskirjebanneri näkyy verkkokaupassa, se pitää aktivoida sekä bannerin omissa asetuksissa versiokohtaisesti että oletusteeman asetusten kohdassa Sähköpostimarkkinointi > Näytä uutiskirjebanneri.

  • Sijainti verkkokaupassa: alatunnisteen yläpuolella
  • Banneriryhmän koodi: newsletter
  • Suositeltu kuvakoko ja -suhde taustakuvaa varten: 1400x400 px; taustakuvan tulee toimia kuvasuhteesta riippumatta, sillä se mukautuu erilaisiin näyttötiloihin (tietokonenäytössä koko on normaalisti 1400x300 px mutta tarpeen vaatiessa kapeampi, mobiililaitteissa taas korkeus on 400 px ja leveys voi olla samaa luokkaa)