Tämä artikkeli liittyy tulevaan versiopäivitykseen. Ilmoitamme erikseen kun facelift-versio on valmis.
Tässä artikkelissa kerrotaan facelift päivityksen suurimmat muutokset. Versiopäivityksen versionumero on 11.23.0.
Verkkokaupan facelift on teoriassa normaali versiopäivitys, mutta sen visuaaliset muutokset ovat merkittäviä, joten version päivittäminen verkkokauppoihin tehdään ensin demokauppaan ja vasta sen jälkeen julkaistaan livekauppaan.
Käytännössä facelift:n päivittäminen toimii myös tuoreutuksena.
| Table of Contents |
|---|
Facelift lyhyesti
Fonttikokoa on kasvatettu läpi kaupan
Default fontin muutos
Korkeampi bannerikaruselli
Kaksi ostoskorinappia on nyt yksi nappi
Osastot ja tuoteryhmät näkyvillä mobiilissa
Kaupan leveys on suurempi
Tuotekortin rakenne muuttuu
Vasemman reunan tuotepuu on leveämpi
Jaa tuote -nappi (sometilit yhden napin takana)
Logo -alue on suurempi
Hakukenttä on oletuksena header-osion keskellä
Mobiilinäkymän header-osioon muutoksia
Faceliftin demokauppaa pääset tutkimaan tästä https://www-confirma-wikidemo-fi.nethit.cloud/
Mikä muuttuu verkkokaupan ilmeessä?
Fonttikokoa on kasvatettu läpi kaupan
Fontti koko kasvaa kaikissa verkkokaupan 1 px teksteissä, joihin ei ole erikseen määritelty fonttikokoa.
Käytännössä kaikki sisältötekstit, otsikko 1, otsikko 2, tuotepuu, osastot, valilkkolinkit, tuoteryhmien nimet yms. kasvavat. Jos kuitenkin olette tehneet sisältöä, johon olette määrittäneet html-koodissa tietyn pikseli-koon, muutos ei vaihda tätä kokoa.
Default fontin Oletusfontin muutos
Aikaisempi oletusfontti verkkokaupoissa on ollut Roboto. Uutena oletusfonttina verkkokaupoissa on Poppins.
Mikäli verkkokauppanne teemaan on määritelty jokin muu fontti kuin oletusfontti, tämä muutos ei vaikuta verkkokauppaanne.
Jos verkkokauppaanne on määritelty jonkin muu fontti vain otsikoihin ja muussa tekstissä on oletusfontti, muuttaa tämä päivitys nämä muut tekstit Poppins fontille. Otsikoihin määritettyihin fontteihin muutos ei vaikuta.
Korkeampi bannerikaruselli
Vanhan karusellibannerin oletuskorkeus oli 400 px ja sen korkeutta pystyi muuttamaan verkkokaupan asetuksista.
Uuden karusellibannerin oletuskorkeus on 577px.
Karusellinbannereiden selauspainikkeet on siirretty alanurkkaan, jotta ne eivät häiritse visuaalista ilmettä.
Kaksi ostoskorinappia on nyt yksi nappi
Yksi nappi selkeyttää verkkokaupan ilmettä.
Osastot ja tuoteryhmät näkyvillä mobiilissa
Aikaisemmin mobiilinäkymässä osastot ja tuoteryhmät olivat valikko-napin takana. Uudistuksen jälkeen osastot näkyvät hakukentän alapuolella ovat skrollattavissa sivuttain.
Tämä ominaisuus on käytössä vain verkkokaupoissa, joissa on osastotoiminto TAI verkkokaupoissa, joiden pääryhmät on laitettu asetuksella näkyviin navigaatiomenuun.
Kaupan leveys on suurempi
Ennen faceliftiä verkkokaupan etusivunsisällön leveys oli 1740px ja muiden sivyen sisällön leveys oli xxpx ja uuden 1450px.
Uuden etusivunsisällön leveys on nyt ns. FullHD-mitta eli 1920 px ja muiden sivujen sisällön leveys on xxpx1520px.
Tämä muutos mahdollistaa isompien tuotekuvien ja sisältökuvien käytön.
.jpg?version=1&modificationDate=1706095543020&cacheVersion=1&api=v2&width=600)
Tuotekortin rakenne muuttuu
Otsikko siirtyy tuotekuvan yläpuolelle, tuotekuva on isompi ja tuotekortin oikeanpuoleinen mainosalue siirtyy tuotekuvaus tabin sisään.
| Info |
|---|
Mikäli käytössänne on kuvasuhde 10:15, suosittelemme vaihtamaan sen esimerkiksi 10:13 tai 1:1. Jos tuotekuva on kuvasuhteeltaan 10:15, ei tuotekuva mahdu muutoksen jälkeen enää näkymään kokonaan desktop-näytölle. Vinkki: jos teette shopping-mainontaa, niin 1:1 kuvakoko on suoraan käytettävissä mainoksiin. |
Vasemman reunan tuotepuu on leveämpi
Tämä mahdollistaa suuremman fonttikoon käytämisen ja pidemmät tuoteryhmien nimet
Jaa tuote -nappi (sometilit yhden napin takana)
Tuotetietojen jakaminen somessa on siirtynyt yhden napin taakse, eikä verkkokaupassa näy enää kaikki some-tilit.
Logo-alue on suurempi
Logo-alueeseen mahtuu faceliftin jälkeen logo, jonka maksimimitat ovat xx-xx px.
Mikäli logo on nykyinen logo on pienempi, se skaalautuu automaattisesti isommaksi.
Hakukenttä on oletuksena header-osion keskellä
Mobiilinäkymän header-osioon muutoksia
