Elementor widget Elementor SVG WooCommerce

Golf Shop Interactive

Multi-layer SVG parallax scene with clickable product hotspots, colour swatches, and WooCommerce variation matching.

An interactive Elementor widget for a UK golf company client featuring a multi-layer SVG parallax scene with animated clouds, a caricature golfer, clickable hotspot product modals, WooCommerce variation matching with colour swatches, and a mobile-responsive stacked layout.

From Concept to Creation

WordPress and WooCommerce was always going to be the base for this project as the client has previous experience with this format and we have vast experience with these so we started conceptualising something unique as the client did not want a shop which resembled every other online shop on the market.

Accessing data from WooCommerce is the easy part from Stock Levels to Variations, Prices and Images so the only question is what were we going to do with that data, a custom front end was the answer.

I knew we wanted something which would happen in situe on one single page so we started by using Ai tools like Chat GPT to design an interface.

After a few message back and forth this was one of the original concept image which we presented to the client and the project snowballed from there with a concept to conception in just 14 days.

Product pages in a popup

Each poroduct popup on the canvas is basically an entire product page with full functionality from variations, pricing and checkout.

More plugins

Booking plugin

QuickBook RTBS

Restaurant table booking system with real-time availability, email confirmations...

eCommerce plugin

WS Pick N Mix

A replacement WooCommerce pick-and-mix plugin built for GlamoRose Cakes and Pure...

Elementor widget

WS Rotating Layers

Scroll-linked rotating circular graphics widget inspired by premium supplement b...