Etusivu » Vilkas Group Oy » Ajankohtaista » Uusia ominaisuuksia, osa 1: Ulkoasu

Uusia ominaisuuksia, osa 1: Ulkoasu

Ulkoasun muokkauksen uudet ominaisuudet

Tuleva versiopäivitys tekee modernin ja helppokäyttöisen verkkokaupan suunnittelun entistä helpommaksi, eikä tyylikkään ulkoasun viimeistelyyn tarvita CSS-koodausta.

Verkkokauppojen nykyinen versio on ePages 6.14.4 ja päivityksen jälkeen ollaan versiossa 6.16.3. Tarkemman listan uudistuksista, parannuksista ja korjauksista löytää ePagesin sivuilta englanniksi.

Suuret tuotekuvat tuotesivuilla automaattisesti

Tuotesivun asettelu verkkokaupassa

Tuotesivulla näytettävä tuotekuva näytetään nyt automaattisesti niin suurena kuin mahdollista. Huomio! Vanhantyyliset tuotesivun asettelut muutetaan automaattisesti moderniin tyyliin, jossa tuotekuvat ovat isokokoisia sekä kuvaustekstit ja lisäkentät näytetään välilehdissä. Tarvittaessa asettelu voidaan palauttaa entiseen Tuotteet > Tuotetyypit > [tuotetyyppi] > Asettelu -sivulla.

Mega-valikko tuoteryhmille

Mega-valikko

Mega-valikko helpottaa oikean tuoteryhmän löytämistä jos tuoteryhmiä on paljon. Tuoteryhmät voidaan esittää nyt mega-valikkona, jossa pää- ja alatuoteryhmät näkyvät isona pudotusvalikkona. Mega-valikko lisätään uutena sivuelementtinä Ulkoasu > Ulkoasun yksityiskohtainen muokkaus -sivulla.

Valikko näyttää päätuoteryhmät ylänavigaatiossa, ja hiiren viedessä tuoteryhmän päälle avautuu valikko, jossa näkyvät kaikki toisen ja kolmannen tason alatuoteryhmät. Vinkki: Luo tuoteryhmähierarkia kolmeen tasoon, jolloin voit laittaa kuvaavat ja tarkat nimet tuoteryhmille. [EPG-20737]

Uusi asettelu tuotelistaan ja hakutuloksiin

Tuotelistan asettelu

Tuotelistan ja hakutulossivun tuotteiden asetteluun on lisättu uusi vaihtoehto: neljä tuotetta rinnakkain. Tuotekuvat ovat isokokoisia, max 200x200 pikseliä, ja tuotteesta näytetään kuvan lisäksi nimi, hinta,  vertailuhinta sekä mahdolliset tuotearvioit. Tuoteryhmään uusi asettelu lisätään Sisältö/Tuoteryhmät > Lomakenäkymä > [tuoteryhmä] > Asettelu -sivulla. Hakutuloksiin asettelu muutetaan Asetukset > Hakuasetukset -sivulla.

Hakusuodatin tuotelistan rajaamiseen

[Saatavilla Pro-verkkokauppoihin]

Tuotehaun suodatus

Oikean tuotteen löytäminen laajasta valikoimasta on nyt ennennäkemättömän helppoa asiakkaalle kun apuna on hakutulosten suodatus. Käyttäessään tuotehakua tai selatessaan tuoteryhmiä, asiakkaalle voidaan tarjota tuotelistan suodattamista tuotteen ominaisuuksien perusteella. Esimerkiksi vaatekaupassa asiakas voi suodattaa muut kuin oman koon tuotteet pois näkyvistä.

Asiakas voi rajata tuotehaun tuloksia tuotteen hinnan, valmistajan, arvioiden, tuoteryhmän, sekä vaihtoehtojen arvojen mukaan. Ominaisuus otetaan käyttöön Asetukset > Haku -sivulla. Vaihtoehtojen arvoissa määritetään, mitkä vaihtoehdot ovat suodatettavissa Tuotteet > Tuotetyypit > [tuotetyyppi] > Lisäkentät -sivulla. [EPG-21168]

Muokattavat painikkeet

Muokattavat painikkeet

Nyt voit entistä helpommin muokata verkkokaupan nappien ulkoasua. Ostoskori-napin, kehyksen ja tekstin kokoa ja väriä voidaan muokata helppokäyttöisillä säätimillä Asetukset > Ostoskorin asetukset > Säädä painiketta -sivulla. Voit jopa ladata oman kuvatiedoston, jota käytetään "lisää koriin" nappina tuotesivulla. Muiden kuin ostoskorinapin ulkoasua voidaan muokata Ulkoasu > Ulkoasun pikamuokkaus -sivulla. [EPG-23664]

Slideshow-työkalu

[Saatavilla Active ja  Pro -verkkokauppoihin]

Vaihtuva kuva

Verkkokaupan etusivua voidaan elävöittää vaihtuvilla kuvilla. Nyt kauppaan tulee helppokäyttöinen työkalu, jonka avulla kuvat skaalataan automaattisesti optimaaliseen kokoon eikä ylläpitäjän tarvitse enää koskea jQuery- tai html-koodiin. Kuvan vaihtumisen efektiksi voi valita liu'un, ristiinhäivytyksen, laajennuksen tai peiton. Kuvan vaihtumisen nopeutta voidaan säätää.

Kuva voidaan lisätä sisältöön tekstieditorissa klikkaamalla "Sovellus" kuvaketta ja valitsemalla "Sisällön säädin" Vinkki: Mainosta parhaita tuotteitasi vaihtuvalla kuvalla kaupan etusivulla ja linkitä kuvasta tuotesivulle. Lisää kuvaan tekstiä, joka houkuttaa klikkaamaan ja tutustumaan tuotteeseen paremmin. [EPG-22863]

Sivuelementtien asemointi pikselin tarkkuudella

Elementin asemointi

Tuoteryhmälistoja, ostoskorilaatikkoa ja muita ulkoasun sivuelementtejä voidaan nyt siirrellä entistä helpommin oikealle paikalleen. Elementtien muokkaus onnistuu Ulkoasu > Ulkoasun yksityiskohtainen muokkaus -sivulla. [EPG-26482]

Uusia fontteja

Fontit

Uusia fontteja löytyy Ulkoasu > Ulkoasun pikamuokkaus -sivulta. [EPG-17989]

Uusia ulkoasupohjia, uusi rakenne

Rakenne

Kaupan rakenteeseen voidaan lisätä kolmas ylävalikko. Vasen ja oikea sivupalkki voidaan asettaa piilotetuksi alasivuilla. Ulkoasu > Ulkoasun yksityiskohtainen muokkaus

Uusia sivupohjia

Uusia, modernin näköisiä sivupohjia lisätty Ulkoasu > Sivupohjat -sivulle.

Mobiilinäkymää kehitetty

[Saatavilla Active ja  Pro -verkkokauppoihin]

Mobiilinäkymä tuotesivusta

Mobiilinäkymästä voidaan valita kaksi erilaista versiota Asetukset > Yleiset asetukset -sivulla, joista toinen on optimoitu verkkokaupalle ja toinen näkymä verkkosivulle. Tuotesivu on suunniteltu kokonaan uudestaan. Sosiaalisen median toimintoja lisätty mobiilinäkymään. Mobiilinäkymää voidaan nyt myös esikatsella helposti kaupan hallinnasta. [EPG-21547]

Muita uudistuksia

  • Verkkokaupan esikatselu on nyt helpompaa, jos kauppa on asetettu suljetuksi [EPG-4085]
  • Vaiheittaisen tilausprosessin sivujen ulkoasua voidaan muokata entista laajemmin [EPG-22550]
  • Uusi sivuelementti: Linkki "Kirjaudu sisään/ulos". Sisäänkirjautuminen ei tarvitse olla laatikkomuodossa enää.
  • Ulkoasun muokkauksesta pääsee nyt helposti siirtymään sisällön muokkaukseen

Vanhat ulkoasut säilyvät entisellään

Päivityksen jälkeen kauppasi ulkoasu säilyy entisellään, eikä ulkoasua tarvitse muuttaa tai korjata versiopäivityksen jälkeen. Ulkoasua voidaan jatkossakin muokata omalla CSS-koodilla sekä jQuery-koodilla. Google Fonts -palvelulla saadaan entistä enemmän fontteja käyttöön.

Jaa sisältö