De app gebruiken
Themablok
Het blok Maattabel bepaalt hoe klanten op je productpagina bij de tabel komen: een tekstlink, een knop of de tabel direct op de pagina. Je stelt het één keer in de thema-editor in, en het geldt voor elk product dat dat sjabloon gebruikt.
Het blok vinden: Webwinkel → Thema’s → Aanpassen, schakel naar een productsjabloon en klik op Maattabel in de sectie met productinformatie. Nog niet toegevoegd? Zie Installatie.
Weergave
| Instelling | Wat het doet |
|---|---|
| Label | De tekst waarop klanten klikken. Standaard „Maattabel” (in de taal van je winkel) — probeer „Maatgids” of „Vind je maat”. |
| Weergeven als | Tekstlink (standaard), Knop of In de pagina (tabel op de pagina), waarmee de hele tabel zonder klik op de productpagina staat. |
| Uitlijning | Links, Midden of Rechts. Alleen link en knop. |
De meeste instellingen hieronder verschijnen alleen bij link en knop, omdat er bij een tabel in de pagina niets te klikken valt.
Plaatsing
Standaard staat de link waar je het blok neerzet. Met plaatsing zet je hem in plaats daarvan op dezelfde rij als iets anders — de klassieke plek is naast de prijs.
| Instelling | Wat het doet |
|---|---|
| Tonen | Waar dit blok is geplaatst, Op dezelfde rij als de prijs of Op dezelfde rij als een ander element. |
| Class of selector van het element | Voor „een ander element”: een class of CSS-selector uit de productsectie van je thema, zoals product__title of .product-form__quantity. |
| Positie in de rij | Na het element of Voor het element. |
| Verticale uitlijning in de rij | Midden, Boven, Onder of Tekstbasislijn. |
Op dezelfde rij als de prijs vindt de prijs automatisch in Dawn en de meeste thema’s die erop zijn gebaseerd, en in thema’s die gangbare class-namen voor prijzen gebruiken. De link blijft staan als klanten van variant wisselen.
Link
| Instelling | Wat het doet |
|---|---|
| Linkkleur | Laat leeg om de tekstkleur van je thema te gebruiken. |
| Onderstrepen | Standaard aan. |
Pictogram
Zet een pictogram naast het label. Pictogrammen nemen de tekstkleur van de link of knop over, dus ze passen altijd.
| Instelling | Wat het doet |
|---|---|
| Pictogram | Geen pictogram (standaard), een van de 27 ingebouwde pictogrammen, of Eigen afbeelding. |
| Eigen pictogram | Je eigen afbeelding, getoond in de eigen kleuren. Een vierkante PNG of SVG werkt het best. |
| Positie van pictogram | Voor het label of Na het label. |
| Grootte van pictogram | 12–40 px. Standaard 18 px. |
| Ruimte tussen pictogram en tekst | Ruimte tussen het pictogram en het label, 0–24 px. Standaard 6 px. |
Modern
Maattabel · Maatlabel · Hanger met liniaal · Rolmaat · Breedte van shirt · Paspop · Tailleband van broek · Schoenlengte · Pasvorm lichaam
Klassiek
Liniaal · Meetlint · Rol meetlint · Shirt met meetlint · Opgevouwen meetlint · Plattegrond · Schoenmaat · Kledinghanger · Afmetingen van shirt · Lettermaten · Tailleomvang · Weegschaal · Jurk met liniaal · Sneaker · Heupen · Lichaam met meetlint · Geodriehoek · Breedtepijl
Knop
| Instelling | Wat het doet |
|---|---|
| Achtergrond / Tekst | Laat beide leeg voor een knop met omlijning in de tekstkleur van je thema. |
| Grootte | Klein (36 px hoog), Middel (44 px, de hoogte van de meeste themaknoppen) of Groot (52 px). Aangepast toont een schuifregelaar voor de knophoogte. |
| Knophoogte | 28–64 px. Standaard 44 px. Alleen bij grootte Aangepast. |
| Hoekradius | 0–40 px. Standaard 4 px. |
| Zwevende knop tonen | Zet ook een tab vast aan de rand van het scherm, zodat klanten de tabel tijdens het scrollen overal op de pagina kunnen openen. |
| Kant van de zwevende knop | Links of Rechts. |
| Positie van de zwevende knop | Boven, Midden of Onder op het scherm. |
| Zwevende knop tonen op mobiel | Standaard aan. Zet uit om het tabblad op telefoons te verbergen; klanten gebruiken daar de gewone knop. |
Tabelvenster
| Instelling | Wat het doet |
|---|---|
| Openen als | Pop-up (gecentreerd, standaard), Lade van links of Lade van rechts. |
Lades schuiven vanaf de zijkant in en laten de productpagina erachter zichtbaar. Op telefoons openen ze als gecentreerde pop-up, omdat een lade daar toch het hele scherm zou vullen. Op grotere schermen verschijnen productfoto’s alleen in de pop-up, omdat lades te smal zijn; op telefoons volgen ze de instelling Ook tonen op telefoons.
Wat klanten krijgen
- De pop-up of lade sluit met de sluitknop, de Escape-toets of — tenzij je dat uitzet in Weergave — een klik erbuiten.
- Heeft een tabel eenheden omrekenen, dan wordt de keuze van de klant (bijvoorbeeld inches) onthouden, zodat het volgende product in dezelfde eenheid opent. Andere tabellen in dezelfde maattabel wisselen mee.
- Brede tabellen scrollen op telefoons horizontaal in plaats van samen te persen, en kunnen de maatkolom vastzetten.
- De tabel is gemaakt voor gebruikers van toetsenbord en schermlezer: de focus gaat naar de pop-up als die opent en terug naar de link als hij sluit.