Documentación para Diseñadores

Crea tus propias plantillas en Tienda Nube

Personalización de productos

Con esta funcionalidad vas a poder permitirles a tus clientes personalizar los productos que compran en tu tienda.

Por ejemplo, si estás vendiendo una camiseta de fútbol, y querés ofrecerle a tus clientes la posibilidad de estampar su nombre y un número personalizado, vas a poder hacerlo de esta manera:

Para agregar estos campos personalizados es necesario editar el archivo product.tpl, y dentro del formulario del producto, agregar todos los inputs que sean necesarios con la palabra "properties[XXX]" dentro del atributo name.

No es necesario que sean de tipo text, pueden ser de cualquier tipo (radio, checkbox, textarea, etc).

Por ejemplo:

<form id="product_form">
...
<input type="text" name="properties[nombre]" value="">
<input type="text" name="properties[numero]" value="">
<input type="text" name="properties[_promo]" value="INVIERNO2018">
...
</form>

Además, si en el nombre de la propiedad agregás un guión bajo por delante (_), esa propiedad va a estar oculta para el comprador.

En el caso de querer mostrar estas propiedades solo en determinados productos, podés agregar este mismo código HTML en la descripción del producto, y luego en product.tpl es necesario editarlo para que la descripción del producto esté dentro del <form id="product_form">

Por otro lado, para que en el detalle del carrito aparezcan estas propiedades, es necesario editar el archivo cart-item-ajax.tpl para el caso del carrito rápido, o el archivo cart.tpl en el caso del carrito común.

Aclaración: Los nombres de los archivos pueden variar según el theme.

Por ejemplo, si quisieras mostrar esa información en el carrito rápido (pero ocultar los campos ocultos), podrías agregar las siguientes líneas de código:

{% for key, value in item.attributes if key[:1] != '_' %}
<div><strong>{{key}}</strong>: {{value}}</div>
{% endfor %}

Lo que haría que el carrito se viese de la siguiente manera:

Y el checkout de la siguiente manera:

¡Eso es todo!

Una vez que recibas las compras, vas a poder visualizar esos campos (incluídos los ocultos) en el detalle de la orden:

Recordá que además podés agregar campos personalizados para la compra en el carrito, siguiendo las instrucciones de este tutorial.

Sin compromiso de compra ni estadía mínima. No hay costo de registro o cancelación.