Teemaeditori – Listaussivu

Listaussivu on tuotesivu, jonka asiakas näkee yksittäisestä listauksesta.

​

Osiot

Vuokrauksissa täällä näkyvän saatavuuskalenterin tyylit määritetään kalenterin asetuksissa ja varianttivalintojen painikkeet varianttipainikkeissa.

​

Varauswidget

Varauswidget on listaussivun keskeinen vuorovaikutteinen elementti. Se hoitaa varianttivalinnan, päivä- ja kellonaikavalinnan, määrän, lisäosat ja ostoskoriin lisäyksen kaikilla ostotyypeillä.

​

Ostovaihtoehdot

Widget esittää listaukselle käytettävissä olevat ostovaihtoehdot:

• Varaa — vuokravaraukset päivä- ja kellonaikavalinnalla sekä saatavuuskalenterilla
• Osta — kertaostot ilman päivämäärävalintaa
• Tilaa — toistuvat kestotilaukset

Jokainen vaihtoehto näkyy toimintopainikkeena. Kun listaus tukee useita ostotyyppejä, asiakas valitsee yhden, jolloin vastaava prosessi laajenee näkyviin.

​

Työpöytä- ja mobiiliasettelut

Työpöydällä varauswidget näkyy kaksipalstaisen asettelun oikeassa palstassa (kuvat vasemmalla, tiedot ja widget oikealla). Widget pysyy näkyvissä asiakkaan vierittäessä sivua. Ostovaihtoehdon napautus laajentaa varaus- tai ostoprosessin suoraan sivulle. Mobiilissa listaussivulla on kiinteä alapalkki toimintopainikkeineen. Minkä tahansa painikkeen napautus avaa koko näytön paneelin, joka sisältää täyden varausprosessin — varianttivalinnan, päivä- ja kellonaikavalitsimet, määrän, lisäosat ja ostoskoriin lisäyksen.

​

Varianttivalinta

Varianttien valinta tapahtuu varauswidgetin sisällä, ei erillisenä elementtinä listaussivulla. Jokainen varianttiakseli (kuten koko tai väri) näkyy rivinä pyöreitä painikkeita. Asiakas valitsee arvon napauttamalla painiketta. Kun varianttiakselilla on vain yksi arvo, se valitaan automaattisesti — asiakkaan ei tarvitse tehdä mitään. Kun arvoja on useita, ensimmäinen on valmiiksi valittuna ja asiakas voi vaihtaa sen napauttamalla toista painiketta. Toisen varianttiarvon valinta päivittää saatavuuskalenterin ja hinnoittelun reaaliajassa. Lisäosat näkyvät vasta, kun kaikilla varianttiakseleilla on valinta.

​

Päivämäärän ja kellonajan valinta

Varausostoissa widget näyttää:

1. Kestovaihtoehdot — kiinteän mittaiset paketit tai oma aikaväli sen mukaan, miten listauksen hintataulukko on määritetty
2. Päivävalitsin — saatavuuskalenteri, joka korostaa vapaat ja varatut päivät. Ensimmäinen vapaa päivä on valmiiksi valittuna.
3. Kellonaikavalitsimet — nouto- ja palautusaikojen valikot, jotka tulevat näkyviin päivämäärien valinnan jälkeen. Varatut ajat piilotetaan valitsimesta, jotta vaihtoehdot pysyvät selkeinä. Jos aiemmin valittu aika ei ole enää vapaa, se pysyy näkyvissä, jotta asiakas huomaa valintansa vaativan muutosta.

​

Ostoskoriin lisäys

Kun asiakas vahvistaa valintansa, widget tarkistaa, että kaikki pakolliset tiedot on täytetty (variantit, päivät, kellonajat, määrä), ja lähettää valinnan palvelimelle lopullista saatavuustarkistusta varten. Onnistuessa artikkeli lisätään ostoskoriin.

​

Jaetut lohkot

Ilmoituspalkki, ylätunniste, alatunniste ja sivun asetukset koskevat koko kauppaa — katso teemaeditorin yleiskatsaus ja sen osio useimpien sivujen lohkoista.

​

Aiheeseen liittyvät