Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »

Tässä artikkelissa kerrotaan facelift päivityksen suurimmat muutokset.

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.


Facelift lyhyesti

  1. Fonttikokoa on kasvatettu läpi kaupan

  2. Default fontin muutos

  3. Korkeampi bannerikaruselli

  4. Kaksi ostoskorinappia on nyt yksi nappi

  5. Osastot ja tuoteryhmät näkyvillä mobiilissa

  6. Kaupan leveys on suurempi

  7. Tuotekortin rakenne muuttuu

  8. Vasemman reunan tuotepuu on leveämpi

  9. Jaa tuote -nappi (sometilit yhden napin takana)

Faceliftin demokauppaa pääset tutkimaan tästä https://the.nethit.cloud/


Mikä muuttuu verkkokaupan ilmeessä?

  1. 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.

  1. Default fontin 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.

Näyttökuva 2024-01-18 134943.png

  1. 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ä.

Näyttökuva 2024-01-18 134604.png

  1. Kaksi ostoskorinappia on nyt yksi nappi

Yksi nappi selkeyttää verkkokaupan ilmettä.

Kuva1.pngKuva2.pngKuva3.png

  1. 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.

Näyttökuva 2024-01-18 141422.png

  1. Kaupan leveys on suurempi

Ennen faceliftiä verkkokaupan sisällön leveys oli xxpx ja uuden sisällön leveys on xxpx. Tämä muutos mahdollistaa isompien tuotekuvien ja sisältökuvien käytön.

image-20240118-125716.png

  1. Tuotekortin rakenne muuttuu

  • Otsikko siirtyy tuotekuvan yläpuolelle, tuotekuva on isompi ja tuotekortin oikeanpuoleinen mainosalue siirtyy tuotekuvaus tabin sisään.

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.

Näyttökuva 2024-01-18 145817.pngKuva4.png

  1. Vasemman reunan tuotepuu on leveämpi

Tämä mahdollistaa suuremman fonttikoon käytämisen ja pidemmät tuoteryhmien nimet

Näyttökuva 2024-01-18 145618.png

  1. Jaa tuote -nappi (sometilit yhden napin takana)

Tuotetietojen jakaminen somessa on siirtynyt yhden napin taakse, eikä verkkokaupassa näy enää kaikki some-tilit.

image-20240118-125422.pngimage-20240118-125451.png


  • No labels