Kokoelman sivut

Kokoelmat ovat sivuja, jotka luot ryhmitelläksesi tietyt tuotteet yhteen luokkiin. Sinulla voi olla automatisoituja kokoelmia ja manuaalisia kokoelmia.

Kokoelmasivuilla on oletuksena Kokoelmabanneri-osio ja Tuoteruudukko-osio teemaeditorissa.

Kokoelmabanneriosion asetukset

Kokoelmabanneri-osiossa näkyy tarkasteltavan kokoelman kuvaus ja esittelykuva.

Kokoelmabanneri-osion asetukset kokoelmasivuilla
MääriteKuvaus
Näytä kokoelman kuvausNäyttää kokoelman kuvauksen.
Näytä kokoelman kuvaNäyttää kokoelman kuvan.
VärimalliSarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista.

Tuoteruudukko-osion asetukset

Tuoteruudukko-osiossa näkyvät tarkasteltavaan kokoelmaan sisältyvät tuotteet.

Tuoteruudukko-osion asetukset kokoelmasivuilla
MääriteKuvaus
Tuotteita sivullaKullakin sivulla näytettävien tuotteiden määrä. Valitse 4:n kerrannainen 8:n ja 36:n väliltä.
Sarakkeiden määrä työpöydälläAseta sarakkeiden määrä tuotteiden näyttämiseksi pöytäkoneilla. Valitse numero väliltä 1 ja 6.
VärimalliSarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista.
KuvasuhdeAseta tuoteruudukossa näytettävien tuotteiden esittelykuvien kuvasuhde. Valitse seuraavista vaihtoehdoista:
  • Mukauta kuvaan - Käyttää kuvien kuvasuhdetta. Tämä estää kuvien rajauksen.
  • Muotokuva - Tämä rajaa kuvat kuvasuhteeseen 2:3.
  • Neliö - Tämä rajaa kuvat kuvasuhteeseen 1:1.
Kuvan muotoValitse tuotekuville yksi seuraavista kuvan muodoista:
  • Oletus – Muuttaa tuotekuvan suorakulmiomuotoon.
  • Kaari – Tekee tuotekuvan yläosasta kaaren muotoisen.
  • Möykky – Pyöristää tuotekuvan yhteen kuudesta satunnaisesta möykkymuodosta ja näyttää ainutlaatuisen animaation hiirellä osoitettaessa.
  • V-merkki vasemmalle – Muuttaa tuotekuvan V-merkkimuotoon, jossa on terävä kulma vasemmalle.
  • V-merkki oikealle – Muuttaa tuotekuvan V-merkkimuotoon, jossa on terävä kulma oikealle.
  • Timantti – Muuttaa tuotekuvan nelisivuisen timantin muotoon.
  • Suunnikas – Muuttaa tuotekuvan muotoon, jossa on kaksi paria samansuuntaisia viivoja.
  • Pyöreä – Pyöristää tuotekuvan ympyrä- tai soikiomuotoon ja näyttää ainutlaatuisen animaation hiirellä osoitettaessa.
Näytä toinen kuva hiirellä osoittaessaKun asiakas vie hiiren osoittimen tuotekuvien päälle pöytäkoneella, tämä vaihtoehto näyttää toisen tuotekuvan, jos tuotteella on sellainen.
Näytä myyjäNäyttää kunkin tuotteen myyjän.
Näytä tuotteen luokitusNäyttää tuotearvioiden keskiarvon tähtinä ja arvioiden lukumäärän sulkeissa, esimerkiksi: ★★★★★ (8). Tämä edellyttää myös tuotearvostelusovellusta ja metakenttämääritelmiä kohteille reviews.rating_count ja reviews.rating.
PikalisäysJos aktivoit Pikalisäys-vaihtoehdon, asiakkaat voivat lisätä tuotteen ostoskoriinsa tuotekortista. Valitse seuraavista vaihtoehdoista:
  • Ei mitään – Mitään pikalisäystoimintoa ei näytetä.
  • Vakio – Näyttää yhden seuraavista pikalisäyspainikkeista tuotekorteissa:
    • Lisää ostoskoriin – Koskee yksiversioisia tuotteita. Kun asiakas klikkaa painiketta, tuote lisätään automaattisesti hänen ostoskoriinsa.
    • Valitse vaihtoehdot – Koskee tuotteita, joista on eri versioita. Kun asiakas klikkaa painiketta, ponnahdusikkuna tulee näkyviin, jotta hän voi valita version ja jatkaa sitten ostamaan.
  • Erä – Näyttää pikatilausluettelon toiminnot.
Ota suodatus käyttöönValitse tämä vaihtoehto, jos haluat asiakkailla olevan vaihtoehtoja tuoteruudukon suodattamiseen.
Suodatinasettelu tietokoneellaAseta, miten suodattimet näkyvät pöytäkoneilla. Valitse asetteluksi Vaakasuuntainen, Pystysuuntainen tai Laatikko.
Ota lajittelu käyttöönValitse tämä vaihtoehto, jos haluat asiakkailla olevan vaihtoehtoja tuotteiden näyttöjärjestyksen lajitteluun.
Sarakkeiden määrä mobiililaitteessaAseta sarakkeiden määrä tuotteiden näyttämiseksi mobiililaitteilla. Valitse Yksi sarake tai Kaksi saraketta.
Yläosan täyttöAseta osion yläosassa olevan tilan määrä.
Alaosan täyttöAseta osion alaosassa olevan tilan määrä.

Tuoteruudukko-osion asetusten lisäksi voit tarkastella ja mukauttaa joitakin tuotekorttien teema-asetuksia ja lisätä oman osiokohtaisen Mukautetun CSS:n.

Etkö löydä hakemaasi vastausta? Autamme mielellämme.