Komponenter· Webbutik
Webbutik
Produktrutnät, kategorier, utvalda produkter, produktsida, läsprov och avhämtningsbeställning.
7 komponenter
Exemplen fungerar i testläge: inget sparas på en riktig webbplats, inga meddelanden skickas och betalningarna är testbetalningar.
Butik: produktrutnät
Sektion Prova productGrid
Butikens produktrutnät: produktbilder, namn, priser och läggning i varukorgen, med filter och sortering.
Inställningar (13)
| Inställning | Redigeras som | Standard |
|---|---|---|
Heading heading | Text | – |
Kategorins adress (t.ex. mailat/padel, tom = alla) category | Text | – |
Samlingens adress (ersätter kategorin) collection | Text | – |
Ordning sort | Val | Rekommenderade |
Limit limit | Tal | 8 |
Visa länk till alla produkter showLink | På / av | true |
Länktext allLabel | Text | – |
Köp direkt från kortet quickBuy | På / av | – |
Visa sista beställningstid sameDay | På / av | – |
Sidnumrering paging | Val | – |
Text när listan är tom emptyText | Lång text | – |
Länktext under en tom lista emptyLinkLabel | Text | – |
Länkadress under en tom lista emptyLinkUrl | Länk | – |
Tillgänglighet
Ledigt och bokat skiljs åt med text, inte bara med färg. Val av dag och tid fungerar med tangentbordet, det valda anges (aria-current eller aria-pressed) och priserna är läsbar text.
Används i 14 mallar
Butik: kategorier
Sektion categoryList
Butikens kategorier som bildkort som leder till kategorins produkter.
Inställningar (3)
| Inställning | Redigeras som | Standard |
|---|---|---|
Heading heading | Text | – |
Överkategorins adress (tom = huvudnivå) parent | Text | – |
Visa antal produkter showCounts | På / av | true |
Tillgänglighet
Navigeringen är ett namngivet landmärke, den aktuella sidan markeras med aria-current, menyknappen har ett tillstånd (aria-expanded) och en hopplänk leder till innehållet. Allt fungerar med tangentbordet och på en 390 px skärm utan sidledsrullning.
Butik: utvalda produkter
Sektion Prova featuredProducts
Utvalda produkter: några valda produkter på startsidan med köpknappar.
Inställningar (4)
| Inställning | Redigeras som | Standard |
|---|---|---|
Heading heading | Text | – |
Limit limit | Tal | 8 |
Köp direkt från kortet quickBuy | På / av | – |
Visa sista beställningstid sameDay | På / av | – |
Tillgänglighet
Ledigt och bokat skiljs åt med text, inte bara med färg. Val av dag och tid fungerar med tangentbordet, det valda anges (aria-current eller aria-pressed) och priserna är läsbar text.
Produktsida: produktinformation
Sektion Prova productMain
Produktsidans huvudsektion: produktens bilder, namn, pris, val och köp. Den byggs av produktsidans block.
Tillgänglighet
Ledigt och bokat skiljs åt med text, inte bara med färg. Val av dag och tid fungerar med tangentbordet, det valda anges (aria-current eller aria-pressed) och priserna är läsbar text.
Används i 0 mallar
Ingen gallerimall använder detta ännu. Lägg till det på en sida från redigerarens bibliotek Lägg till sektion.
Läsprov
Sektion Prova readingSample
Ett läsprov: bokens början att läsa på sidan och en knapp för att köpa boken.
Inställningar (4)
| Inställning | Redigeras som | Standard |
|---|---|---|
Heading heading | Text | Lue näyte |
Introduktion intro | Formaterad text | – |
Bok (adress i butiken) book | Text | – |
Ljudfil audioSrc | Länk | – |
Tillgänglighet
Varje bild har alternativ text eller är markerad som dekorativ. Förstoring och bildbläddraren fungerar med tangentbordet (pilar, Esc) och anger positionen (”Bild 2 av 5”). Bara den första synliga bilden laddas direkt.
Används i 2 mallar
Beställ för avhämtning
Sektion Prova pickupOrder
Beställ för avhämtning: en meny eller produkter, avhämtningstid och betalning, t.ex. för en pizzeria eller ett kafé.
Inställningar (2)
| Inställning | Redigeras som | Standard |
|---|---|---|
Heading heading | Text | Tilaa noudettavaksi |
Introduktion intro | Formaterad text | – |
Tillgänglighet
Ledigt och bokat skiljs åt med text, inte bara med färg. Val av dag och tid fungerar med tangentbordet, det valda anges (aria-current eller aria-pressed) och priserna är läsbar text.
Används i 4 mallar
Verkkokaupan sivu
Sektion shopPage
Butikssidornas hållare: produktlista, varukorg och kassa på /kauppa.
Inget levande exempel: sektionen ritar plattformens egen butik, varukorg och kassa. Prova att köpa i webbutiksmallens förhandsvisning.
Tillgänglighet
Ledigt och bokat skiljs åt med text, inte bara med färg. Val av dag och tid fungerar med tangentbordet, det valda anges (aria-current eller aria-pressed) och priserna är läsbar text.
Används i 0 mallar
Plattformen lägger själv till detta på sina egna sidor; det läggs inte till i redigeraren.