ImageMeld Products for Commerce

Customise product designs before adding to cart

Creator: Murray Wood (digitalpenguin)

1.0.0-pl (147 KB) Other Versions Need help installing this extra?

About ImageMeld Products for Commerce

This module takes advantage of the Fabric.js javascript canvas library

The snippet is designed to be used on a product detail page, where the editing canvas will be presented with a template image selected by you, the developer (or shop owner). The template image acts as an overlay with transparent sections where the image can be customised. Think of an item such as sunglasses frames, a watch band, or a badge.

The customer uploads the image/pattern which appears behind the overlaid image template, and they can then use the controls to zoom, rotate and move the image until they're happy with the positioning. When the product is added to the cart, both the original source image provided by the customer, and the newly created melded images are uploaded to the server and added to the customer's order.

When viewing the order in the manager, thumbnails of both images are shown on each product with options to download directly or open the full-sized image in a new window.


February 3, 2021
Supported Versions
2.8 – Current
Supported Database

New in ImageMeld Products for Commerce 1.0.0

First release


Current Releases

February 3, 2021
2.8 – Current

More from Murray Wood

Splitit Payment Gateway for Commerce

Splitit Payment Gateway for Commerce

Accept credit card payments in Commerce via Splitit!

PostFinance Checkout Payment Gateway for Commerce

PostFinance Checkout Payment Gateway for Commerce

Integrates PostFinance Checkout payment gateway for Commerce



A basic timetable extra for MODX.

My Cloud Fulfillment for Commerce

My Cloud Fulfillment for Commerce

Integrates the My Cloud Fulfillment API with Commerce