Woocommerce Wallpaper Configurator
Development a custom WooCommerce plugin for cutting wallpaper patterns
Live previewClient
Kandela Design
Industry
Manufacturing
Duration
1 month
Location
Poland
Project Author
Goals
Tailor-made solution
Developing an efficient WooCommerce plugin for interactive wallpaper configuration, fully tailored to the client’s specific needs.
Real-time download option for the selected pattern area
Enabling users to download a selected wallpaper section as a JPG file based on the marked area and specified dimensions.
Creating a user interface based on a description
Creating a user interface based on provided descriptions, with the design refined through detailed communication and collaboration with the client.
Attaching the selected section in an email to the client
Including the selected wallpaper section as an attachment in the confirmation email sent after placing an order, along with standard order details.
Woocommerce product page integration
Seamlessly integrating the configurator into the client’s existing WooCommerce store, ensuring it functions as a natural part of the site’s infrastructure and works in harmony with previously implemented plugins.
Implementation overview
The project began with a detailed discussion with the client, leading to the redevelopment of a previous solution I had created. The frontend utilizes a slightly modified version of the Croppie.js JavaScript library, known for its image cropping functionality. This plugin allows the shop admin to upload image patterns for products and define default and minimum dimensions.
The main challenge was ensuring seamless integration with the existing plugin and product template. The plugin generates a base64 version of the selected area, processes it, and saves it as a JPG file, which is then attached to the customer’s order confirmation email. An additional feature is that customers can download the selected image area at any time. The plugin is fully responsive, ensuring optimal performance across devices.
Used technologies
HTML
CSS
Javascript
PHP
WordPress
Summary
In conclusion, all project objectives were successfully met. The plugin was seamlessly integrated with the existing infrastructure, delivering a smooth user experience. The solution allows for efficient image pattern management, automatic generation and attachment of the selected area in emails, and ensures full responsiveness. This result not only fulfilled the client’s expectations but also enhanced the overall functionality of the store.
