Continuamos con nuestro curso de Prestashop 1.7 actualizado donde veremos en este undécimo vídeo cómo crear y gestionar combinaciones de productos en nuestra tienda. Puedes ver la serie completa del curso en este enlace.
Recordamos que la continuación de esta serie de vídeos está realizada bajo Prestashop 1.7.8.7 y el tema visual por defecto, Classic.
Atributos de productos
Para poder crear combinaciones de productos en Prestashop, primero necesitamos dar de alta el atributo y los valores que tendrá; recordemos que las características se utilizan para el filtrado de productos, es diferencia fundamental respecto a los atributos. Esto se realiza desde Catálogo > Atributos y Características.
Cuando creemos el atributo que necesitamos, “color”, podemos seleccionar el tipo de atributo, en nuestro caso, “Color o textura”, que viene como anillo al dedo. Para otras opciones ya es conveniente usar otras de las opciones disponibles.
Bien, ya tenemos el atributo “color”, ahora vamos con los valores; con el botón “Añadir nuevo valor”, como el tipo de atributo es “color o textura”, se habilita una paleta y una zona para subir la textura que necesitamos, si no es un color plano. Guardamos y añadimos otro valor hasta completar. Revisamos que estén todos los valores en la lista del atributo «color y continuamos.
Creación y configuración de producto con combinaciones
Para crear un producto con combinaciones, hay que hacer siempre lo siguiente:
- Indicar en los ajustes que es un “Producto con combinaciones” (esto habilita la pestaña “Combinaciones” en lugar de “Cantidades”).
- Subir las imágenes para los diferentes valores (colores) del producto.
- Generar las combinaciones necesarias en la pestaña “Combinaciones”.
- Configurar cada combinación de producto de manera individual o masivamente.
En nuestro caso, partimos de un producto simple ya creado que forma parte de un pack, además, bajo Yamaha (pedazo de bajo) en color negro; ejecutamos el paso 1, marcamos que es un producto con combinaciones y guardamos.
Paso 2, subimos las fotos que nos faltan del bajo, las de colores rojo caramelo y blanco (se podrá asignar unas fotos determinadas a una combinación concreta). Una vez subidas, podemos reordenar las fotos seleccionando y arrastrando, de esto dependerá el orden de las fotos en la galería (también de qué tema visual utilicemos, ojo a esto), dentro de la página del producto.
Esta es una de las grandes mejoras de Prestashop 1.8.7, el poder hacerlo de esta manera.
Vamos al paso 3, pestaña “Combinaciones”, ahí se crean y gestionan las combinaciones del producto. Hay que tener en cuenta que cuantas más combinaciones creemos, más recursos necesitará nuestro servidor para generarlas adecuadamente y no falle en el intento, aunque si manejamos catálogos grandes, lo mejor es hacer una importación masiva, bien por el importador nativo o mediante módulo (Store Manager, por ejemplo).
Para las crear las combinaciones podemos escribir el nombre en el campo asignado o, directamente, ir pulsando en la barra lateral derecha qué valores de los diferentes atributos queremos, es más sencillo y rápido escribirlo, ya que cuando hay muchos atributos y valores, la barra lateral derecha se descontrola un poco.
Cuando tengamos todos los valores necesarios, pulsamos el botón “Generate”.
NOTA > El número de combinaciones resultantes será el “número de valores atributo 1” multiplicado por el “número de valores atributo 2”, y así consecutivamente. Por ejemplo, si tengo un producto de 6 colores y 5 tallas, resultará un total 30 combinaciones del producto.
Último paso, ya creadas las diferentes combinaciones, solo queda configurarlas. El panel nos permite acciones en masa (hay que seleccionar previamente qué productos se verán afectados), no todas las opciones disponibles, pero las más importantes como impacto en el precio (respecto al general) y cantidad (stock). También podemos asignar la combinación predeterminada, la que cargará por defecto en la página del producto.
Si pulsamos en el icono del lápiz de cualquier combinación, accederemos al panel integral de configuración, donde podremos asignar las imágenes de ésta, referencia, cantidad (stock), EAN-13 o impacto en el precio (diferencia respecto al precio indicado en la pestaña “Ajustes básicos”).
En este caso, el color “rojo caramelo”, le vamos a añadir un plus en el precio de 100 € con impuestos incluidos, pasando de 420 € (precio base) a 520 €. También podremos asignar, de todas las imágenes subidas, cuáles corresponden a esta combinación para que, al seleccionarla, carguen dichas imágenes.
Una vez hagamos configurados todas las combinaciones, podemos pasar a ver el resultado en el front.
Producto con combinaciones en el front
Accedemos a nuestra tienda (front) y vemos que ya tenemos el producto dado de alta. Si pasamos el ratón por el producto, se previsualizarán los colores de las combinaciones (solo vista PC y esto dependerá del tema visual, exclusivamente).
Al pulsar sobre él, veremos la combinación predeterminada y las fotos asociadas (color negro) y los botones de colores (esto dependerá del tipo de variación, que podrán ser botones o un desplegable, además).
Para seleccionar las combinaciones que deseamos, solo debemos ir pulsando sobre los atributos dados de alta, para que se cargue la combinación correcta y podemos añadir al carrito. Recordamos que cada combinación puede tener su propio precio y stock.
En nuestro caso del color “rojo caramelo”, vemos el precio aumentado en 100 €, tal cual ha sido configurado, y las imágenes seleccionadas para que se carguen con dicha combinación, la referencia y EAN propios, etc. Una vez se vayan comprando, solo el stock de esta combinación irá disminuyendo.
Os dejamos con el vídeo actualizado de cómo gestionar combinaciones de productos en Prestashop.