Productpagina's
Op productpagina's kun je informatie weergeven over de producten die je in je winkel verkoopt en waar je klanten de producten kunnen kopen.
Productpagina's hebben standaard een sectie Productgegevens en een sectie Gerelateerde producten in de themabewerker.
Op deze pagina
De sectie Productgegevens
In de sectie Productgegevens wordt informatie over je producten weergegeven, zoals de titel, de beschrijving, de prijs en afbeeldingen.
Instellingen sectie Productgegevens
Instellingen | Beschrijving |
---|---|
Sticky content op desktop inschakelen | Wanneer je door een pagina naar beneden scrolt, begint de kolom met productinformatie pas met scrollen wanneer alle afbeeldingen zijn doorgescrold. |
Kleurschema | Een set kleuren die je kunt toepassen op deze sectie. Hier vind je meer informatie over kleurenschema's. |
Media op desktopbreedte | Stel de breedte van je productmedia op de productpagina voor desktopcomputers in. Je kunt kiezen uit Klein, Gemiddeld of Groot. |
Media beperken tot schermhoogte | Met deze optie stel je een maximumhoogte voor media in op basis van de hoogte van het browservenster op elk gewenst apparaat. |
Media passen | Selecteer Origineel voor de oorspronkelijke beeldverhouding of Opvullen om de media passend te maken op de container. |
Opmaak bureaublad |
Stel de opmaak van je productmedia in op desktopcomputers. Kies uit de volgende opties:
|
Positie van media voor desktopcomputer | Selecteer of de productmedia aan de linkerkant of aan de rechterkant van de pagina moeten worden weergegeven op desktopcomputers. |
Inzoomen op afbeelding | Kies hoe op een desktop wordt in- en uitgezoomd op de afbeelding:
|
Opmaak voor mobiel | Stel de opmaak van je productmedia in op mobiele apparaten. Kies uit de volgende opties:
|
De media van andere varianten verbergen na selectie van een variant | Wanneer een variant is geselecteerd, worden de afbeeldingen van andere varianten verborgen. Deze afbeeldingen komen na deselectie van de variant weer in beeld. |
Video-looping inschakelen | Als je video's in je productmedia hebt, speelt deze instelling ze in een lus af, zodat ze automatisch worden herhaald als ze klaar zijn. |
Opvulling boven | Stel de hoeveelheid witruimte aan de bovenkant van de sectie in. |
Opvulling onder | Stel de hoeveelheid witruimte aan de onderkant van de sectie in. |
Naast de instellingen voor de sectie Productgegevens kun je ook enkele Thema-instellingen voor productbadges aanpassen en je eigen sectiespecifieke Aangepaste CSS toevoegen.
Blokken met productgegevens
Je kunt de volgende blokken gebruiken in de sectie Productgegevens:
- Tekst
- Titel
- Prijs
- Variantkiezer
- Hoeveelheidskiezer
- Koopknoppen
- Beschrijving
- Delen
- SKU
- Voorraadstatus
- Aangepaste Liquid
- Inklapbare rij
- Pop-up
- Productbeoordeling
- Aanvullende producten
- Pictogram met tekst
Tekstblok
Je kunt het blok Tekst gebruiken om statische tekst weer te geven, of variabele gegevens met dynamische bronnen. Je kunt bijvoorbeeld marketingtekst toevoegen, zoals Gratis verzending bij bestellingen boven € 100,-, die dan op elk product wordt weergegeven. Je kunt ook een dynamische bron toevoegen, zoals het veld Verkoper van het product, dat kan veranderen, afhankelijk van welk product wordt bekeken.
Instellingen | Beschrijving |
---|---|
Tekst | Een tekstveld om extra informatie aan de productpagina toe te voegen. |
Tekststijl |
Wijzig de stijl van de tekst. Kies uit de volgende opties:
|
Titelblok
In het blok Titel wordt de titel weergegeven van het product dat wordt bekeken. Dit blok heeft geen aanpasbare instellingen.
Prijsblok
In het blok Prijs wordt de prijsinformatie weergegeven van het product dat wordt bekeken, zoals de prijs en de prijsvergelijking. Dit blok heeft geen aanpasbare instellingen.
Blok voor variantkiezer
In het blok Variantkiezer worden eventuele keuzevarianten weergegeven voor het product dat wordt bekeken. De variantkiezer wordt alleen weergegeven voor producten met keuzevarianten. Als je dit blok verwijdert en producten met keuzevarianten hebt, kunnen je klanten de gewenste keuzevariant niet kiezen of kopen.
Instellingen | Beschrijving |
---|---|
Stijl |
Je kunt kiezen hoe je productvarianten aan klanten worden weergegeven. Kies uit de volgende opties:
|
Staal |
Je kunt kiezen hoe je kleurstalen aan klanten worden weergegeven. Kies uit de volgende opties:
|
Blok voor hoeveelheidskiezer
In het blok Hoeveelheidskiezer wordt een klikbaar en bewerkbaar getalveld weergegeven waarmee klanten kunnen aangeven hoeveel eenheden zij van een product willen kopen. Dit blok heeft geen aanpasbare instellingen.
Blok voor koopknoppen
In het blok Koopknoppen worden de knop Toevoegen aan winkelwagen en informatie voor afhalen in de winkel weergegeven. Hiermee kunnen ook dynamische checkoutknoppen worden weergegeven die je in je winkel hebt.
Instellingen | Beschrijving |
---|---|
Dynamische checkout-knoppen weergeven | Toont alle dynamische checkout-opties die je in de instellingen voor Betalingen hebt geactiveerd. |
Formulier voor gegevens van ontvanger weergeven voor cadeaubonnen | Toont een optioneel selectievakje op cadeaubonproducten als je die hebt, zodat klanten een cadeaubon naar een ontvanger kunnen verzenden en plannen, samen met een persoonlijk bericht. |
Beschrijving blok
In het blok Beschrijving wordt de beschrijving weergegeven van het product dat wordt bekeken. Dit blok heeft geen aanpasbare instellingen.
Blok voor delen
Het blok Delen bevat een klikbare link waarmee klanten het product op hun social media kunnen delen.
Instellingen | Beschrijving |
---|---|
Tekst | De tekst waar klanten op klikken om het product met hun social media te delen. |
SKU-blok
In het blok SKU wordt, waar dat relevant is, de SKU (Stock Keeping Unit) weergegeven die aan het product gekoppeld is. Lees meer over het toevoegen van SKU-nummers aan je productvarianten.
Instellingen | Beschrijving |
---|---|
Tekststijl |
Wijzig de stijl van de tekst. Kies uit de volgende opties:
|
Voorraadstatusblok
In het blok Voorraadstatus wordt de voorraadstatus van het product weergegeven. Je kunt de voorraadstatus en de restvoorraad permanent weergeven, of alleen nadat de productvoorraad een drempel heeft bereikt die jij instelt. De voorraadstatus wordt alleen weergegeven voor producten waarvoor voorraadtracking is geactiveerd.
Instellingen | Beschrijving |
---|---|
Tekststijl |
Wijzig de stijl van de tekst. Kies uit de volgende opties:
|
Drempelwaarde lage voorraad | Met de schuifregelaar kun je een drempel instellen voor wanneer je producten worden weergegeven met de aanduiding Voorraad laag. Kies een getal tussen 0 en 100. Als je de schuifregelaar op 0 zet, wordt Op voorraad weergegeven totdat het product helemaal op is. |
Voorraadhoeveelheid weergeven | Selecteer deze optie wanneer je de inventarisering voor producten op voorraad wil weergeven. |
Blok Aangepaste Liquid
In het blok Aangepaste Liquid wordt aangepaste Liquid- of HTML-code weergegeven die je aan het blok toevoegt.
Instellingen | Beschrijving |
---|---|
Liquid-code | Geeft de content weer die wordt gerenderd door de Liquid- of HTML-code die jij invoert. |
Inklapbaar rijenblok
In het blok Samenvouwbare rij wordt een uitvouwbare en samenvouwbare rij met een titel weergegeven. Wanneer een klant op het pictogram, de titel of de pijl-omlaag klikt, wordt de rij uitgevouwen en extra content weergegeven.
Instellingen | Beschrijving |
---|---|
Opschrift | De titel van de rij. Deze wordt weergegeven, ongeacht of de rij samengevouwen of uitgevouwen is. |
Pictogram | Selecteer een pictogram dat je bij de samenvouwbare rij wil weergeven of selecteer Geen om alleen de titel van de rij weer te geven. |
Rijcontent | Voer de content voor de rij met de RTF-editor in. De content wordt alleen weergegeven wanneer de rij uitgevouwen is. |
Rijcontent vanaf pagina | Voeg content van een pagina aan de rij toe. Hiermee wordt alleen de content weergegeven die je aan een pagina toevoegt in de sectie Webshop > Pagina's van het Shopify-beheercentrum. Er wordt geen content weergegeven die je in de template voor pagina's toevoegt in de themabewerker. Alle content die je in het veld Rij-content invoert, wordt boven de paginacontent die je toevoegt weergegeven. |
Pop-upblok
In het blok Pop-up wordt klikbare tekst weergegeven waarmee na klikken een pop-upvenster wordt geopend.
Instellingen | Beschrijving |
---|---|
Link-label | De klikbare tekst waar klanten op klikken om het pop-updialoogvenster weer te geven. |
Pagina | Selecteer de pagina waarvan je content wil weergeven in het pop-upvenster. Hiermee wordt alleen de content weergegeven die je aan een pagina toevoegt in de sectie Webshop > Pagina's van het Shopify-beheercentrum. Er wordt geen content weergegeven die je toevoegt in de template voor pagina's in de themabewerker. |
Blok productbeoordeling
Het blok Productbeoordeling geeft de gemiddelde productbeoordeling in sterren weer, met het aantal recensies tussen haakjes, bijvoorbeeld: ★★★★★ (8).
Als je productbeoordelingen wil weergeven, gebruik dan een app voor productrecensies en metavelddefinities voor reviews.rating_count
en reviews.rating
.
Dit blok heeft geen aanpasbare instellingen.
Aanvullende productenblok
In het blok Aanvullende producten worden aanvullende producten weergegeven die je hebt ingesteld met de Shopify Search & Discovery-app.
Instellingen | Beschrijving |
---|---|
Opschrift | De titel van het blok. |
Weergeven als inklapbare rij | Wanneer de content is geselecteerd, wordt deze binnen een rij samengevouwen weergegeven. Wanneer een klant op een titel klikt, wordt de rij uitgevouwen om extra content weer te geven. |
Pictogram | Selecteer een pictogram dat je aan de koptekst wil koppelen wanneer aanvullende producten worden weergegeven als een samenvouwbare rij. |
Maximum aantal producten om te tonen | Selecteer het maximale aantal aanvullende producten dat je wil laten zien. Kies een getal tussen 1 en 10. |
Aantal producten per pagina | Selecteer met de schuifregelaar het aantal aanvullende producten dat je per pagina wil weergeven. Kies een getal tussen 1 en 4. |
Pagineringsstijl | Stel de stijl van de schuifnavigatie die onder de producten wordt weergegeven in. Kies uit Punten, Teller of Getallen. |
Breedte-/hoogteverhouding van afbeeldingen | Stel de beeldverhouding van de productkaartafbeeldingen in. Kies uit Staand of Vierkant. |
Knop Snel toevoegen inschakelen |
Als je de knop Snel toevoegen activeert, kunnen je klanten met een van de volgende opties vanaf de productkaart een artikel aan hun winkelwagen toevoegen:
|
Pictogram met tekstblok
Het blok Pictogram met tekst bevat maximaal drie pictogrammen met bijbehorende tekst. Kies uit een lijst met vooraf geïnstalleerde pictogrammen of gebruik een afbeelding die je zelf uploadt.
Instellingen | Beschrijving |
---|---|
Opmaak | Je kunt kiezen tussen de opties Horizontaal of Verticaal als opmaak voor het blok. |
Eerste pictogram | Selecteer een pictogram dat je in het blok wil weergeven of selecteer Geen om alleen een titel weer te geven. |
Eerste afbeelding | Als je geen pictogram wil gebruiken, kun je zelf een afbeelding kiezen. |
Eerste opschrift | Voeg een titel voor het eerste pictogram of de eerste afbeelding toe. |
Tweede pictogram | Selecteer een pictogram dat je in het blok wil weergeven of selecteer Geen om alleen een titel weer te geven. |
Tweede afbeelding | Als je geen pictogram wil gebruiken, kun je zelf een afbeelding kiezen. |
Tweede opschrift | Voeg een titel voor het tweede pictogram of de tweede afbeelding toe. |
Derde pictogram | Selecteer een pictogram dat je in het blok wil weergeven of selecteer Geen om alleen een titel weer te geven. |
Derde afbeelding | Als je geen pictogram wil gebruiken, kun je zelf een afbeelding kiezen. |
Derde opschrift | Voeg een titel voor je derde pictogram of afbeelding toe. |
De sectie Gerelateerde producten
De sectie Gerelateerde producten toont, op basis van het product dat wordt bekeken, vergelijkbare producten, producten met een vergelijkbare beschrijving of producten die vaak samen met het bekeken product worden gekocht. Je kunt je eigen producten handmatig aan de sectie Gerelateerde producten toevoegen. Gebruik hiervoor de Shopify Search & Discovery-app.
Zie Productaanbevelingen begrijpen voor meer informatie over productaanbevelingen.
Instellingen voor de sectie Gerelateerde producten
Instellingen | Beschrijving |
---|---|
Opschrift | De titel van de sectie. |
Grootte hoofdtekst | De grootte van de titeltekst. Je kunt kiezen uit Klein, Gemiddeld, Groot, Extra groot of Extra extra groot. |
Maximum aantal producten om te tonen | Stel in hoeveel gerelateerde producten je maximaal wil weergeven. Kies een getal tussen 2 en 10. |
Aantal kolommen op desktop | Stel het aantal kolommen voor de producten in dat op desktopcomputers wordt weergegeven. Kies een getal tussen 1 en 6. |
Kleurschema | Een set kleuren die je kunt toepassen op deze sectie. Hier vind je meer informatie over kleurenschema's. |
Breedte-/hoogteverhouding van afbeeldingen | Stel de beeldverhouding voor de uitgelichte afbeeldingen van de weergegeven gerelateerde producten in. Kies uit de volgende opties:
|
Vorm afbeelding | Kies een van de volgende vormen voor de bijbehorende productafbeeldingen:
|
Tweede afbeeldingen tonen als je de aanwijzer erboven houdt | Wanneer een klant op een desktopcomputer de cursor boven productafbeeldingen beweegt, wordt met deze optie de tweede productafbeelding weergegeven, als die er is. |
Verkoper weergeven | Toont de verkoper voor elk product. |
Geef productbeoordeling weer | Geeft de gemiddelde productbeoordeling in sterren weer, met het aantal recensies tussen haakjes, bijvoorbeeld: ★★★★★ (8). Hiervoor zijn ook een productrecensie-app en metavelddefinities voor reviews.rating_count en reviews.rating nodig. |
Aantal kolommen op mobiel | Stel het aantal kolommen voor de producten in dat op mobiele apparaten wordt weergegeven. Je kunt één of twee kolommen kiezen. |
Opvulling boven | Stel de hoeveelheid witruimte aan de bovenkant van de sectie in. |
Opvulling onder | Stel de hoeveelheid witruimte aan de onderkant van de sectie in. |