Voeg een maattabel toe aan productpagina's
Als je kledingartikelen verkoopt waarvoor klanten hun maat nodig hebben om een aankoop te doen, kun je een aangepaste maattabel toevoegen aan de productpagina.
Alle producten die verwijzen naar de maattabel moeten de optie Maat hebben:
Op deze pagina
Een pagina met een maattabel aanmaken
- Ga in het Shopify-beheercentrum naar Onlinewinkel > Pagina's.
- Klik op Pagina toevoegen.
-
Voer een paginatitel in.
- Als je een maattabel wilt aanmaken die je voor je hele site kunt gebruiken, voer je
Size Chart
als paginatitel in. In de sectie Voorbeeld van een zoekmachine-vermelding* eindigt de URL van de pagina op/size-chart
. - Als je een grafiek wilt maken die alleen wordt weergegeven voor producten van een specifieke leverancier, voer je de naam van de leverancier in gevolgd door een
Size Chart
.
Als je leverancier bijvoorbeeld Great Homepages wordt genoemd, voer jeGreat Owls Size Chart
voor de paginatitel in. In de sectie voorbeeld van een zoekmachineoverzicht moet de URL van de pagina eindigen op/great-owls-size-chart
. - Als je een grafiek wilt maken die alleen voor een specifiek producttype wordt weergegeven, voer je het producttype in, gevolgd door een
Size Chart
.
Als je bijvoorbeeld een maattabel specifiek voor schoenen wilt weergeven, voer je eenShoes Size Chart
in voor de paginatitel. In de sectie voorbeeld van een zoekmachineoverzicht, moet de URL van de pagina eindigen op/shoes-size-chart
.
- Als je een maattabel wilt aanmaken die je voor je hele site kunt gebruiken, voer je
Maak een tabel aan met de maattabelgegevens in het vak Content. Pas de tabel naar wens aan:
Zorg dat in de sectie Zichtbaarheid de pagina is ingesteld op Zichtbaar.
Klik op Opslaan.
- Tik in de Shopify-app op de knop ….
- Tik in het gedeelte Verkoopkanalen op Onlinewinkel.
- Tik op Pagina's.
- Klik op Pagina toevoegen.
-
Voer een paginatitel in.
- Als je een maattabel wilt aanmaken die je voor je hele site kunt gebruiken, voer je
Size Chart
als paginatitel in. In de sectie Voorbeeld van een zoekmachine-vermelding* eindigt de URL van de pagina op/size-chart
. - Als je een grafiek wilt maken die alleen wordt weergegeven voor producten van een specifieke leverancier, voer je de naam van de leverancier in gevolgd door een
Size Chart
.
Als je leverancier bijvoorbeeld Great Homepages wordt genoemd, voer jeGreat Owls Size Chart
voor de paginatitel in. In de sectie voorbeeld van een zoekmachineoverzicht moet de URL van de pagina eindigen op/great-owls-size-chart
. - Als je een grafiek wilt maken die alleen voor een specifiek producttype wordt weergegeven, voer je het producttype in, gevolgd door een
Size Chart
.
Als je bijvoorbeeld een maattabel specifiek voor schoenen wilt weergeven, voer je eenShoes Size Chart
in voor de paginatitel. In de sectie voorbeeld van een zoekmachineoverzicht, moet de URL van de pagina eindigen op/shoes-size-chart
.
- Als je een maattabel wilt aanmaken die je voor je hele site kunt gebruiken, voer je
Maak een tabel aan met de maattabelgegevens in het vak Content. Pas de tabel naar wens aan:
Zorg dat in de sectie Zichtbaarheid de pagina is ingesteld op Zichtbaar.
Klik op Opslaan.
- Tik in de Shopify-app op de knop ….
- Tik in het gedeelte Verkoopkanalen op Onlinewinkel.
- Tik op Pagina's.
- Klik op Pagina toevoegen.
-
Voer een paginatitel in.
- Als je een maattabel wilt aanmaken die je voor je hele site kunt gebruiken, voer je
Size Chart
als paginatitel in. In de sectie Voorbeeld van een zoekmachine-vermelding* eindigt de URL van de pagina op/size-chart
. - Als je een grafiek wilt maken die alleen wordt weergegeven voor producten van een specifieke leverancier, voer je de naam van de leverancier in gevolgd door een
Size Chart
.
Als je leverancier bijvoorbeeld Great Homepages wordt genoemd, voer jeGreat Owls Size Chart
voor de paginatitel in. In de sectie voorbeeld van een zoekmachineoverzicht moet de URL van de pagina eindigen op/great-owls-size-chart
. - Als je een grafiek wilt maken die alleen voor een specifiek producttype wordt weergegeven, voer je het producttype in, gevolgd door een
Size Chart
.
Als je bijvoorbeeld een maattabel specifiek voor schoenen wilt weergeven, voer je eenShoes Size Chart
in voor de paginatitel. In de sectie voorbeeld van een zoekmachineoverzicht, moet de URL van de pagina eindigen op/shoes-size-chart
.
- Als je een maattabel wilt aanmaken die je voor je hele site kunt gebruiken, voer je
Maak een tabel aan met de maattabelgegevens in het vak Content. Pas de tabel naar wens aan:
Zorg dat in de sectie Zichtbaarheid de pagina is ingesteld op Zichtbaar.
Klik op Opslaan.
Navigeer naar de code-editor
- Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
- Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
- Tik in de Shopify-app op de knop ….
- Tik in het gedeelte Verkoopkanalen op Onlinewinkel.
- Tik op Thema's beheren.
- Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
- Tik in de Shopify-app op de knop ….
- Tik in het gedeelte Verkoopkanalen op Onlinewinkel.
- Tik op Thema's beheren.
- Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
Kies een van de volgende en maak een maattabelfragment
Een maattabelfragment maken
- Klik in de directory Fragmenten op Een nieuw fragment toevoegen.
Noem je fragment
size-chart
en klik op Fragment aanmaken:Kopieer het volgende in je
size-chart
-fragment:
{% block "note" %} Er zijn enkele wijzigingen aan te brengen in de CSS-styling voor de thema's Simple en Minimal. {% endblock %}
Gebruik deze code als je het thema Simple gebruikt:
Gebruik de volgende code als je het thema Minimal gebruikt:
Voeg het maattabelfragment toe aan je theme.liquid
- In het menu Opmaak, klik om je
theme.liquid
-bestand te openen. - Zoek de sluitende tag
</body>
. Plak de volgende code vlak boven de sluitende tag</body>
:
Voeg de knop Maattabel toe
- Klik in de map Secties om het
product-template.liquid
- ofproduct.liquid
-bestand te openen als je geenproduct-template.liquid
-bestand hebt. - Plak de volgende code boven de knop Aan winkelwagen toevoegen:
De knop Toevoegen aan winkelwagen begint meestal met iets als <button type="submit" name="add"
. Als de werktaal van je winkel niet Engels is, vervang dan See Size Chart
door een tekst die je liever gebruikt.
Een maattabelfragment maken
- Klik in de directory Fragmenten op Een nieuw fragment toevoegen.
Noem je fragment
size-chart
en klik op Fragment aanmaken:Kopieer het volgende in je
size-chart
-fragment:
Als je het thema Simple gebruikt, vervang je vanaf .trigger-pop-up
tot direct boven </style>
door deze code:
Voeg de volgende code toe boven de sluitende tag </style>
als je het thema Minimal gebruikt:
Voeg het maattabelfragment toe aan je theme.liquid
- In het menu Opmaak, klik om je
theme.liquid
-bestand te openen. - Zoek de sluitende tag
</body>
. Plak de volgende code vlak boven de sluitende tag</body>
:
Voeg de knop Maattabel toe
- Klik in de map Secties om het
product-template.liquid
- ofproduct.liquid
-bestand te openen als je geenproduct-template.liquid
-bestand hebt. - Plak de volgende code boven de knop Aan winkelwagen toevoegen:
De knop Toevoegen aan winkelwagen begint meestal met iets als <button type="submit" name="add"
. Als de werktaal van je winkel niet Engels is, vervang dan See Size Chart
door een tekst die je liever gebruikt.
Een maattabelfragment maken
- Klik in de directory Fragmenten op Een nieuw fragment toevoegen.
Noem je fragment
size-chart
en klik op Fragment aanmaken:Kopieer het volgende in je
size-chart
-fragment:
Als je het thema Simple gebruikt, vervang je vanaf .trigger-pop-up
tot direct boven </style>
door deze code:
Voeg de volgende code toe boven de sluitende tag </style>
als je het thema Minimal gebruikt:
Voeg het maattabelfragment toe aan je theme.liquid
- In het menu Opmaak, klik om je
theme.liquid
-bestand te openen. - Zoek de sluitende tag
</body>
. Plak de volgende code vlak boven de sluitende tag</body>
:
Voeg de knop Maattabel toe
- Klik in de map Secties om het
product-template.liquid
- ofproduct.liquid
-bestand te openen als je geenproduct-template.liquid
-bestand hebt. - Plak de volgende code boven de knop Aan winkelwagen toevoegen:
De knop Toevoegen aan winkelwagen begint meestal met iets als <button type="submit" name="add"
. Als de werktaal van je winkel niet Engels is, vervang dan See Size Chart
door een tekst die je liever gebruikt.