Integrar la galería en la web

1. Botón en la ficha de producto

Cambia data-producto por camiseta, sudadera, taza o cuadro. Abre la galería en una ventana; al elegir se cierra sola.

<button type="button" data-creativa-galeria data-producto="camiseta">
  Elegir de nuestra galería
</button>
<script src="https://TU-DIRECCION-PUBLICADA/creativa-galeria.js" defer></script>

2. Recibir el diseño elegido

<script>
document.addEventListener("creativa:diseno", function (e) {
  var d = e.detail;
  // d.producto, d.parametros (color, talla, medida, posx, posy, escala, texto…)
  // d.vistaPrevia -> PNG (Blob) del producto con el diseño
  if (d.fuente === "plantilla") {
    // d.codigo (ABSBOH_033.jpg, nombre completo), d.imagenUrl (foto original)
  } else {
    // d.archivo -> archivo original (File) que subió el cliente
  }
});
</script>

3. Parámetros al llegar desde /galeria

Al pulsar «Continuar en la tienda» el cliente llega a la ficha con estos parámetros. El precio no se envía: lo calcula la ficha.

diseno

Nombre de archivo completo del diseño, tal cual y con extensión (p. ej. ABSBOH_033.jpg). Solo si eligió de la galería.

imagen

Enlace al archivo original que subió el cliente (válido 30 días). Solo si subió su foto.

producto

camiseta · sudadera · taza · cuadro

color

blanco · negro · gris · marino (camiseta y sudadera)

talla

S · M · L · XL · XXL (camiseta y sudadera)

orientacion

horizontal · vertical (cuadro)

medida

ancho x alto en cm, p. ej. 60x40 (cuadro)

posx, posy

Centro del diseño dentro de la zona de impresión, de 0 a 1

escala

1 = el diseño cabe entero en la zona; 0.80 = 80 %

texto, fuente, colortexto, textopos

Solo si añadió texto. fuente: inter · playfair · caveat · fredoka; textopos: arriba · abajo

disenourl

Enlace a la foto original de la galería

vista

Imagen PNG de 1200 px del producto con el diseño (válida 30 días)