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.

Continúa leyendo Cuidado al modificar los h5 de los listados en Prestashop

Print Friendly, PDF & Email

Añadir ficheros CSS y JavaScript en Prestashop

En esta ocasión, vamos hablar de un aporte desarrollado por el usuario Tuni-Soft de la Comunidad de Prestashop, que nos permite cargar nuestros propios ficheros *.css y *.js para luego cargarlos tanto en la tienda como en el mismo panel de administración.

La instalación y subida del módulo, sin problemas, desde la pestaña módulos -> módulos

El módulo, no ofrece ninguna configuración adicional y funciona de la siguiente forma:

En el directorio del módulo:

/modules/medialoader/

No debemos fijar en las siguientes 4 carpetas:

Carpeta para cargar nuestros CSS Y JS en Prestashop mediante un módulo
  • css -> Aquí metemos los ficheros CSS que luego cargaran en la tienda
  • js -> Aquí metemos los ficheros JS que luego cargaran en la tienda
  • bo_css -> Aquí metemos los ficheros CSS que cargaran en el panel de administración de tu tienda
  • bo_js -> Aquí metemos los ficheros JS que cargaran en el panel de administración de tu tienda

A nivel de código el módulo simplemente se instala en dos “hooks” en el displayHeader (hook donde cargan JS y CSS en el front-office) y en el displayBackOfficeHeader (hook donde cargan los JS y CSS en el back-office (panel)) y luego dentro de la función de los hooks, lo que hace es buscar dentro de los directorios que hemos comentado anteriormente y hacer uso de la función addCSS (para añadir los CSS) y de la función addJSS (para añadir los JS). (Si tenéis interés revisar el fichero medialoader.php)

¿Dónde puedo descargar este aporte para poder cargar mis ficheros JS y CSS en Prestashop?

https://www.prestashop.com/forums/topic/386184-free-medialoader-module-load-your-js-and-css-files-easily/

Por cierto, ¿Recordáis que también podíamos usar contentbox para cargar nuestros ficheros JS y CSS en la sección “Load Files on HTML Header ?

Continúa leyendo Añadir ficheros CSS y JavaScript en Prestashop

Print Friendly, PDF & Email