Antes que nada: qué es un producto configurable?

(si ya te sabes esta parte clica aquí…)

Magento dispone de varios tipos de productos. En este caso vamos a centrarnos en el producto configurable. Un producto configurable es aquel que el usuario puede elegir una(s) variable(s).

El ejemplo típico de este caso son las piezas de ropa. El cliente debe elegir qué talla va a comprar de ese modelo que quiere.

En el ejemplo de la captura, vemos que se puede comprar un vestido pero el cliente debe elegir qué talla: S, M, L o XL

Este producto a efectos prácticos son 4 referencias unidas en una sola ficha de producto. El producto no se añade al carrito o cesta hasta que se ha elegido talla.

Los productos configurables no tienen porque tener solo un tipo de variable, y aquí es donde empieza la fiesta! Siguiendo con los ejemplos de piezas de ropa, se puede crear una única ficha de producto para unas camiseta de manga corta donde el usuario pueda elegir talla y color.

Al crear un producto con estas características, Magento presenta el producto con una lista de selects para que el usuario elija a su gusto.

Todas las posibilidades que dan los selects son productos simples que existen previamente en Magento.

Des del backoffice se puede añadir un coste extra al precio base del producto. Y ya tenemos otro factor más que juega: el precio final del producto.

Caso real: mejora de la ficha de producto configurable

 

Situación inicial

Uno de nuestros clientes ofrece materiales para bricolaje y manualidades en su tienda online. Des de un principio quería ofrecer el máximo de producto en una sola ficha de producto para no llenar la página de categorías de producto que podría parecer duplicado.

El problema era que cada opción tenía precios distintos que no se debían a ninguna regla dinámica y un único producto podría llegar a tener hasta 4 variables.

Pintar las opciones en cascada de “selects” no era nada óptimo a nivel de usabilidad. No se podía ver de un solo vistazo las opciones que se ofrecían y eso podía hacer bajar la tasa de conversión drásticamente.

Pasar de lista de selects a matriz con las opciones

La solución que encontramos fue pasar de la cascada de selectores a una matriz donde cada elemento es una combinación del producto configurable. El contenido de cada celda de la matriz, el usuario puede consultar el precio de esa personalización del producto.

Ficha de producto con la distribución inicial de elementos

Pero, solo se puede tener dos atributos como variable? No puedo usar más?

Si el producto tiene más de dos variables que el usuario puede escoger

Y en el móvil… ¿cómo se ve?

pues hemos adaptado la estructura de la matriz también para móvil!

para dispositivos móbiles hemos separado la tabla del resto de la ficha de producto para poder consultar todas las opciones en una sola página.