Komponentit· Verkkokauppa
Verkkokauppa
Tuoteruudukko, kategoriat, nostetut tuotteet, tuotesivu, lukunäyte ja noutotilaus.
7 komponenttia
Esimerkit toimivat testitilassa: mitään ei tallenneta oikealle sivustolle, viestejä ei lähetetä ja maksut ovat testimaksuja.
Kauppa: tuoteruudukko
Osio Kokeiltava productGrid
Kaupan tuoteruudukko: tuotekuvat, nimet, hinnat ja ostoskoriin lisääminen, suodatus ja lajittelu.
Asetukset (13)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | – |
Kategorian osoite (esim. mailat/padel, tyhjä = kaikki) category | Teksti | – |
Kokoelman osoite (korvaa kategorian) collection | Teksti | – |
Järjestys sort | Valinta | Suositellut |
Enimmäismäärä limit | Luku | 8 |
Näytä linkki kaikkiin tuotteisiin showLink | Päällä / pois | true |
Linkin teksti allLabel | Teksti | – |
Osta suoraan kortista quickBuy | Päällä / pois | – |
Näytä toimituksen takaraja sameDay | Päällä / pois | – |
Sivutus paging | Valinta | – |
Teksti, kun lista on tyhjä emptyText | Pitkä teksti | – |
Linkin teksti tyhjän listan alla emptyLinkLabel | Teksti | – |
Linkin osoite tyhjän listan alla emptyLinkUrl | Linkki | – |
Saavutettavuus
Vapaa ja varattu erotetaan tekstillä, ei pelkällä värillä. Päivän ja ajan valinta toimii näppäimistöllä, valittu kohta kerrotaan (aria-current tai aria-pressed), ja hinnat ovat luettavaa tekstiä.
Käytössä 14 pohjassa
Kauppa: kategoriat
Osio categoryList
Kaupan kategoriat kuvallisina kortteina, joista pääsee kategorian tuotteisiin.
Asetukset (3)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | – |
Yläkategorian osoite (tyhjä = päätaso) parent | Teksti | – |
Näytä tuotemäärät showCounts | Päällä / pois | true |
Saavutettavuus
Navigaatio on nimetty maamerkki, nykyinen sivu merkitään aria-current-tiedolla, valikkopainikkeella on tila (aria-expanded) ja ohituslinkki vie sisältöön. Kaikki toimii näppäimistöllä ja 390 px:n näytöllä ilman vaakavieritystä.
Kauppa: nostetut tuotteet
Osio Kokeiltava featuredProducts
Nostetut tuotteet: muutama valittu tuote etusivulla ostopainikkeineen.
Asetukset (4)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | – |
Enimmäismäärä limit | Luku | 8 |
Osta suoraan kortista quickBuy | Päällä / pois | – |
Näytä toimituksen takaraja sameDay | Päällä / pois | – |
Saavutettavuus
Vapaa ja varattu erotetaan tekstillä, ei pelkällä värillä. Päivän ja ajan valinta toimii näppäimistöllä, valittu kohta kerrotaan (aria-current tai aria-pressed), ja hinnat ovat luettavaa tekstiä.
Käytössä 11 pohjassa
Tuotesivu: tuotteen tiedot
Osio Kokeiltava productMain
Tuotesivun pääosio: tuotteen kuvat, nimi, hinta, valinnat ja ostaminen. Sen sisältö kootaan tuotesivun lohkoista.
Saavutettavuus
Vapaa ja varattu erotetaan tekstillä, ei pelkällä värillä. Päivän ja ajan valinta toimii näppäimistöllä, valittu kohta kerrotaan (aria-current tai aria-pressed), ja hinnat ovat luettavaa tekstiä.
Käytössä 0 pohjassa
Mikään gallerian pohja ei vielä käytä tätä. Sen saa sivulle editorin Lisää osio -kirjastosta.
Lukunäyte
Osio Kokeiltava readingSample
Lukunäyte: kirjan alku luettavaksi sivulla ja painike kirjan ostamiseen.
Asetukset (4)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | Lue näyte |
Esittely intro | Muotoiltu teksti | – |
Kirja (osoite kaupassa) book | Teksti | – |
Äänitiedosto audioSrc | Linkki | – |
Saavutettavuus
Jokaisella kuvalla on vaihtoehtoinen teksti tai se on merkitty koristeeksi. Suurennus ja kuvaselain toimivat näppäimistöllä (nuolet, Esc) ja kertovat kohdan (”Kuva 2 / 5”). Vain ensimmäinen näkyvä kuva ladataan heti.
Käytössä 2 pohjassa
Tilaa noudettavaksi
Osio Kokeiltava pickupOrder
Tilaa noudettavaksi: ruokalista tai tuotteet, noutoaika ja maksu, esimerkiksi pizzerialle tai kahvilalle.
Asetukset (2)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | Tilaa noudettavaksi |
Esittely intro | Muotoiltu teksti | – |
Saavutettavuus
Vapaa ja varattu erotetaan tekstillä, ei pelkällä värillä. Päivän ja ajan valinta toimii näppäimistöllä, valittu kohta kerrotaan (aria-current tai aria-pressed), ja hinnat ovat luettavaa tekstiä.
Käytössä 4 pohjassa
Verkkokaupan sivu
Osio shopPage
Kaupan sivujen alusta: tuotelista, ostoskori ja kassa osoitteessa /kauppa.
Ei elävää esimerkkiä: osio piirtää alustan oman kaupan, ostoskorin ja kassan. Kokeile ostamista Verkkokauppa-pohjan esikatselussa.
Saavutettavuus
Vapaa ja varattu erotetaan tekstillä, ei pelkällä värillä. Päivän ja ajan valinta toimii näppäimistöllä, valittu kohta kerrotaan (aria-current tai aria-pressed), ja hinnat ovat luettavaa tekstiä.
Käytössä 0 pohjassa
Alusta lisää tämän itse omille sivuilleen; sitä ei lisätä editorissa.