Cuidado al modificar los h5 de los listados en Prestashop

Este documento es para Prestashop 1.6 (no para Prestashop 1.7).

Imaginemos que tenemos la feliz idea de cambiar los h5 por h3 (es un ejemplo solo) en los títulos de los productos de los listados en Prestashop

Nos vamos al fichero: /themes/default-bootstrap/product-list.tpl buscamos la siguiente linea de código:

Código a modificar

Y cambiamos el h5 por h3

Código modificado

Y cuando vamos a la web, de pronto vemos que depende el título del producto aparece un texto denominado: undefined

undefined

Y entramos en pánico extremo….

Simplemente nos falta editar el fichero:

/themes/default-bootstrap/js /global.js

Y dentro de la función:

function display(view)

Buscamos la siguiente línea de código:

html += '<h5 itemprop="name">'+ $(element).find('h5').html() + '</h5>';

Esta línea aparece dos veces dentro de la función function display(view) una dentro del if (view == ‘list’) y otra dentro del else

Código
Código

Simplemente cambiamos la línea por:

html += '<h3 itemprop="name">'+ $(element).find('h3').html() + '</h3>';
Código cambiado

Y a modo informativo comento: 

¿Recordáis que tenemos la función de grid (cuadricula)  y list (lista) en listados de productos? ¿no?

Grid y list

Pues ahora fijaros donde hemos cambiado el h5 por h3 en el fichero JS y veréis la vinculación que tiene.

Tip construido bajo Prestashop 1.6.1.17

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *