PrestaShop
Módulo de personalización para tiendas PrestaShop 1.7, 8.X y 9.X
Integra Luxmen Editor como diseñador gráfico embebido en fichas de producto PrestaShop. Ideal para camisetas, tazas, pegatinas, lonas y merchandising donde el cliente debe subir o crear su diseño antes de añadir al carrito.
Casos de uso
- Productos print-on-demand con área de diseño configurable
- Personalización de texto e imágenes en regalos corporativos
- Vista previa en tiempo real sobre mockup del producto
- Guardado del diseño vinculado al id de combinación PrestaShop
Ventajas
Pasos de integración
-
1
Instalar módulo Luxmen Connector
Desarrolla o instala un módulo PHP que registre un botón «Personalizar diseño» en la ficha de producto.
-
2
Configurar área de impresión
Define width/height en píxeles por combinación (talla/color) en el back-office.
-
3
Llamada API al personalizar
POST /api/projects desde tu servidor con cURL o Guzzle, pasando el nombre del producto y dimensiones.
-
4
Embeber editor
Abre /editor/ en modal o nueva pestaña con el project.id. Al exportar, recibe el archivo en tu controlador via postMessage o webhook.
-
5
Adjuntar al pedido
Guarda la URL o ruta del PNG en order_detail o custom field para impresión.
Ejemplo de código
// modules/luxmenconnector/controllers/front/design.php
$client = new GuzzleHttp\Client(['base_uri' => 'https://www.luxmen.es/api']);
$response = $client->post('/projects', [
'json' => [
'name' => $product->name,
'width' => (int) Configuration::get('LUXMEN_WIDTH'),
'height' => (int) Configuration::get('LUXMEN_HEIGHT'),
],
]);
$project = json_decode($response->getBody(), true)['project'];
// Redirigir o embeber: /editor/?projectId={$project['id']}
Notas técnicas
- Usa Symfony HTTP Client o file_get_contents con stream context para llamadas server-side.
- Valida el token de sesión del cliente antes de abrir el editor.
- PrestaShop 8.x: registra rutas en config/routes.yml del módulo.