Met de volledig aanpasbare productpagina van Wix kun je je ontwerpvisie tot leven brengen. Begin met het vormgeven van de pagina op globaal niveau en ga dan afzonderlijk in op elk onderdeel totdat de pagina overeenkomt met je visie.
Stap 1 | Pas de algemene instellingen aan
Begin met de instellingen die van toepassing zijn op de hele pagina, zoals de opvulling, het ontwerp en de gegevens waarmee deze gekoppeld is.
Om de globale instellingen aan te passen:
- Ga naar je editor.
- Klik op het Websitestructuur-pictogram
.
- Klik op het Pagina's-tabblad.
- Klik onder Winkelpagina's op Productpagina.
- Kies wat je wilt aanpassen op de actiebalk:
Klik op het Opvulling en gedrag-pictogram 
.
Voer de opvulling in die je voor de pagina wilt hebben.
Stap 2 | Pas individuele elementen aan
Selecteer een element op de pagina om het in te stellen. Elk element heeft zijn eigen Ontwerp- en Instellingen-tabbladen in het Inspector-paneel.
Om een element aan te passen:
- Ga naar je editor.
- Klik op het Websitestructuur-pictogram .
- Klik op het Pagina's-tabblad.
- Klik onder Winkelpagina's op Productpagina.
- Klik op het element dat je wilt aanpassen.
- Klik in het Inspector-paneel op het Instellingen-tabblad.
- Stel het element in:
Mediagalerij voor producten
- Selecteer de mediagalerij op de pagina.
- Stel de galerij in in de Video- en Schuifregelaar-gedeeltes:
- Besturingselementen voor video weergeven: Schakel dit in om afspeelknoppen op video's weer te geven.
- Video's automatisch afspelen: Schakel dit in om video's automatisch af te spelen.
- Video's loopen: Schakel dit in om video's continu af te spelen.
- Items loopen: Schakel dit in om terug te keren naar het eerste item na het laatste in de schuifregelaar.
- (Optioneel) Klik op het Ontwerp-tabblad en selecteer Galerij-item, Volgende-knop of Vorige-knop onder Kies wat je wilt ontwerpen om dat onderdeel op te maken.
- Selecteer de breadcrumbs op de pagina.
- Voer een beschrijving voor schermlezers in het Toegankelijke naam-veld in.
De productnaam is een tekstelement dat aan je productgegevens is gekoppeld, dus het toont de naam van elk product automatisch.
- Selecteer de productnaam op de pagina.
- Gebruik de actiebalk om de tekst op te maken, zoals het lettertype en de grootte.
- Selecteer de prijs op de pagina.
- Kies hoe je de prijs wilt weergeven in het Eigenschappen-gedeelte:
- Oorspronkelijke prijs eerst: Schakel dit in om de prijs vóór de verkoop eerst weer te geven.
- Van-label: Voer de tekst in die vóór de prijs verschijnt wanneer de prijs van een product varieert.
- Selecteer de linten op de pagina.
- Klik in het Inspector-paneel op het Ontwerp-tabblad.
- Selecteer het onderdeel dat je wilt opmaken onder Kies wat je wilt ontwerpen:
- Linten: Maak alle linten samen op.
- Primair lint: Maak het hoofdlint op.
- Extra lint: Maak eender welke andere linten op.
Selecteer de productopties op de pagina.
Kies hoe de opties worden weergegeven:
Tekstopties worden weergegeven als: Selecteer Knoppen of Dropdown om te kiezen hoe tekstopties worden weergegeven.
Kleuropties, tekstopties en opties: Onder Zichtbaarheid optietypes activeer of deactibeer je elke schakelaar om dat type optie weer te geven of te verbergen.
Om weer te geven opties: Sleep de schuifregelaar om te kiezen hoeveel opties worden weergegeven, van 1 tot Alle.
Let op: Verborgen vereiste opties kunnen klanten blokkeren om een product aan hun winkelwagen toe te voegen. Toon verborgen opties in een ander Productopties-element.
- Selecteer de abonnementen op de pagina.
- Kies hoe de pakketten worden weergegeven:
- Content-modus: Selecteer Eenmalig en abonnement of Alle kaarten.
- Positie eenmalige kaart: Selecteer waar de kaart voor eenmalige aankoop wordt weergegeven, zoals Eerste.
- (Optioneel) Selecteer bovenaan het paneel de Dropdownfrequentie-dropdown om de toegankelijkheidsopties in te stellen, zoals de HTML-tag en Toegankelijke naam.
- Selecteer de hoeveelheidkiezer op de pagina.
- Klik in de actiebalk op Plus-pictogram aanpassen of Min-pictogram aanpassen om een pictogram te wijzigen.
- (Optioneel) Klik op het Ontwerp-tabblad en selecteer Minknop of Plusknop onder Kies wat je wilt ontwerpen om die knop op te maken.
Actieknoppen combineren de In winkelwagen- en Nu kopen-knoppen.
Selecteer de knoppen op de pagina.
Kies hoe de knoppen zich gedragen in het Eigenschappen-gedeelte:
Prijs op knoppen weergeven: Schakel dit in om de prijs op de knoppen weer te geven.
Vraag om opties te selecteren bij klikken: Schakel dit in om gebruikers te vragen productopties te selecteren nadat je erop hebt geklikt.
Tekst ontbrekende selecties-knop: Voer de tekst in die op de knop verschijnt wanneer een klant niet alle opties heeft geselecteerd.
Klikactie Pre-orderknop: Selecteer wat er gebeurt als een klant op de Pre-orderknop klikt, zoals In winkelwagen.
Actie na Toevoegen aan winkelwagen: Selecteer wat er gebeurt nadat een klant een product aan de winkelwagen heeft toegevoegd, zoals Zwevende winkelwagen openen.
- Selecteer de info-onderdelen op de pagina.
- Schakel Toon productbeschrijving op het Productgegevens-tabblad in om de productbeschrijving weer te geven.
- Klik op het Accordeon-tabblad en kies hoe de onderdelen worden geopend:
- Kies de standaardstatus: Selecteer Alle items gesloten, Eerste item geopend of Alle items geopend.
- Meerdere open items toestaan: Schakel dit in om klanten meer dan één onderdeel tegelijk te laten openen.
.