WooCommerce Color Swatches and images

WooCommerce Color Swatches and images

Begin dit jaar werd mij gevraagd iets te bedenken om de kleuren van producten te tonen in Color Swatches of afbeeldingen. Dit werd de WooCommerce Color Swatches and images. Een stukje webshop ontwikkeling voor WordPress dus.

Met een WordPress Onderhoudspakket kunt u zorgeloos ondernemen.

WordPress Onderhoudspakket

WooCommerce Color Swatches and images Project

De WooCommerce Color Swatches and images is een webshop ontwikkeling waarvoor geen bestaande plugins gebruikt konden worden. Er zijn plugins maar die doen niet wat de klant wilde. En dus moest ik dit geheel zelf ontwikkelen.

Hier gaat het om variaties van een product, in dit geval kleuren, te tonen als klikbare foto’s of color swatches. Het is dus eigenlijk meer een esthetische eis van de klant maar het is voor de bezoekers wel makkelijker en duidelijker. In dit geval gaat het om een grote website, een soort marktplaats, waar voornamelijk zaken op het gebied van makelaars, interieur en interieurdesign worden aangeboden.

Neem bijvoorbeeld een stoel die in verschillende kleuren te verkrijgen is. Voor elke kleur kan men dan bij de variatie een aparte afbeeldingen uploaden. Als de afbeeldingen aanwezig zijn dan worden deze getoond als kleine pictogrammen. En als men hierop klikt, en dus een kleur selecteert, wordt deze ook getoond als productafbeelding.

In WooCommerce in WordPress kan men bij de eigenschappen voor de kleuren een afbeelding uploaden en of een kleur selecteren met een color picker. Deze worden dan ook getoond in de eigenschappenlijst om het makkelijker en overzichtelijker te maken. Dit staat buiten van de afbeeldingen die bij de productvariatie geüpload kan worden.

Dus als er bij de variatie geen afbeelding wordt geplaatst dan zal hij kijken of er een afbeelding bestaat voor de eigenschap. Als deze niet bestaat dan wordt er gekeken of er een kleur is geselecteerd met de color picker. En je kan zelfs een kleur instellen als een algemene standaard om die te tonen als er helemaal niets is ingesteld. Dus het is bijna onmogelijk dat er niets getoond wordt.

WooCommerce Color Swatches and images - Freelance webshop ontwikkeling

WooCommerce webshop ontwikkeling

Slechts een klein deel van de website, of beter gezegd de marktplaats, was een webshop. Op deze website kunnen makelaars en ook stylisten en specialisten zich aanmelden en hun eigen pagina’s aanmaken. Men kan ook hun producten aanbieden via de marktplaats. Een perfecte plek dus voor stylisten en makelaars.

Voor de marktplaats wordt de WC Vendors plugin gebruikt. Deze is net als WooCommerce erg flexibel en kan er gebouwd worden wat men maar wenst. Een perfecte plugin met veel interessante opties en mogelijkheden.
Echter was er een klein probleempje met de commissie berekening waar men al lang mee stoeide. Dit probleem had ik snel opgelost.

WooCommerce is een zeer populaire webshop voor WordPress. Het is makkelijk in gebruik en is verder heel erg compleet. En als men speciale toepassingen wenst dan zijn er vaak ook goede plugins voor te vinden. Maar als die er niet zijn of als men maatwerk wenst dan is dat ook mogelijk. In principe is alles mogelijk dus vraag gerust vrijblijvend een offerte aan.

Vraag vrijblijvende een offerte aan.

Offert Aanvragen