In de thema-editor: Aanpassen›Productpagina›Sectie toevoegen›Productpagina
Productpagina
Het hart van de productpagina: de foto’s, en daarnaast het koopvak. Elk onderdeel van het koopvak is een blok dat je kunt verplaatsen, verwijderen of toevoegen.
Geef elk product een eigen maattabel in het veld “Size guide”. Producten zonder eigen maattabel tonen de pagina die is ingesteld in het blok “Optiekiezer”.
Instellingen
Indeling
- Breedte van productgebied
- Schuifregelaar, 1000 tot 2000 pxStandaard: 1600 pxGebruikt wanneer ‘Contentbreedte’ hieronder op Standaard staat.
- Indeling op computers
- Keuze: Half om half, PodiumStandaard: Half om halfHalf om half: een vierkante afbeelding met de miniaturen eronder en de details ernaast; de hele pagina scrolt samen. Podium: een hoge afbeelding met de miniaturen erin en de detailkaart erboven.
- Afbeelding op haar plek houden tijdens scrollen
- Aan of uitStandaard: AanOp grote schermen blijft de afbeelding in beeld terwijl het detailpaneel scrolt, als dat paneel hoger is dan de afbeelding.
- Uitlijning van paneel op telefoons en tablets
- Keuze: Gecentreerd, Aan de zijkantStandaard: GecentreerdGecentreerd: de titel, prijs, opties en het aantal staan in het midden. De beschrijving en inklapbare rijen blijven aan de zijkant uitgelijnd, omdat het lange tekst is. Op desktop is het paneel altijd aan de zijkant uitgelijnd, naast de foto's.
Foto's
- Passing van foto
- Keuze: Kader vullen, Hele foto tonenStandaard: Kader vullen‘Kader vullen’ snijdt de foto bij tot een vierkant. ‘Hele foto tonen’ snijdt nooit bij.
- Miniaturen tonen
- Aan of uitStandaard: AanOp desktop en tablet: een kolom naast de afbeelding. Op telefoons: zie de volgende instelling.
- Miniaturen ook op telefoons
- Aan of uitStandaard: AanEen rij miniaturen onder de hoofdafbeelding, tik om te kiezen.
- Pijlen tonen
- Aan of uitStandaard: Aan
- Doorgaan van de laatste foto naar de eerste
- Aan of uitStandaard: AanDe pijlen stoppen nooit aan het einde.
- Vergrootknop tonen
- Aan of uitStandaard: Aan
- Video automatisch afspelen
- Aan of uitStandaard: UitVideo in de galerij wordt gedempt en herhaald afgespeeld wanneer deze in beeld scrolt.
- Een label op de foto tonen
- Aan of uitStandaard: AanUitverkocht, de eigen tekst van het product of een aanbieding.
Koopbalk onderaan
- Koopbalk onderaan tonen
- Aan of uitStandaard: AanZodra de hoofdknop uit beeld scrolt, wordt het kader onderaan het scherm dikker en draagt het product, de huidige keuze, de prijs en In winkelwagen tot het einde van de pagina. Hij heeft de kleur van het kader. Op telefoons wisselt hij bij omhoog scrollen met het zwevende menu.
- Vorm van de zwevende kaart op telefoons
- Keuze: Zwevende kaart, Stijgt op achter het menu, Het kader stijgtStandaard: Zwevende kaartZwevende kaart: zweeft net boven het onderste kader, zoals op computers, en het onderste menu maakt plaats. Stijgt op: de kaart stijgt op achter het onderste menu, en het menu blijft. Kader: het kader stijgt over de volle breedte en het menu maakt plaats. Zonder onderste menu wordt "stijgt op" het kader. Op computers altijd een zwevende kaart.
- Kleur van de zwevende kaart
- KleurLeeg: het oppervlak van de site, zoals het zoekpaneel. Op een donkere kleur wordt de tekst licht.
- Randkleur van de zwevende kaart
- KleurEen rand rond de zwevende kaart. Leeg: een dunne lijn in de tekstkleur.
- Kleine productafbeelding in de balk
- Aan of uitStandaard: AanEen kleine afbeelding aan het begin van de balk, in de rij.
Pagina-achtergrond
- Achtergrondstijl
- Keuze: Site-achtergrond, Effen kleur, Verlicht podiumStandaard: Site-achtergrondWebsiteachtergrond: de pagina past bij de rest van de website. Effen kleur: de kleur hieronder. Verlicht podium: een podium in de gekozen kleur, met een zacht licht achter de afbeelding en achter de details. Op een donkere kleur worden tekst, lijnen en knoppen vanzelf licht. De laatste twee opties vervangen de eigen kleuren van de sectie.
- Kleurenschema
- KleurenschemaHet podium neemt achtergrond en accent uit dit schema. Een kleur die hieronder is gekozen gaat voor.
- Achtergrondkleur
- KleurMet verlicht podium: de tint van het podium. Standaard is het warme antraciet dat het podium op de hele website gebruikt.
- Kleur van licht
- KleurHet zachte licht achter de afbeelding en achter de details. Leeg: wit.
Blokken
Blokken zijn de onderdelen binnen een sectie. In de editor kun je ze toevoegen, verwijderen en verslepen om de volgorde te veranderen.
App-blok
Apps die je installeert, kunnen hier een eigen blok toevoegen, bijvoorbeeld reviews of een maattabel uit een app.
Dit onderdeel heeft geen eigen instellingen.
Titel
Algemeen
- Collectienaam boven de titel tonen
- Aan of uitStandaard: Aan
- Het deel na " | " benadrukken
- Aan of uitStandaard: AanAls de productnaam " | " bevat, wordt het deel daarna in een zwaarder gewicht gezet.
- Verkoper tonen
- Aan of uitStandaard: Uit
Prijs
Algemeen
- Kortingspercentage tonen
- Aan of uitStandaard: UitDe korting wordt al op de foto getoond. Schakel in om deze ook naast de prijs te tonen.
Tekst
Algemeen
- Tekst
- TekstEen korte beschrijving onder de titel. Je kunt deze koppelen aan een productveld.
Optiekiezer
Algemeen
- Stijl
- Keuze: Knoppen, VervolgkeuzelijstStandaard: Knoppen
- Kleuren
- Keuze: Kleurrondjes, VervolgkeuzelijstStandaard: KleurrondjesAlleen voor een kleuroptie. De andere opties volgen de stijl hierboven.
- Pagina met de maattabel
- PaginaProducten met een eigen veld ‘Maattabel’ (custom.size_guide) tonen die pagina. Anders deze pagina en, als die leeg is, de pagina uit de thema-instellingen.
Aantal
Algemeen
- Positie
- Keuze: Naast ‘Nu kopen’, Eigen rijStandaard: Naast ‘Nu kopen’Naast ‘Nu kopen’: het aantal staat aan het begin van de eerste knoppenrij, en ‘In winkelwagen’ krijgt eronder een eigen rij over de volle breedte. Eigen rij: boven de knoppen, met label. Met hoeveelheidsniveaus nemen de niveaus de plaats in.
Aantalstaffels
Algemeen
- Kop
- TekstLeeg: ‘Aantal’ in de taal van de klant. Op desktop alleen voor schermlezers.
- Label voor 1 stuk
- TekstLeeg: het aantal stuks (‘2 stuks’), in de taal van de klant.
- Deze staffel tonen
- Aan of uitStandaard: Aan
- Aantal stuks
- Schuifregelaar, 2 tot 12Standaard: 2
- Korting
- Schuifregelaar, 0 tot 60 %Standaard: 10 %Moet overeenkomen met je automatische korting.
- Label
- TekstLeeg: het aantal stuks (‘2 stuks’), in de taal van de klant.
- Deze staffel tonen
- Aan of uitStandaard: Aan
- Aantal stuks
- Schuifregelaar, 2 tot 12Standaard: 3
- Korting
- Schuifregelaar, 0 tot 60 %Standaard: 18 %Moet overeenkomen met je automatische korting.
- Label
- TekstLeeg: het aantal stuks (‘2 stuks’), in de taal van de klant.
- Een staffel uitlichten
- Keuze: Geen, Tweede staffel, Derde staffelStandaard: Geen
- Tekst voor uitlichting
- TekstLeeg: de korting van het uitgelichte niveau, bijvoorbeeld ‘18% korting’.
Bied een betere prijs bij het kopen van meer. De korting wordt hier alleen weergegeven: maak een bijbehorende automatische korting aan in je Shopify-beheercentrum, zodat die echt wordt verrekend.
Aankoopopties
Algemeen
- Kop
- TekstLeeg: de standaardtekst.
- Besparingspercentage tonen
- Aan of uitStandaard: Aan
- Beschrijvingen van abonnementen tonen
- Aan of uitStandaard: AanDe beschrijving komt uit de abonnementen-app.
- Link naar abonnementsbeleid tonen
- Aan of uitStandaard: AanWordt getoond wanneer de winkel een abonnementsbeleid heeft (Instellingen, Beleid).
Opties voor eenmalige aankoop en abonnement, voor producten die met een abonnementen-app worden verkocht. Zonder dit blok tonen producten met abonnementen de opties boven de knop Toevoegen aan winkelwagen.
Koopknoppen
Algemeen
- Knop Nu kopen
- Aan of uitStandaard: AanGaat direct naar de kassa met alleen dit product en laat de winkelwagen zoals hij is.
- Dynamische betaalknoppen
- Keuze: Wallet of ‘Nu kopen’ van Shopify, Alleen wallet, UitStandaard: Wallet of ‘Nu kopen’ van ShopifyDe knoppen van Shopify onder de koopknoppen. Ze tonen de wallet van de klant (Shop Pay, Apple Pay, Google Pay, PayPal) als er een is ingeschakeld in je betalingsinstellingen. Zolang de knop Nu kopen aan staat, verschijnt de Shopify-knop ‘Nu kopen’ nooit, zodat er maar één is.
- Snelkoppelingsknoppen voor betalen
- Aan of uitStandaard: Aanbit, creditcard en alles wat je hebt toegevoegd. Voegt toe aan de winkelwagen en gaat naar de checkout. De knoppen zelf staan in de thema-instellingen, ‘Knoppen voor snel betalen’.
- Formulier voor ontvanger tonen bij cadeaubonnen
- Aan of uitStandaard: AanHiermee kunnen kopers een cadeaubon rechtstreeks naar iemand anders sturen. Zolang het formulier wordt getoond, zijn de knop Nu kopen en de dynamische betaalknoppen bij cadeaubonnen verborgen, omdat Shopify de gegevens van de ontvanger alleen controleert bij het toevoegen aan de winkelwagen.
Regel voor bezorging en garantie
Algemeen
- Bezorgopmerking
- TekstEen korte regel onder de koopknop, tussen twee dunne lijnen, zichtbaar vóór het toevoegen aan de winkelwagen. Bijvoorbeeld: Bezorging aan huis in 8–18 werkdagen. Voor een andere regel per product vul je het productveld custom.delivery_note in (Tekst met één regel; Instellingen, Aangepaste data, Producten): dat gaat voor deze tekst. Als beide leeg zijn, wordt de verzendregel uit de thema-instellingen (Producten) getoond, en als die ook leeg is, een regel die het beleid voor gratis verzending volgt (thema-instellingen, Gratis verzending).
- Garantieopmerking
- TekstStandaard uit: leeg betekent geen regel. Voor een andere regel per product vul je het productveld custom.warranty in (Tekst met één regel; Instellingen, Aangepaste data, Producten): dat gaat voor deze tekst. Schrijf alleen wat waar is voor het product.
Vertrouwensrij
Algemeen
Maximaal drie korte beloften met een pictogram, met de betaalpictogrammen eronder. De natuurlijke plek is direct onder de koopknop.
Eerste item
- Pictogram
- Keuze: Pakket (verzending), Retourpijl (retouren), Schild (veilig betalen), Headset (service), Diamant (kwaliteit), Dit item verbergenStandaard: Pakket (verzending)
- Tekst
- TekstLeeg: een standaardtekst die bij het pictogram past. Pakket: de verzendbelofte volgens het beleid voor gratis verzending (thema-instellingen, Gratis verzending). Retourpijl en schild: een korte vaste tekst. Headset en diamant hebben geen standaardtekst, dus het item verschijnt alleen met hier geschreven tekst. Lange tekst loopt door over twee evenwichtige regels.
Tweede item
- Pictogram
- Keuze: Pakket (verzending), Retourpijl (retouren), Schild (veilig betalen), Headset (service), Diamant (kwaliteit), Dit item verbergenStandaard: Retourpijl (retouren)
- Tekst
- TekstLeeg: een standaardtekst die bij het pictogram past. Pakket: de verzendbelofte volgens het beleid voor gratis verzending (thema-instellingen, Gratis verzending). Retourpijl en schild: een korte vaste tekst. Headset en diamant hebben geen standaardtekst, dus het item verschijnt alleen met hier geschreven tekst. Lange tekst loopt door over twee evenwichtige regels.
Derde item
- Pictogram
- Keuze: Pakket (verzending), Retourpijl (retouren), Schild (veilig betalen), Headset (service), Diamant (kwaliteit), Dit item verbergenStandaard: Schild (veilig betalen)
- Tekst
- TekstLeeg: een standaardtekst die bij het pictogram past. Pakket: de verzendbelofte volgens het beleid voor gratis verzending (thema-instellingen, Gratis verzending). Retourpijl en schild: een korte vaste tekst. Headset en diamant hebben geen standaardtekst, dus het item verschijnt alleen met hier geschreven tekst. Lange tekst loopt door over twee evenwichtige regels.
Betaalpictogrammen
- Pictogrammen van betaalmethoden tonen
- Aan of uitStandaard: Aan
Geschatte levering
Algemeen
- Werkdagen, minimaal
- Schuifregelaar, 0 tot 30Standaard: 11
- Werkdagen, maximaal
- Schuifregelaar, 0 tot 45Standaard: 18
- Dagen die geen werkdagen zijn
- Keuze: Vrijdag en zaterdag, Zaterdag en zondag, Geen, elke dag teltStandaard: Vrijdag en zaterdag
- Hoofdregel
- Tekst[from] en [to] worden vervangen door datums. Leeg: ‘Vandaag besteld, bezorgd tussen [from] en [to]’
- Tweede regel
- TekstLeeg: het aantal dagen, aan huis.
- Kalenderpictogram tonen
- Aan of uitStandaard: Aan
Berekent de datumperiode vanaf vandaag, in werkdagen. Datums worden in de browser van de klant berekend, dus ze kloppen altijd voor de dag van het bezoek.
WhatsApp-vraag
Algemeen
- Vraag
- TekstLeeg: de standaardtekst.
- Linktekst
- TekstLeeg: de standaardtekst.
- Kant-en-klaar bericht
- Tekst[product] wordt vervangen door de productnaam. Leeg: ‘Hallo, ik heb een vraag over [product]’
- Productlink aan het bericht toevoegen
- Aan of uitStandaard: Aan
Een regel die een WhatsApp-chat opent met een kant-en-klaar bericht. Het nummer komt uit de thema-instellingen, onder social media. Totdat er een nummer is toegevoegd, leidt de regel naar de contactpagina van de winkel.
Beschrijving
Dit onderdeel heeft geen eigen instellingen.
Inklapbare rij
Algemeen
- Kop
- Tekst
- Wat de rij toont
- Keuze: Tekst of pagina, Specificaties van het product, Lijst met pictogrammenStandaard: Tekst of pagina
- Content
- Tekst
- Content van een pagina
- PaginaWordt getoond na de content hierboven.
- Veld voor productspecificaties
- TekstNaamruimte en sleutel, bijvoorbeeld custom.specs. Eén detail per regel in het veld: ‘Naam: waarde’. Producten zonder het veld tonen de rij niet.
- Regels
- TekstEén zin per regel. Het pictogram wordt gekozen op basis van de woorden: shipping, return, support, secure of payment (ook in het Hebreeuws). Andere regels krijgen een schild met een vinkje.
- Links naar het verzend- en terugbetalingsbeleid
- Aan of uitStandaard: Aan
Aanbiedingsbubbel
Algemeen
- Pictogram
- Keuze: Bliksemschicht, Cadeau, Glinstering, Timer, Hart, Schild met een vinkje, Geen pictogramStandaard: Bliksemschicht
- Titel
- TekstLeeg: "Een speciale aanbieding", in de taal van de bezoeker.
- Aanbiedingsregel
- TekstBijvoorbeeld "$20 korting bij een bestelling vanaf $200". Zonder regel verschijnt de bubbel niet.
- Producten
- ProductenDe bubbel verschijnt alleen bij de producten die je hier kiest. Leeg: bij elk product dat deze template gebruikt.
Aftellen
Algemeen
- Aanbiedingsregel
- TekstBijvoorbeeld "20% korting". Leeg: het kortingspercentage van de variant, als die een vergelijkingsprijs heeft.
- Korte tekst
- TekstVerschijnt naast de aanbiedingsregel. Leeg: "Beperkte tijd", in de taal van de bezoeker.
- Producten
- ProductenDe balk verschijnt alleen bij de hier gekozen producten. Leeg: hij verschijnt nergens. Gebruik hem voor een echte actie met een echte einddatum.
Timer
- Einddatum en -tijd
- TekstJaar-maand-dag gevolgd door uur:minuut, bijvoorbeeld 2026-10-20 18:00, in de tijdzone van de winkel. Leeg of ongeldig: de balk verschijnt niet in de winkel, en de editor toont een notitie met de datum zoals de winkel die begreep.
- Seconden tonen
- Aan of uitStandaard: AanBezoekers die de voorkeur geven aan minder beweging zien nooit seconden, en de timer wordt eenmaal per minuut bijgewerkt.
- Wanneer de tijd om is
- Keuze: Bericht tonen dat de aanbieding is afgelopen, De balk verdwijntStandaard: De balk verdwijnt
- Bericht bij einde
- TekstLeeg: ‘Deze aanbieding is afgelopen. Bedankt voor je interesse.’, in de taal van de bezoeker.
Achtergrond
- Achtergrondkleur
- KleurLeeg: de inkt van de winkel. Het verlichte podium wordt van deze kleur gemaakt.
- Achtergrondstijl
- Keuze: Effen kleur, Verlicht podiumStandaard: Verlicht podiumVerlicht podium: een zacht licht van boven dat naar onderen afneemt, gemaakt van de gekozen kleur. Op een lichte kleur wordt de bovenkant wit; op een donkere kleur wordt het een donker podium.
- Kleur van licht
- KleurHet zachte licht vanuit het midden bovenaan. Leeg: wit.
- Tekstkleur
- KleurLeeg: automatisch. Licht op een donkere achtergrond, donker op een lichte.
Aangepaste Liquid
Algemeen
- Aangepaste Liquid
- CodeVoor geavanceerde aanpassingen en app-fragmenten.
Klopt iets hier niet met wat je in de editor ziet? Laat het ons weten, dan passen we de handleiding aan.