Tässä artikkelissa käydään läpi Fluid-oletusteeman asetukset, joita voit muokata ulkoasueditorin avulla.

Katso myös ohjeet teeman muokkaamiseen.

Värit

Määrittääksesi värin syötä tekstikenttään heksadesimaalinen värikoodi tai paina tekstikentän edessä olevaa ruutua ja valitse värisävy liukuväripaletista.

Voit määrittää seuraavat väriominaisuudet:
  • Korosteväri: Määrittää esimerkiksi painikkeiden taustavärin ja linkkien korostevärin.
  • Sivuston yläosan taustaväri: Määrittää päänavigaation taustavärin.
  • Sivuston alaosan taustaväri: Määrittää alatunnisteen (footer) taustavärin.
  • Ilmoitusnauhan taustaväri: Määrittää yläreunan bannerin taustavärin.

Navigaatiomalli ja logo

  • Navigaatiomalli: Määrittää sivuston navigaation tyylin (esim. vaaka- vai pystymallinen tuoteryhmävalikko). Valinnassa kannattaa huomioida verkkokaupan tuoteryhmien määrä: jos verkkokaupan valikoima on laaja, pystyvalikko on usein parempi vaihtoehto.
  • Logon kuvasuhde: Optimoi logolle sen muotoon sopivan käyttöalueen.

Tyyliasetukset

  • Reunusten pyöristykset: Määrittää esimerkiksi lomakekenttien ja tuotekuvien kulmien pyöristyksen.
  • Toimintapainikkeiden pyöristys: Määrittää painikkeiden kulmien pyöristyksen.
  • Ikonikirjaston tyyli: Määrittää kuvakkeiden paksuuden. Oletusteemassa on käytössä Font Awesome -ikonikirjasto.

Fontit

  • Fontin koko: Määrittää kaikkien tekstien fonttikoon perustason (pieni, keskikokoinen tai suuri).
  • Otsikon fontti: Määrittää otsikkojen fontin. Valittavissa on ennalta määritetty kokoelma Google Fonts -palvelun fontteja.
  • Otsikon leikkaus: Määrittää otsikkojen tekstin paksuuden.
  • Otsikon tyyli: Määrittää, käyttävätkö otsikot pelkästään suuraakkosia vai normaalin tekstin tapaan myös pienaakkosia.
  • Leipätekstin fontti: Määrittää normaalin tekstin fontin.

Yläosan valikot

  • Näytä kielivalikko: Lisää sivun ylätunnisteeseen valikon, jonka avulla kävijä voi vaihtaa verkkokaupan kielen. Valikossa näkyvät kaikki verkkokaupan julkiset versiot.
  • Näytä valuuttavalikko: Lisää sivun ylätunnisteeseen valikon, jonka avulla kävijä voi muuntaa hintatiedot haluamansa valuutan mukaisiksi. Asetus toimii vain, jos verkkokauppaan on asennettu Valuuttamuunnin-laajennus.
  • Näytä sisältösivut ylätunnisteessa: Lisää sivun ylätunnisteeseen verkkokaupan ylimmän tason sisältösivut.
  • Kielivalikon tyyppi: Määrittää, näkyvätkö kielivalikossa versioiden nimet vai niiden kielikoodit (esim. FI).

Etusivu

  • Bannerikarusellin kuvan vaihtuminen: Määrittää, vaihtuuko etusivun bannerikarusellin kuva ja millaisessa tahdissa (5–7 sekuntia on usein sopiva näyttöaika bannerille, jossa ei ole paljon tekstiä).
  • Näytä etusivun esittelyteksti: Lisää etusivulle esittelytekstin sekä kampanjakuvan, jotka pitää määrittää etusivun tuoteryhmälomakkeen kohdissa Esittely ja Kampanjakuva.
  • Näytä mainostettavat tuoteryhmät: Lisää etusivulle listan tuoteryhmistä, jotka tuoteryhmälomakkeen Mainosta tuoteryhmää ‑kohdassa on merkitty mainostettaviksi.
  • Näytä mainostettavat tuotteet: Lisää etusivulle listan tuotteista, joiden tuotelomakkeessa on Mainosta tuotetta ‑valinta aktivoituna.
  • Näytä suosituimmat tuotteet: Lisää etusivulle listan verkkokaupan myydyimmistä tuotteista.
  • Näytä uudet tuotteet: Lisää etusivulle listan verkkokauppaan viimeksi lisätyistä tuotteista.

Tuoteryhmä

  • Tuoteryhmäkuvan asettelu: Määrittää tuoteryhmäkuvan sijainnin sivulla. Aseta tuoteryhmäkuva tuoteryhmälomakkeen kohdassa Kampanjakuva.
  • Tuoteryhmäkuvan korkeus: Määrittää tuoteryhmäkuvan korkeuden.
  • Tuoteryhmävalikon asettelu: Määrittää alatuoteryhmävalikon sijainnin sivulla.

Tuotelista

  • Listatuotteen koko: Määrittää tuotteen leveyden tuotelistoilla.
  • Listatuotteen tyyli: Määrittää tuotteen ulkoasun tuotelistoilla. Voit valita valmiista esiasetuksista.
  • Tuotekuvan kuvasuhde: Määrittää tuotekuvan kuvasuhteen tuotelistoilla.
  • Salli tuotteiden lisäys ostoskoriin tuotelistalta: Lisää tuotekorttien yhteyteen ostoskoripainikkeen tuotelistoilla.
  • Näytä tuotemerkki: Lisää tuotekorttien yhteyteen tuotemerkin nimen tuotelistoilla.
  • Saatavuus: Määrittää, näkyykö tuotelistoilla tuotteen varastosaatavuus tai -saldo.
  • Näytä tuotteen vertailuhinta: Määrittää, näkyykö tuotelistoilla tuotteen vertailuhinta.

Tuotesivu

  • Tuotevariaatiovalikon tyyli: Määrittää tuotesivun variaatiovalikon esittämiseen käytetyn elementin (radiopainikkeet tai pudotusvalikko).
  • Näytä tuotemerkki: Lisää tuotesivulle tuotemerkin nimen.
  • Näytä tuotenumero: Lisää tuotesivulle tuotenumeron.
  • Näytä toimituskulutaulukko: Lisää tuotesivulle toimituskulutaulukon.
  • Näytä määrävalitsin: Lisää tuotesivulle tuotteen määrävalitsimen.
  • Näytä varastosaldo: Lisää tuotesivulle tuotteen tai variaation tarkan varastosaldon.
  • Näytä maksukuvakkeet: Lisää tuotesivulle maksukuvakkeet.
  • Näytä saatavuusilmoituslomake: Määrittää, missä tilanteessa tuotesivulla näkyy saatavuusilmoituslomake.

Sähköpostimarkkinointi

  • Näytä uutiskirjebanneri: Lisää sivuston alaosaan uutiskirjeen tilauslomakkeen.

Toivelista

Maksu- ja toimitustapakuvakkeet

Voit valita, mitkä maksu- ja toimitustapojen käyttämien palvelujen kuvakkeet näkyvät verkkokaupassa (oletusarvoisesti kuvakkeet eivät näy).

  • Kuvakkeiden tyyli: Määrittää, näkyvätkö valitsemiesi palvelujen kuvakkeet yksi- vai monivärisinä.

Klarna On-site messaging

Käytössä vain Kustom Checkout ‑kassaratkaisussa.

  • Alatunniste: Lisää alatunnisteeseen Klarna-maksutapakuvakkeet.
  • Etusivu: Lisää etusivun bannerien alapuolelle vaakabannerin.
  • Ostoskori: Lisää ostoskoriin tietoa osamaksusta.
  • Tuotesivu: Lisää tuotesivulle tietoa osamaksusta.
  • Tuotelista: Lisää tuotelistan yläpuolelle vaakabannerin.