# Wix Stores: De Studio Two-productpagina aanpassen

Source: https://support.wix.com/nl/article/wix-stores-customizing-the-studio-two-product-page-nl (updated 2026-11-13)
Related: Wix developer documentation, https://dev.wix.com/docs/llms.txt; Help Center index, https://support.wix.com/en/llms.txt

> **Belangrijk:** Om de beste ervaring te garanderen, brengen we langzaam functies uit in de Studio Two-editor. Als gevolg daarvan hebben sommige Wix Stores-widgets nog niet de volledige Studio Two-mogelijkheden.

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.

> **Tip:** Elk product trekt van dezelfde pagina, dus bewerkingen worden in je hele catalogus uitgevoerd. Nieuwsgierig hoe een ander item eruit zal zien met je ontwerp? Selecteer een ander product met behulp van de Voorbeeld-werkbalk boven de pagina.

---

## 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:

1. [Ga naar je editor](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26).
2. Klik op het **Websitestructuur**-pictogram ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2026/07/03/8fee07e0-2941-45dd-a732-3a3cc3343a50/afb13012-daf6-4a51-97bf-6ff135bbd545.png).
3. Klik op het **Pagina's**-tabblad.
4. Klik onder **Winkelpagina's** op **Productpagina**.
5. Kies wat je wilt aanpassen op de actiebalk:

**Gegevens beheren**

1. Klik op **Gegevens beheren**.
2. Voeg je producten toe en beheer ze op de **Producten**-pagina van je dashboard.

**Tip:** [Lees meer over het beheren van producten en categorieën](https://support.wix.com/nl/managing-products-and-categories)

**Opvulling & Gedrag**

1. Klik op het **Opvulling en gedrag**-pictogram ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6583964-8756-4344-ae8a-f24ce7803d0f/2026/11/02/85618892-5bd9-4167-8c60-7e72d8ef2c6f/image.png).
2. Voer de opvulling in die je voor de pagina wilt hebben.

**Alle ontwerpopties**

1. Klik op het **Alle ontwerpopties**-pictogram ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/59ab096e-e0a0-4b06-ad46-bd78e940c7f1/2026/07/22/375e5844-2445-425d-9084-d72e10b1ca22/image.png).
2. [Configureer je ontwerpopties in het Inspector-paneel.](https://support.wix.com/nl/article/studio-two-editor-working-with-the-inspector-panel#design)

**Aan data koppelen**

1. Klik met de rechtermuisknop op een element op de pagina.
2. Klik op **Aan data koppelen**.
3. [Koppel het element aan een gegevensbron.](https://support.wix.com/nl/article/studio-two-editor-about-data-sources)

---

## 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](https://support.wix.com/nl/article/studio-two-editor-working-with-the-inspector-panel).

### Om een element aan te passen:

1. [Ga naar je editor](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26).
2. Klik op het **Websitestructuur**-pictogram ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2026/07/03/8fee07e0-2941-45dd-a732-3a3cc3343a50/afb13012-daf6-4a51-97bf-6ff135bbd545.png).
3. Klik op het **Pagina's**-tabblad.
4. Klik onder **Winkelpagina's** op **Productpagina**.
5. Klik op het element dat je wilt aanpassen.
6. Klik in het Inspector-paneel op het **Instellingen**-tabblad.
7. Stel het element in:

**Mediagalerij voor producten**

1. Selecteer de mediagalerij op de pagina.
2. 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.
3. (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.

**Breadcrumbs**

1. Selecteer de breadcrumbs op de pagina.
2. Voer een beschrijving voor schermlezers in het **Toegankelijke naam**-veld in.

**Productnaam**

De productnaam is een tekstelement dat aan je productgegevens is gekoppeld, dus het toont de naam van elk product automatisch.

1. Selecteer de productnaam op de pagina.
2. Gebruik de actiebalk om de tekst op te maken, zoals het lettertype en de grootte.

**Prijs**

1. Selecteer de prijs op de pagina.
2. 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.

**Linten**

1. Selecteer de linten op de pagina.
2. Klik in het Inspector-paneel op het **Ontwerp**-tabblad.
3. 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.

**Productopties**

1. Selecteer de productopties op de pagina.
2. 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.

**Abonnementen**

1. Selecteer de abonnementen op de pagina.
2. 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**.
3. (Optioneel) Selecteer bovenaan het paneel de **Dropdownfrequentie**-dropdown om de toegankelijkheidsopties in te stellen, zoals de **HTML-tag** en **Toegankelijke naam**.

**Hoeveelheidkiezer**

1. Selecteer de hoeveelheidkiezer op de pagina.
2. Klik in de actiebalk op **Plus-pictogram aanpassen** of **Min-pictogram aanpassen** om een pictogram te wijzigen.
3. (Optioneel) Klik op het **Ontwerp**-tabblad en selecteer **Minknop** of **Plusknop** onder **Kies wat je wilt ontwerpen** om die knop op te maken.

**Actieknoppen**

Actieknoppen combineren de In winkelwagen- en Nu kopen-knoppen.

1. Selecteer de knoppen op de pagina.
2. 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**.

**Productinformatie**

1. Selecteer de info-onderdelen op de pagina.
2. Schakel **Toon productbeschrijving** op het **Productgegevens**-tabblad in om de productbeschrijving weer te geven.
3. 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.