10. Page productpagina

Shop the look

In het thema is het mogelijk om een “shop the look” pagina te maken. Met een dergelijke pagina kun je, bijvoorbeeld, een set kleding verkopen als losse producten.

https://deviant-fashion.webshopapp.com/nl/air-max-270-react.html

“Extra template data” staat niet standaard ingeschakeld. Ga naar >Instellingen > Workflow > Vink vervolgens “Extra template data” aan.

Om een shop the look pagina te creëren van een product doe je het volgende. Creëer en nieuw product met bijvoorbeeld de naam “Shop the look”. Vervolgens plak je de tag [lookbook] in “extra template data” > data_02

De volgende stap is het toevoegen van een product bundel aan dit product.

Wanneer je dat doet dan zet de template je pagina om in het voorbeeld bovenaan deze pagina.


Product page columns

Met deze blokken kun je je productpagina instellen zoals je wilt. 

Er zijn 3 verschillende blokken met hun eigen inhoud. Deze kun je dus tonen op de plek waar je wilt.


Product page settings

Stel de productpagina verder in met onderstaande instellingen.

  • Product images: Kies hier hoe je de product afbeeldingen wilt tonen.

Carousel:

As bocks:

  • Hide short description: Verberg de korte omschrijving van het product
  • Hide ean: Verberg het EAN nummer. Handig als je bijvoorbeeld verkoopt via Bol.com of Amazon.
  • Show stock level: Toon het actuele voorraad niveau van het product
  • Hide quantity input: Hiermee verberg je de “aantallen” invul box naast de winkelwagen knop
  • Product variants as blocks: Standaard worden varianten in een select dropdown getoond. Met deze setting kun je dat veranderen.  
  • Variants as blocks style: Kies hier hoe je de varianten wilt weergeven. Als plaatjes of als blokjes. 

Als images:

Als blocks:

  • Inventory per location [Omnichannel Only]: Wanneer je omnichannel gebruikt kun je met deze setting een popup tonen van je voorraad.
  • Datafield video: Kies hier of je data_03 wilt gebruiken als product video veld. Mocht je deze activeren dan kun je in data_03 een link naar bv een youtube video plakken.

Op de productpagina wordt dan een link aangemaakt met een popup van je productvideo.  

  • Product description contrast: Hiermee geef je de product omschrijving een contrasterende kleur.
  • Show size table:  Hiermee kun je een maattabel tonen. Om deze functie te kunnen gebruiken dien je een “Size chart” pagina aan te maken. Dat doe je als volgt:

Ga naar Inhoud > Pagina’s. Maak vervolgens een nieuwe pagina aan met de naam “Size chart”. Deze naam dient exact zo te zijn.

Klik vervolgens in de text editor op deze knop

Plak vervolgens de volgende code in het tekstvak

<div class="sizetable">

</div>

Klik op “opslaan”. Vervolgens kun je de tekst opmaken zoals je wilt, bijvoorbeeld in een tabel met/zonder plaatjes etc. Deze pagina wordt dan in een popup getoond op je productpagina.

Updated on december 27, 2021

Was this article helpful?

Related Articles