Fluid on MyCashflow'n uusin oletusteema. Fluidin ulkoasua, rakennetta ja toimintoja on mahdollista mukauttaa helposti ja monipuolisesti suoraan verkkokaupan hallintatyökalussa.

  • Moderni ja selkeä design – suunniteltu asiakaslähtöiseksi ja helppokäyttöiseksi.
  • Aktiivinen kehitys – teemaan lisätään uusia ominaisuuksia ja sen toimivuutta testataan säännöllisesti.
  • Laaja ja helppo muokattavuus – voit mukauttaa teeman ulkosua ja ominaisuuksia hallintatyökalussa käyttäen teema-asetuksia ilman HTML/CSS-koodin käsittelyä.
  • Kattava yhteensopivuus – Fluid tukee kaikkia yleisimpiä verkkoselaimia ja laitteita.

Fluid-teeman bannerialueet

Fluid-teema sisältää useita bannerialueita, joiden avulla voit helposti lisätä väriä ja omaa brändiäsi verkkokauppasivuston eri osioihin. Bannerien sijainnit ja käyttöohjeet käydään läpi alla.

Etusivun pääbannerit

Fluidin etusivulla on yläreunassa bannerikaruselli, jossa näkyvät vuorotellen frontpage-main-ryhmän 4 ensimmäistä banneria. Kävijä voi selata niitä bannerialueen painikkeiden avulla.

Bannerin otsikko ja teksti asemoituvat kuvan keskelle. Bannerikuvan värimaailmaa valittaessa kannattaa ottaa huomioon banneritekstin väri, jotta teksti erottuu kuvan muodostamasta taustasta.

  • Sijainti verkkokaupassa: etusivu
  • Banneriryhmän koodi: frontpage-main
  • Suositeltu kuvakoko ja -suhde: 1500x525 px / 10:4 (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 voi esimerkiksi nostaa etusivulle suosittuja tuotteita, kampanjoita tai tuotemerkkejä.

Bannerit näkyvät joko 50 %:n tai 33 %:n levyisinä (riippuen siitä montako niitä on) siten että bannerikuva on taustana ja bannerin otsikko sekä teksti asemoituvat kuvan alareunaan.

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

Headerin ilmoituspalkki

Jokaisen sivun yläreunassa sijaitsee 1 banneri ryhmästä notification-bar. Bannerista näkyy pelkkä sisältöteksti. Bannerin taustaväri määräytyy Korosteväri- ja Ilmoitusnauhan taustaväri -asetuksien perusteella.

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

Footerin yhteystiedot

Fluidin footer-osio sisältää tekstimuotoisen bannerin kaikilla sivuilla kassasivuja lukuun ottamatta.

Banneria käyttämällä voit korvata footerin oletusarvoisen yhteystietopalkin.

Poiketen muista banneri näytetään bannerin oman koodin eikä banneriryhmän koodin perusteella.

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

Fluid-teeman asetukset

Voit mukauttaa Fluidin ulkoasua, rakennetta ja toimintoja teeman asetuksien avulla verkkokaupan hallinnan kautta.

Muokataksesi teeman asetuksia valitse Fluidia käyttävä versio hallintatyökalun sivulta Ulkoasu > Versiot ja paina Muokkaa teemaa -painiketta version tiedoissa.

Fluid-teemassa ovat saatavilla seuraavat asetukset:

Värit

  • Korosteväri: Käytetään esim. painikkeiden taustavärinä ja linkkien korostevärinä.
  • Sivuston yläosan taustaväri: Määrittää päänavigaation väriteeman (tumma/vaalea). Oletuksena käytetään yleistä väriteemaa.
  • Sivuston alaosan taustaväri: Määrittää footerin väriteeman (tumma/vaalea). Oletuksena käytetään yleistä väriteemaa.
  • Ilmoitusnauhan taustaväri: Määrittää header-bannerin taustavärin.

Navigaatiomalli

  • Navigaatiomalli: Määrittää sivuston navigaation tyylin (esim. vaaka- vai pystymallinen tuoteryhmävalikko). Valinnassa kannattaa huomioida verkkokaupan tuoteryhmien määrä: pystyvalikko on usein parempi vaihtoehto laajan valikoiman verkkokaupoissa.

Tyyliasetukset

  • Reunojen pyöristys: Määrittää esim. lomakekenttien ja tuotekuvien kulmien pyöristyksen.
  • Painikkeiden pyöritys: Määrittää painikkeiden kulmien pyöristyksen.
  • Ikonikirjaston tyyli: Määrittää ikonien paksuuden. Fluid-teemassa on käytössä Font Awesome -ikonikirjasto.

Fontit

  • Fontin koko: Määrittää kaikkien tekstien fonttikoon.
  • Otsikon fontti: Määrittää otsikkojen fontin. Valittavissa on suosittuja Google Fonts -palvelun fontteja.
  • Otsikon leikkaus: Määrittää otsikkojen tekstin paksuuden.
  • Otsikon tyyli: Määrittää käytetäänkö otsikoissa pienaakkosia vai pelkkiä suuraakkosia.
  • Leipätekstin fontti: Määrittää leipätekstin fontin.

Yläosan valikot

  • Näytä valuuttavalikko: Lisää sivun ylänavigaatioon valuuttavalikon. Asetuksen käyttäminen edellyttää, että verkkokauppaan on asennettu Valuuttamuunnin-laajennus.
  • Näytä sisältösivut ylätunnisteessa: Lisää sivun ylänavigaatioon verkkokaupan ylimmän tason sisältösivut.
  • Näytä kielivalikko: Lisää sivun ylänavigaatioon kielivalikon, jossa näkyvät kaikki verkkokaupan julkiset versiot.
  • Kielivalikon tyyppi: Määrittää näkyvätkö kielivalikossa versioiden nimet vai niiden kielikoodit (esim. FI).

Etusivu

  • Näytä mainostettavat tuoteryhmät: Lisää etusivulle listan mainostettavista tuoteryhmistä. Tuoteryhmät merkitään mainostettaviksi tuoteryhmälomakkeella.
  • Näytä mainostettavat tuotteet: Lisää etusivulle listan mainostettavista tuotteista. Tuotteet merkitään mainostettaviksi tuotelomakkeella.
  • Näytä suosituimmat tuotteet: Lisää etusivulle listan verkkokaupan myydyimmistä tuotteista.
  • Näytä uudet tuotteet: Lisää etusivulle listan verkkokaupan uusimmista tuotteista.

Tuoteryhmä

  • Tuoteryhmäkuvan asettelu: Määrittää tuoteryhmäkuvan sijainnin sivulla. Tuoteryhmäkuva asetetaan 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.

Tuotesivu

  • Tuotevariaatiovalikon tyyli: Määrittää tuotesivun variaatiovalikon esittämiseen käytetyn elementin (radiopainikkeet tai pudotusvalikko).
  • Näytä tuotemerkki: Lisää tuotesivulle tuotemerkin nimen.
  • Älä näytä määrävalitsinta: Piilottaa tuotteen määrävalitsimen.

Yleiset asetukset

  • Piilota uutiskirjeen tilaus: Piilottaa uutiskirjeen tilausvalinnan kassalla.