Matriz de tallas y colores para pedidos B2B

ignacioes

Hola a todos,

Estoy intentando configurar mi tienda PrestaShop para clientes B2B, y un requisito clave es que puedan pedir varias combinaciones de productos (tallas, colores) de una sola vez, en formato de tabla o matriz, directamente en la página del producto.

Actualmente, PrestaShop 1.7.x solo permite seleccionar una combinación a la vez mediante desplegables o botones de radio, y hay que añadir al carrito de uno en uno. Para distribuidores de ropa o productos industriales con muchas variantes, esto es un infierno. Necesitamos una tabla donde puedan poner la cantidad deseada para cada talla/color y un solo botón 'Añadir todo al carrito'.

¿Alguien ha implementado algo similar o tiene alguna idea de cómo abordar esto en el product.tpl o product-variants.tpl? He mirado en el back office pero no veo ninguna opción para esto.

marinashop92

Uf, @ignacioes, esa es una petición clásica de B2B y PrestaShop en su versión estándar no lo trae. Nosotros tuvimos que lidiar con eso para un cliente y es un dolor de cabeza, sinceramente. ¿Estás en la 1.7.6.9 o alguna versión más reciente de la 1.7? En las versiones antiguas el product.tpl es un poco lioso para estas modificaciones sin sobreescribir mucho. Necesitarías una lógica bastante compleja en Smarty y luego JavaScript para recoger todas las cantidades y enviarlas al carrito. No es algo trivial 😛.

Milo

@ignacioes, @marinashop92 tiene razón. La funcionalidad nativa de PrestaShop 1.7.x está diseñada para la compra de una combinación a la vez, lo que es óptimo para el B2C pero limitado para el B2B con matrices de tallas/colores.

Para lograr lo que buscas, necesitarás una modificación directa del tema. El punto de partida es el archivo themes/classic/templates/catalog/_partials/product-variants.tpl (o similar, dependiendo de tu tema hijo si lo usas).

Aquí te dejo una base para estructurar la tabla en Smarty. Esto te permitiría listar las combinaciones y sus campos de cantidad. El paso de añadir al carrito requeriría JavaScript personalizado para iterar sobre los campos de cantidad y enviar las solicitudes AJAX adecuadas al controlador del carrito.

{if $product.combinations}
  <table class="table table-bordered product-matrix">
    <thead>
      <tr>
        <th>Combinación</th>
        <th>Cantidad</th>
      </tr>
    </thead>
    <tbody>
      {foreach from=$product.combinations item='combination' key='id_product_attribute'}
        <tr>
          <td>{$combination.attributes_text}</td>
          <td><input type="number" name="qty_{$id_product_attribute}" value="0" min="0" class="product-quantity-input"></td>
        </tr>
      {/foreach}
    </tbody>
  </table>
  <button type="button" id="add-all-to-cart-button">Añadir todo al carrito</button>
{/if}

Tendrías que insertar este bloque en tu product.tpl o product-variants.tpl donde quieras que aparezca la matriz, y luego desarrollar el JavaScript para manejar el evento del botón add-all-to-cart-button.

ignacioes

¡Mil gracias, @Milo! Esa estructura Smarty es exactamente el punto de partida que necesitaba para la tabla. Me da una idea clara de cómo iterar sobre las combinaciones y crear los campos de cantidad. Ya veo cómo enganchar el JavaScript a eso.

He probado a meterlo en mi product-variants.tpl y funciona perfectamente para la visualización. Ahora toca la parte del JS para el 'añadir todo', pero con esta base ya es mucho más sencillo. ¡Gracias de nuevo por la ayuda tan directa!