Side cart WooCommerce is een plugin specifiek voor WooCommerce, zonder woocommerce zal die plugin niet zo veel doen.
Installeer je WooCommerce dan kan je ook via een link producten aan het mandje toevoegen door /?add-to-cart=123 in een url te plaatsen waar 123 het product id nummer is.
Hallo Richard,
Bedankt voor de reactie. Het werkt!
Alleen weet ik nog niet hoe je hierbij het aantal wijzigt…
Stefan
Hallo,
Normaal heb je bij een product altijd een knop zodat je het aantal kunt wijzigen.
Dat kan ik nu niet doen omdat ik dus de link /?add-to-cart=123 achter de bestelknop heb gezet. Mijn vraag is dus hoe je dit kunt doen.
Stefan
Hoi Stefan,
Google vond dit:
&quantity=2
Voeg dit toe aan de eerder doorgegeven link, aantal kun je naar wens aanpassen.
Guido
Hallo Guido,
Bedankt, het werkt!
Maar het gaat me er vooral om hoe de klant dit aantal kan aanpassen met een input.
Volgens DevTools is de ”role” hiervan ”spinbutton”.
Ik hoop dat je mijn vraag begrijpt…
Groet,
Stefan
Hoi Stefan,
Als je gebruiker ook het aantal wilt laten kiezen kun je natuurlijk beter de standaard WooCommerce productpagina gebruiken. Desnoods de elementen verbergen die je niet wilt tonen.
Guido
Hoi Guido,
Ja, dat begrijp ik, dat is inderdaad makkelijker ja.
Maar de site is niet voor mijzelf, maar voor iemand anders, ik bouw die.
En de ”opdracht” is om het op deze manier te doen.
Dus ik zou graag weten of het überhaupt mogelijk is om het op deze manier te doen en zo ja, hoe.
Groet,
Stefan
Hoi,
Maar als je een bestelknop én een “aantal” knop wilt, wat is dan nog het verschil met de standaard productpagina? De layout ervan kun je met CSS wijzigen en elementen die je niet wilt tonen kun je dus verbergen.
Guido
Hoi Guido,
De bestelknop is al gelukt en ik heb ook een aantalknop in een HTML-bestand in VSCode gemaakt (weet niet of je dat kent). Maar daar heb ik dus de code ”ingestopt”.
<form class="cart" action="https://www.janoahboeken.nl/eigen-boeken/" method="post" enctype="multipart/form-data">
<div class="quantity">
<label class="screen-reader-text" for="quantity_62e11686236fa">Susies belofte aantal</label>
<input type="number" id="quantity_62e11686236fa" class="input-text qty text" width="85,18" height="48,78" step="1" min="1" max="999" name="quantity" value="1" title="Aantal" placeholder inputmode="numeric" autocomplete="off" >
</div>
<button type="submit" name="add-to-cart" value="548" class="single_add_to_cart_button button alt">Bestellen</button>
</form>
Deze code werkt, maar het is niet de goede opmaak enzo. Het ziet er gewoon niet fraai uit.
Het verschil is dat ik er niet de goede Header op kan zetten en in de Customizer dus NIET al die dingen kan bewerken, misschien dat dat aan mijn thema ligt ofzo??!!
Groet,
Stefan
@janoahboeken volgens mij ben je nu een beetje het wiel opnieuw aan het uitvinden door alles met eigen css/html/php/js na te maken.
Je kan namelijk ook bijvoorbeeld met een child theme delen van je thema overschrijven.
Daarnaast heeft WooCommerce ook tal van hooks, filters en eigen template bestanden die je ook nog kan kopiëren naar je child-theme en kan aanpassen.
https://woocommerce.com/document/introduction-to-hooks-actions-and-filters/
https://woocommerce.com/document/template-structure/
Hallo Richard,
Dank, ik zal kijken of het lukt.
Groet,
Stefan