De app gebruiken
Tabeleditor
Alles wat je in een tabel kunt zetten en elke optie daarvoor. Open de editor vanuit Maattabellen door een tabel te maken of op een bestaande te klikken.
Indeling van de editor
- Naam van de tabel — voor jezelf; klanten zien hem nooit.
- Inhoud — de elementen van de tabel, van boven naar beneden. Sleep de greep om ze te herschikken, of gebruik de pijlen omhoog / omlaag. Het prullenbakpictogram verwijdert een element.
- Weergave — Weergave van de webshop gebruiken staat standaard aan. Zie één tabel een eigen stijl geven.
- Status en Geldt voor — uitgelegd in de Installatiegids.
- Live voorbeeld — wordt bijgewerkt terwijl je typt. Wissel tussen desktop en mobiel, of open het Voorbeeld op volle breedte.
Wijzigingen staan pas live als je op Opslaan in de balk bovenaan klikt. Verlaat je de pagina met niet-opgeslagen wijzigingen, dan wordt eerst gevraagd of je ze wilt opslaan of verwerpen.
Elementen
Klik op Element toevoegen om een van de acht elementtypen toe te voegen. Lege elementen — een kop zonder tekst, een afbeelding zonder bestand — worden in je webshop weggelaten, zodat een half afgemaakt element nooit als lege ruimte verschijnt.
Tabel
Rijen en kolommen met maten. De eerste rij is de koprij; de eerste kolom bevat meestal de maatnamen. Zie werken met tabellen en eenheden omrekenen hieronder. Stijlopties:
| Instelling | Wat het doet |
|---|---|
| Uitlijning van cellen | Links, Midden of Rechts. |
| Celafstand | Compact, Normaal of Ruim. |
| Lijnen | Tussen rijen, Volledig raster of Geen. |
| Kleuren | Achtergrond van het kopgedeelte, Tekst van de koprij, Celtekst, Afwisselende rijen en Lijnen. Laat leeg om de kleuren van de tabel te gebruiken. |
| Vetgedrukte koprij | Standaard aan. Zet uit voor een koprij in normale dikte. |
| Vetgedrukte eerste kolom | Standaard aan. Zet uit voor maatnamen in normale dikte. |
| Eerste kolom markeren | Kleurt de maatkolom zodat die als label leest. |
| Eerste kolom zichtbaar houden bij scrollen | Bij brede tabellen blijft de maatkolom staan terwijl klanten horizontaal scrollen — vooral handig op telefoons. |
| Koprij en maatkolom in hoofdletters | Toont ze in hoofdletters. |
Kop
Een korte titel om een tabel in secties te verdelen, zoals „Zo meet je”.
| Instelling | Wat het doet |
|---|---|
| Uitlijning | Links, Midden of Rechts. |
| Grootte | Klein, Middel of Groot. |
| Kleur | Laat leeg om de kopkleur van de tabel te gebruiken. |
Tekst
Een notitie over pasvorm, meten of retourneren. De werkbalk heeft vet, cursief, onderstrepen, lijsten met opsommingstekens en nummering, en links. Zet de Tekstgrootte op Klein, Middel of Groot.
Selecteer woorden en gebruik Tekstkleur of Markeren om ze te kleuren. Met HTML bewerken, aan het eind van de werkbalk, bewerk je de opmaakcode rechtstreeks: alinea's, koppen h3 en h4, vet, cursief, onderstrepen, lijsten, links en gekleurde tekst blijven behouden. Andere tags worden bij het opslaan verwijderd, maar hun tekst blijft staan. De tekst in „Afbeelding met tekst” gebruikt dezelfde editor.
Afbeelding
Eén diagram of foto — bijvoorbeeld een illustratie van hoe je meet.
| Instelling | Wat het doet |
|---|---|
| Afbeelding | Upload een nieuwe afbeelding, kies er een uit je Shopify-bestanden of plak een afbeeldingslink (alleen https). JPG, PNG, WebP of GIF, tot 20 MB. |
| Alt-tekst | Beschrijft de afbeelding voor klanten die een schermlezer gebruiken. Altijd de moeite waard om in te vullen. |
| Breedte | Oorspronkelijke grootte, Volledige breedte, Groot, Middel of Klein. |
| Uitlijning | Links, Midden of Rechts. |
Afbeelding met tekst
Een afbeelding naast uitleg, zoals een diagram met meetstappen.
| Instelling | Wat het doet |
|---|---|
| Positie van de afbeelding | Links van de tekst of Rechts van de tekst. |
| Afbeeldingsbreedte | Half of Een derde van het element. |
| Verticale uitlijning | Midden of Boven. |
Op telefoons staat de afbeelding boven de tekst.
Afbeeldingengalerij
Meerdere afbeeldingen naast elkaar — stofdetails, pasvormfoto’s of meetstappen.
| Instelling | Wat het doet |
|---|---|
| Indeling | Raster of Carrousel (veegbaar). |
| Kolommen | Alleen raster: Automatisch aanpassen, 2, 3 of 4. |
| Afbeeldingshoogte | Alleen carrousel: Laag, Middel of Hoog. |
Video
Een korte video over hoe je meet.
| Instelling | Wat het doet |
|---|---|
| Bron | Upload een video naar je Shopify-bestanden (MP4, MOV of WebM, tot 1 GB), of plak een YouTube- of Vimeo-link. |
| Afspelen | Alleen geüploade video's: Speler met bediening, of Automatisch zonder geluid in een lus afspelen, zoals een GIF. |
| Titel | Wordt voorgelezen door schermlezers. |
| Breedte | Volledige breedte, Groot, Middel of Klein. |
Scheidingslijn
Een horizontale lijn tussen secties, met een optioneel label in het midden.
| Instelling | Wat het doet |
|---|---|
| Lijn | Doorgetrokken, Gestreept of Gestippeld. |
| Tussenruimte | Kleine, middelgrote of grote ruimte rond de lijn. |
| Dikte | 1, 2 of 4 px. |
| Kleur | Laat leeg om de lijnkleur van de tabel te gebruiken. |
| Label | Tot 60 tekens, bijv. „Zo meet je”. Staat in een onderbreking van de lijn; laat leeg voor een gewone lijn. |
| Positie van het label | Links, Midden of Rechts. |
Elk element heeft ook Ruimte boven en Ruimte onder (Geen, Klein, Standaard of Groot) onder Stijlopties.
Werken met tabellen
De tabeleditor werkt als een kleine spreadsheet. Een tabel kan tot 200 rijen en 30 kolommen hebben.
Toetsenbord en muis
| Instelling | Wat het doet |
|---|---|
| Pijltjestoetsen | Tussen cellen bewegen. |
| Shift + pijltjestoetsen | Een celbereik selecteren. Je kunt ook klikken en slepen. |
| Enter | Eén rij omlaag (Shift + Enter gaat omhoog). |
| Delete / Backspace | Alle cellen in een geselecteerd bereik leegmaken. |
| Ctrl / ⌘ + C, X, V | Een bereik kopiëren, knippen en plakken. |
| Ctrl / ⌘ + Z | De laatste tabelwijziging ongedaan maken (plakken, invoegen, verwijderen). |
| Rechtsklik, Shift + F10 of de menutoets | Het menu Tabelacties openen. |
| Escape | Een selectie terugbrengen tot één cel. |
Plakken vanuit Excel of Google Sheets
Kopieer cellen in je spreadsheet, klik in de cel waar de waarde linksboven moet komen en plak. De tabel groeit mee. Plak je één waarde over een selectie, dan wordt elke geselecteerde cel gevuld.
Menu Tabelacties
Klik met rechts op een cel voor:
- Ongedaan maken
- Rij boven / onder invoegen, Rij dupliceren, Rij omhoog / omlaag, Rij verwijderen
- Kolom links / rechts invoegen, Kolom naar links / rechts, Kolom verwijderen
- Rijen en kolommen omwisselen — zet maten die bovenaan staan aan de zijkant, of andersom.
- CSV importeren… — vervangt de tabel door de inhoud van een CSV-bestand. De eerste regel wordt de koprij.
- Maten wissen — maakt alle cellen leeg maar houdt de koprij en maatkolom, zodat je de indeling kunt hergebruiken.
Zijn er meerdere rijen geselecteerd, dan verwijdert Rij verwijderen ze allemaal. De knoppen Rij toevoegen en Kolom toevoegen onder de tabel voegen aan het eind toe.
Eenheden omrekenen
Voer maten één keer in en laat klanten van eenheid wisselen. Met omrekenen aan verschijnt boven de tabel een kleine schakelaar (bijvoorbeeld cm | in). Maten en notities blijven precies zoals je ze hebt geschreven.
| Instelling | Wat het doet |
|---|---|
| Eenheden omrekenen | Niet omrekenen, of de ingevoerde eenheid → de aangeboden eenheid: Centimeters → inches, Inches → centimeters, Millimeters → inches, Inches → millimeters, Kilogram → pond, Pond → kilogram. |
| Eerst tonen | Welke eenheid klanten zien als de tabel opent — de ingevoerde, of de omgerekende (bijv. inches voor een Amerikaans publiek). |
| Omgerekende waarden afronden op | Hele getallen, 1 decimaal (standaard) of 2 decimalen. |
| Positie van de schakelaar | Links, Midden of Rechts boven de tabel. |
| Om te rekenen kolommen | Vink de kolommen met maten aan. Standaard worden alle kolommen behalve de eerste omgerekend. |
Wat wordt omgerekend
- Losse waarden (
86) en bereiken (86-90,86 – 90,86/90,86 to 90). - Decimale komma’s (
86,5) — de omgerekende waarde houdt de komma. - Waarden met de eenheid erbij (
86 cm→33.9 in). - Een eenheid tussen haakjes in de koprij wordt ook aangepast:
Chest (cm)wordtChest (in).
Alles wat geen getal is — maatnamen zoals M of XL, notities, lege cellen — blijft zoals het is.
Taille (cm), zodat klanten altijd weten welke eenheid ze lezen.Eén tabel een eigen stijl geven
Standaard volgt elke tabel je winkelbrede Weergave. Wil je één tabel anders stylen — bijvoorbeeld donkerder voor een streetwearlijn — zet dan Weergave van de webshop gebruiken uit in de editor. De tabel krijgt een eigen kopie van de instellingen voor Tabelvenster, Kopgedeelte, Productfoto’s, Achtergrond, Tabel en Tekst, uitgaande van je huidige winkelwaarden.
Zet Weergave van de webshop gebruiken weer aan om de tabel terug te zetten naar de winkelstijl. Aangepaste CSS en sluiten bij klikken buiten de tabel komen altijd van de winkelbrede pagina Weergave.