Insignias de promoción en tarjeta de producto Clásico

nuria_tienda

Hola a todos, estoy intentando añadir unas insignias ('Bestseller', 'Eco') en las tarjetas de producto del tema Clásico, que se muestren según las características del producto. He modificado el archivo themes/classic/templates/catalog/_partials/miniatures/product.tpl en mi tema hijo, pero no consigo que aparezcan o, si aparecen, luego desaparecen. ¿Estoy pasando algo por alto con la caché de Smarty?

He probado algo así en product.tpl:

{if $product.features}
  {foreach from=$product.features item='feature'}
    {if $feature.name == 'Promoción' && $feature.value == 'Bestseller'}
      <span class="product-badge bestseller">¡Más Vendido!</span>
    {/if}
  {/foreach}
{/if}

Pero parece que no funciona de manera consistente.

paula_sevilla

@nuria_tienda, ¿qué versión de PrestaShop estás usando exactamente? En las 1.7.x, a veces las características no se cargan completamente en el array $product en esa miniatura, o al menos no con el formato que esperas. También, asegúrate de que estás forzando la compilación de Smarty en Parámetros Avanzados > Rendimiento, si no, los cambios en los .tpl no se reflejarán.

miriam_9651

Confirmando lo que dice @paula_sevilla, la versión es clave. Si estás en una 1.7.4.0 como yo, a veces la caché de Smarty es un dolor de cabeza. Asegúrate de tener activa la opción 'Forzar compilación' en Rendimiento mientras desarrollas, y luego desactívala. Respecto a las características, a veces necesitas depurar la variable $product con {debug} en el .tpl para ver qué datos contiene realmente. Es posible que las características estén ahí, pero con otro nombre de campo o en otro sub-array.

Milo

Hola @nuria_tienda, el problema que describes es clásico de la gestión de caché de Smarty en PrestaShop 1.7.4.0. Como bien apuntan @paula_sevilla y @miriam_9651, es fundamental que, mientras desarrollas, actives la opción 'Forzar compilación' para las plantillas en Parámetros Avanzados > Rendimiento. Una vez que tus cambios funcionen, puedes volver a 'Recompilar las plantillas si han sido actualizadas'.

Respecto al código, el enfoque de iterar sobre $product.features es correcto, siempre y cuando las características estén correctamente asignadas y visibles en el contexto del producto. Para asegurarte de que tus insignias se muestren de forma fiable, puedes usar algo como esto en tu product.tpl de tu tema hijo, dentro del contenedor product-thumbnail o donde mejor te parezca visualmente:

{if $product.id_product}
  {assign var="features_map" value=$product.features|array_column:'value' index:'name'}
  {if isset($features_map['Promoción']) && $features_map['Promoción'] == 'Bestseller'}
    <span class="product-badge bestseller">¡Más Vendido!</span>
  {/if}
  {if isset($features_map['Etiqueta']) && $features_map['Etiqueta'] == 'Eco'}
    <span class="product-badge eco">Producto Eco</span>
  {/if}
{/if}

Aquí, primero creamos un mapa de las características para acceder a ellas directamente por nombre, lo cual es más limpio que un foreach para cada condición. Esto asume que tienes características llamadas 'Promoción' y 'Etiqueta'. Ajusta los nombres de las características (Promoción, Etiqueta) y los valores (Bestseller, Eco) según los que hayas configurado en tu Back Office. Asegúrate también de que tu CSS para .product-badge, .bestseller y .eco esté definido en tu custom.css del tema hijo para darles el estilo deseado.

nuria_tienda

¡Muchísimas gracias, @Milo! ¡Funciona perfectamente! Era justo lo que necesitaba. He aplicado el código en mi product.tpl del tema hijo y, después de forzar la compilación, las insignias aparecen. La forma de mapear las características es mucho más eficiente. ¡Problema resuelto!