Op dit moment wordt in een WooCommerce webshop de Add to cart / Toevoegen aan winkelwagen button niet getoond als je een variabel product hebt en nog geen keuze hebt gemaakt. Als je meerdere variaties van een product hebt (bijvoorbeeld verschillende maten of kleuren), dan is de Add to cart button verborgen totdat je een keuze hebt gemaakt. Wanneer je een keuze hebt gemaakt, verschijnt de Add to cart button. Dit is niet heel gebruiksvriendelijk, want een bezoeker kan namelijk denken dat het product niet te koop is. Wil je de WooCommerce Add to cart button altijd tonen bij een variabel product? Lees snel verder.

Het zou mooier zijn als WooCommerce een foutmelding geeft wanneer iemand op de Add to cart button klikt terwijl diegene nog geen keuze heeft gemaakt in bijvoorbeeld maat of kleur. In een volgende versie van WooCommerce wordt deze functionaliteit misschien geïmplementeerd. Maar voor nu zal je via een omweg iets moeten doen om ervoor te zorgen dat de winkelwagen button altijd getoond wordt voor een variabel product. Hoe doe je dit?

Stap 1: Ga naar je product

WooCommerce add to cart button altijd tonen - 00

Stap 2: Klik op je product

WooCommerce add to cart button altijd tonen - 0

Ga naar Variaties

Ga naar je Product data en klik op Variaties. Klik vervolgens op Standaarden. Hier kun je een variatie kiezen die standaard wordt getoond.

WooCommerce add to cart button altijd tonen

Kies een standaard, in dit geval maat M of S.

WooCommerce add to cart button altijd tonen

Klik op Bijwerken

Klik op Bijwerken om de aanpassing op te slaan.

WooCommerce add to cart button altijd tonen

Before: Add to cart button verborgen

Dit is hoe het product er voor de wijziging uitzag. De Add to cart button is verborgen.

WooCommerce add to cart button altijd tonen

After: WooCommerce Add to cart button wordt getoond

Dit is hoe het product er na de wijziging uitziet. Er staat nu een maat als standaard ingesteld en de Add to cart / Toevoegen aan winkelwagen button wordt nu wel getoond.

WooCommerce add to cart button altijd tonen

Vond je dit artikel nuttig? Of heb je nog vragen? Laat je reactie hieronder achter!