Module Deep Dive
WooCommerce Integration
Connect the design editor canvas straight into WooCommerce checkout routes and line items structures.
E-Commerce Hookpoints
Seamless connections linking frontend personalization steps with backend inventory items.
Cart Metadata Sync
Line item parameters binding. Attaches raw canvas layer properties and export signature tokens directly to checkout metadata.
Dynamic Pricing Engine
Custom rules modifiers. Calculates price alterations on-the-fly based on layer counts or text inputs length.
Cart Thumbnail Swaps
Instant visual feedback. Swaps WooCommerce cart item images with dynamic preview PNGs of the user's setup.
WordPress Filters & Action Hooks
Custom rules mapping. Developers can hook into base pricing operations using standard WordPress filter calls, modifying item price parameters cleanly.
- Register custom fees based on canvas layers.
- Alter final custom checkout details signatures.
PHP Filter Hook Example
WordPress
// Adjust line item price dynamically
add_filter('kit_designer_calculate_price', function($price, $canvas_data) {
if (isset($canvas_data['text_layers'])) {
// Add $2.00 per custom text layer
$price += count($canvas_data['text_layers']) * 2.00;
}
return $price;
}, 10, 2);