De borrelplank functionaliteit

Borrelplank zuivelhoeve

Een avondje borrelen met vrienden of familie, dan mag een goed gevulde borrelplank niet ontbreken. Nu kunnen wij ons voorstellen dat niet iedereen alles lekker vindt wat op de standaard

borrelplank zit, ook bij de Zuivelhoeve dachten zij er zo over. Daarom bedachten ze een manier om klanten zelf online een borrelplank te laten samenstellen. Met deze wens kwam de zuivelhoeve vervolgens bij Inventus terecht.

Wensen voor de borrelplank

Voordat wij deze functionaliteit in de website zijn gaan bouwen is er samen met de Zuivelhoeve goed nagedacht over de vormgeving en hoe deze borrelplank moet functioneren. Zo moet de bezoeker al vanuit de homepagina naar de pagina van de borrelplank kunnen navigeren vanuit waar de borrelplank gekozen en samengesteld gaat worden. Er zijn drie borrelplank varianten, 12, 24 of 36 vakken, die gevuld kunnen worden met producten uit het assortiment, deze bestaat op het moment van schrijven uit 65 producten. Om deze vakken te vullen zijn er voor de borrelplank zijn speciale hoeveelheden van de producten samengesteld, deze porties voor de borrelplank worden ook niet los in de webshop verkocht.

Borrelplank samenstellen

Klanten kunnen eerst kiezen welke borrelplank ze willen, groot, middel of klein. Deze borrelplanken zijn van verschillende grootten, zo heeft de grootste borrelplank maximaal 36 kleine vakjes of 18 grote. Het aantal grote en kleine porties kan binnen 1 borrelplank variëren, zo is het mogelijk om te kiezen voor 15 grote porties en 6 kleine porties. In totaal zit je dan weer op 18 grote porties of 36 kleine porties. Om bij te houden hoeveel vakken van de borrelplank er gevuld zijn is een formule geschreven. Als er dan 1 grote portie jonge kaas wordt gekozen, dan staat dit gelijk aan 2 kleine porties. Met deze formule kan de bezoeker blijven vullen totdat alle 36 vakken van de borrelplank gevuld zijn. Het kan dus voorkomen dat een klant de borrelplank vult en uiteindelijk op 35 porties uitkomt, het systeem is zo ingesteld dat er dan enkel nog een kleine portie aan de borrelplank kan worden toegevoegd, er komt een melding in beeld als de klant een grote portie wil toevoegen.

De producten voor de borrelplank zijn onderverdeeld in 5 categorieën, dit voorkomt dat de klant alle producten in één lange lijst onder elkaar ziet. Bij elk product is ook meteen zichtbaar of deze te verkrijgen is in een grote portie, kleine portie of dat er keuze is uit beide. Om deze producten in categorieën te verdelen hebben wij gebruik gemaakt van de bestaande Woocommerce functionaliteiten die wij hebben aangevuld met onze eigen code om de functie naar wens in te kunnen richten. Alle producten hebben hun eigen prijs, deze losse prijzen worden tijdens het samenstellen van de plank automatisch bij elkaar opgeteld. De klant ziet dus ten alle tijden de totaal prijs van de door hun samengestelde borrelplank.

Borrelplank afrekenen

Als de borrelplank gevuld is kan de klant door naar de checkout of ze kunnen verder gaan met winkelen. Als men een borrelplank besteld, dan is het niet mogelijk om deze te laten verzenden. De klant moet deze ophalen in één van de zuivelhoeve winkels. Het systeem moet hiervoor herkennen dat de borrelplank aanwezig is in de winkelmand, om vervolgens de verzendopties te verbergen in het checkout systeem. Om deze functionaliteit te realiseren hebben wij gebruik gemaakt van de functies binnen Woocommerce. Deze hebben wij gebruikt in combinatie met diverse plug-ins en de toevoeging van geschreven code, waarmee bij de borrelplank de functie tot verzenden niet zichtbaar zal zijn. Wanneer een bezoeker naast de borrelplank ook andere producten in de winkelmand heeft en vervolgens de borrelplank verwijdert, dan moeten de verzendopties weer terug in beeld komen.

De verzendopties / afhaalopties is niet de enige reden waarom het systeem de borrelplank moet herkennen. Over de borrelplanken dient men borg te betalen, zonder borg kan men de borrelplank niet bestellen. Het systeem moet hiervoor ook herkennen welke en hoeveel borrelplanken men besteld, groot, middel of klein, elke plank heeft namelijk zijn eigen borg. De functionaliteit om borg toe te voegen aan producten is standaard al aanwezig in Woocommerce, echter om verschillende bedragen te rekenen voor de borg en om meerdere keren borg te rekenen hebben wij een stukje code bij moeten schrijven om deze mogelijkheid in te kunnen zetten.

Realisatie borrelplank

Om de borrelplank functionaliteit te ontwikkelen hebben wij gebruik gemaakt van de standaard Woocommerce mogelijkheden. Deze hebben wij op verschillende punten uitgebreid door gebruik te maken van gegroepeerde producten, met elk hun eigen variaties.

Daarnaast hebben wij een code geschreven voor de rekenmodule die de vakverdeling en de totalen moet uitrekenen. Ook hebben wij een code geschreven om de productgroepen te verbergen in de normale webshop en deze enkel te tonen als een klant bezig is met het samenstellen van een borrelplank. Tevens moesten deze producten een andere weergave krijgen dan de standaard webshop weergave, ook hiervoor is een aparte code geschreven.

Doordat wij binnen Woocommerce gebruik hebben kunnen maken van onze eigen codes, hebben wij voor de klant een gebruiksvriendelijk systeem kunnen maken! Het systeem draait nu een aantal weken en de borrelplanken worden al volop besteld! Bekijk hier het resultaat van de borrelplank functionaliteit!