Deze pagina is afgedrukt op Mar 19, 2024. Ga voor de huidige versie naar https://help.shopify.com/nl/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/add-pick-an-option.
Wanneer klanten een productpagina in je onlinewinkel bezoeken, wordt standaard de eerste beschikbare variant geselecteerd. Met deze aanpassing deactiveer je het automatisch selecteren van de eerste beschikbare variant. Op die manier wordt de klant gevraagd om handmatig een variant te selecteren voordat deze wordt weergegeven.
Zoek de code {% schema %}. Plak de volgende code in een nieuwe regel daarboven:
Het ziet er als volgt uit:
Klik op Opslaan.
De taalinstellingen van de knop Toevoegen aan winkelwagen wijzigen
Je kunt de taalinstellingen van de knop Toevoegen aan winkelwagen wijzigen zodat producten niet worden weergegeven als 'Niet beschikbaar' voordat er een selectie wordt gemaakt.
Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
Zoek het thema dat je wilt bewerken en klik op ... > Content van standaardthema bewerken.
Typ unavailable in de Filter-sectie om de vertaling van "Niet beschikbaar" weer te geven.
Vervang de tekst Niet beschikbaar om Make a selection.
Klik op Opslaan.
Stappen voor Debut
Volg deze stappen om de aanpassing toe te passen op Debut:
Bewerk het JavaScript-bestand van je thema
Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
Klik in de directory Assets op theme.js of theme.js.liquid.
Voeg de volgende code toe aan het eind van het bestand:
Zoek de code _updatePrice: function(variant). Vervang de volgende code:
met:
Als je de bovenstaande code niet kunt vinden, zoek dan de volgende code:
De taalinstellingen van de knop Toevoegen aan winkelwagen wijzigen
Je kunt de taalinstellingen van de knop Toevoegen aan winkelwagen wijzigen zodat producten niet worden weergegeven als 'Niet beschikbaar' voordat er een selectie wordt gemaakt.
Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
Zoek het thema dat je wilt bewerken en klik op ... > Content van standaardthema bewerken.
Typ unavailable in de Filter-sectie om de vertaling van "Niet beschikbaar" weer te geven.
Vervang de tekst Niet beschikbaar om Make a selection.
Klik op Opslaan.
Stappen voor Minimal
Volg deze stappen om de aanpassing toe te passen op Minimal:
Bewerk het JavaScript-bestand van je thema
Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
Klik in de directory Assets op theme.js of theme.js.liquid.
Zoek de code initProductVariant: function() {. Zoek hieronder de volgende code:
Voeg de volgende code toe op een nieuwe regel hieronder:
Het ziet er als volgt uit:
Klik op Opslaan.
Bewerk je productpaginatemplate
Om je productpaginatemplate te bewerken:
Klik in de directory Secties op product-template.liquid.
Zoek de code {% schema %}. Plak de volgende code in een nieuwe regel daarboven:
Het ziet er als volgt uit:
Klik op Opslaan.
De taalinstellingen van de knop Toevoegen aan winkelwagen wijzigen
Je kunt de taalinstellingen van de knop Toevoegen aan winkelwagen wijzigen zodat producten niet worden weergegeven als 'Niet beschikbaar' voordat er een selectie wordt gemaakt.
Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
Zoek het thema dat je wilt bewerken en klik op ... > Content van standaardthema bewerken.
Typ unavailable in de Filter-sectie om de vertaling van "Niet beschikbaar" weer te geven.
Vervang de tekst Niet beschikbaar om Make a selection.
Klik op Opslaan.
Stappen voor Narrative
Volg deze stappen om de aanpassing toe te passen op Narrative:
Bewerk het JavaScript-bestand van je thema
Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
Klik in de directory Assets op custom.js.
Voeg de volgende code toe aan het eind van het bestand:
Klik op Opslaan.
Bewerk je productpaginatemplate
Om je productpaginatemplate te bewerken:
Klik in de directory Secties op product-template.liquid.
Zoek de code {% schema %}. Plak de volgende code in een nieuwe regel daarboven:
Het ziet er als volgt uit:
Klik op Opslaan.
De taalinstellingen van de knop Toevoegen aan winkelwagen wijzigen
Je kunt de taalinstellingen van de knop Toevoegen aan winkelwagen wijzigen zodat producten niet worden weergegeven als 'Niet beschikbaar' voordat er een selectie wordt gemaakt.
Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
Zoek het thema dat je wilt bewerken en klik op ... > Content van standaardthema bewerken.
Typ unavailable in de Filter-sectie om de vertaling van "Niet beschikbaar" weer te geven.
Vervang de tekst Niet beschikbaar om Make a selection.
Klik op Opslaan.
Stappen voor Simple
Volg deze stappen om de aanpassing toe te passen op Simple:
Bewerk het JavaScript-bestand van je thema
Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
Klik in de directory Assets op theme.js of theme.js.liquid.
Zoek de code initProductVariant: function() {. Zoek hieronder de volgende code:
Voeg de volgende code toe op een nieuwe regel hieronder:
Het ziet er als volgt uit:
Klik op Opslaan.
Bewerk je productpaginatemplate
Om je productpaginatemplate te bewerken:
Klik in de directory Secties op product-template.liquid.
Zoek de code {% schema %}. Plak de volgende code in een nieuwe regel daarboven:
Het ziet er als volgt uit:
Klik op Opslaan.
De taalinstellingen van de knop Toevoegen aan winkelwagen wijzigen
Je kunt de taalinstellingen van de knop Toevoegen aan winkelwagen wijzigen zodat producten niet worden weergegeven als 'Niet beschikbaar' voordat er een selectie wordt gemaakt.
Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
Zoek het thema dat je wilt bewerken en klik op ... > Content van standaardthema bewerken.
Typ unavailable in de Filter-sectie om de vertaling van "Niet beschikbaar" weer te geven.
Vervang de tekst Niet beschikbaar om Make a selection.
Klik op Opslaan.
Stappen voor Supply
Volg deze stappen om de aanpassing toe te passen op Supply:
Bewerk het JavaScript-bestand van je thema
Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
Klik in de directory Assets op theme.js of theme.js.liquid.
Zoek de code initProductVariant: function() {. Zoek hieronder de volgende code:
Voeg de volgende code toe op een nieuwe regel hieronder:
Het ziet er als volgt uit:
Klik op Opslaan.
Bewerk je productpaginatemplate
Om je productpaginatemplate te bewerken:
Klik in de directory Secties op product-template.liquid.
Zoek de code {% schema %}. Plak de volgende code in een nieuwe regel daarboven:
Het ziet er als volgt uit:
Klik op Opslaan.
De taalinstellingen van de knop Toevoegen aan winkelwagen wijzigen
Je kunt de taalinstellingen van de knop Toevoegen aan winkelwagen wijzigen zodat producten niet worden weergegeven als 'Niet beschikbaar' voordat er een selectie wordt gemaakt.
Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
Zoek het thema dat je wilt bewerken en klik op ... > Content van standaardthema bewerken.
Typ unavailable in de Filter-sectie om de vertaling van "Niet beschikbaar" weer te geven.
Vervang de tekst Niet beschikbaar om Make a selection.
Klik op Opslaan.
Stappen voor Venture
Volg deze stappen om de aanpassing toe te passen op Venture:
Bewerk het JavaScript-bestand van je thema
Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
Klik in de directory Assets op theme.js of theme.js.liquid.
Voeg de volgende code toe aan het eind van het bestand:
Zoek de code {% schema %}. Plak de volgende code in een nieuwe regel daarboven:
Het ziet er als volgt uit:
Klik op Opslaan.
De taalinstellingen van de knop Toevoegen aan winkelwagen wijzigen
Je kunt de taalinstellingen van de knop Toevoegen aan winkelwagen wijzigen zodat producten niet worden weergegeven als 'Niet beschikbaar' voordat er een selectie wordt gemaakt.
Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
Zoek het thema dat je wilt bewerken en klik op ... > Content van standaardthema bewerken.
Typ unavailable in de Filter-sectie om de vertaling van "Niet beschikbaar" weer te geven.
Vervang de tekst Niet beschikbaar om Make a selection.
Klik op Opslaan.
Stappen voor thema's zonder secties
Voeg termen toe aan je variantmenu's
Prompts toevoegen aan je vervolgkeuzelijsten voor varianten:
Klik in de directory Fragmenten op Een nieuw fragment toevoegen.
Zoek de sluitende tag </body> onderaan het bestand. Plak de volgende code op een nieuwe regel boven de sluitende tag </body>:
Klik op Opslaan.
Zoek het bestand met het formulier Aan winkelwagen toevoegen. Dit bevat het attribuut action dat is ingesteld op /cart/add. Dit zou in een van deze vier bestanden moeten staan:
het template product.liquid onder Templates
de opmaak theme.liquid onder Opmaak
het fragment product.liquid onder Fragmenten
het fragment single-product.liquid onder Fragmenten
Minimal, Pop of Supply: Als je Minimal, Pop of Supply gebruikt, zoek dan alle instanties van deze code:
Vervang dit door:
Andere gratis Shopify-thema's: Als je een ander Shopify-thema gebruikt, zoek dan deze code:
Vervang door:
Klik op Opslaan.
De taalinstellingen van de knop Toevoegen aan winkelwagen wijzigen
Je kunt de taalinstellingen van de knop Toevoegen aan winkelwagen wijzigen zodat producten niet worden weergegeven als 'Niet beschikbaar' voordat er een selectie wordt gemaakt.
Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
Zoek het thema dat je wilt bewerken en klik op ... > Content van standaardthema bewerken.
Typ unavailable in de Filter-sectie om de vertaling van "Niet beschikbaar" weer te geven.
Vervang de tekst Niet beschikbaar om Make a selection.