Ondersteuning » Plugin vragen » Producten in winkelmandje plaatsen

  • Hallo,

    Ik heb de plugin Side Cart WooCommerce toegevoegd.
    Normaal gesproken werkt het zo dat je de producten aanmaakt via de WooCommerce.
    Hier heb ik echter bewust NIET voor gekozen, omdat ik een bepaalde stijl heb gekregen die ik op de site moet zetten. Deze kan niet worden gerealiseerd op de standaardmanier van WooCommerce.
    Op de pagina zijn twee boeken te zien waar bij beiden een bestelknop op staat.
    Rechtsonder is een winkelmandje te zien. De bedoeling is dat als je op de rode knop ”Bestellen” klikt het product toegevoegd wordt aan het winkelmandje en dat je ook nog een aantal kan kiezen.
    Ik heb geen idee hoe ik dit moet doen. Kan iemand mij helpen?

    De site staat Under Construction, op aanvraag kan dit er voor ongeveer een uur afgehaald worden.

    Groet,
    Stefan

    • Dit onderwerp is gewijzigd 3 weken, 4 dagen geleden door janoahboeken.

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

11 reacties aan het bekijken - 1 tot 11 (van in totaal 11)
  • 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.

    Thread starter janoahboeken

    (@janoahboeken)

    Hallo Richard,

    Bedankt voor de reactie. Het werkt!
    Alleen weet ik nog niet hoe je hierbij het aantal wijzigt…

    Stefan

    Thread starter janoahboeken

    (@janoahboeken)

    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

    Guido

    (@guido07111975)

    Hoi Stefan,

    Google vond dit:

    &quantity=2

    Voeg dit toe aan de eerder doorgegeven link, aantal kun je naar wens aanpassen.

    Guido

    Thread starter janoahboeken

    (@janoahboeken)

    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

    Guido

    (@guido07111975)

    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

    Thread starter janoahboeken

    (@janoahboeken)

    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

    Guido

    (@guido07111975)

    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

    Thread starter janoahboeken

    (@janoahboeken)

    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/

    Thread starter janoahboeken

    (@janoahboeken)

    Hallo Richard,

    Dank, ik zal kijken of het lukt.

    Groet,
    Stefan

11 reacties aan het bekijken - 1 tot 11 (van in totaal 11)