Conocí Prestashop en el 2010. Ex-moderador de la comunidad oficial de Prestashop (usuario: nadie).
Desarrollador. Especialista en soporte técnico. Generador y traductor de documentación técnica.
Quedando del siguiente modo (recordar que si pulsáis sobre la imagen la podéis ver ampliada):
Código modificado
Quizás es un poco confuso, pero fijaros que en el fichero que estamos editando, vemos dentro del: <div class=”block-category card card-block hidden-sm-down”> que se muestra el título, la descripción y la imagen de la categoría.
Resolución normal
Que es lo correspondiente a lo que estamos visualizando en una resolución normal.
Resolución normal
Y el código que vemos dentro de: <div class=”text-sm-center hidden-md-up”> es el que vemos en resoluciones pequeñas.
Resoluciones pequeñasTítulo pequeño
Por otro lado, recordar que hemos editado directamente la plantilla, pero recordar que en Prestashop 1.7 podemos trabajar con las plantillas hijas (child theme) que aunque nadie te ponga una pistola para trabajar de esa forma, es recomendable, por el blog tenemos un post de Junio de 2017, donde se trataba dicho tema (revisar enlace).
Documento construido bajo Prestashop 1.7.2.5 con la plantilla por defecto.
Si bien es cierto que actualmente podemos mover los módulos (al menos la mayoría de los nativos de Prestashop) desde la pestaña Diseño -> Posiciones (ejemplo básico) a casi todos los hooks porque implementan la interfaz WidgetInterface, sin necesidad de añadir la función del hook como hacíamos en versiones anteriores, también podemos indicar que queremos mostrar un determinado módulo en una determinada zona sin tener que asignar un hook a esa zona, esto es lo que habíamos explicado a inicios del año pasado (2017) en el blog.
Por lo tanto, a modo recordatorio, os recomiendo visitar las siguientes entradas del blog:
Y también viene bien repasar aquella guía que se hizo sobre la creación de un módulo para Prestashop 1.7 sobre abril del 2017 donde comentábamos también el tema del widget: Crear módulo Prestashop 1.7(marzo 2017)
Me gusta indicar fechas, porque son entradas que están publicadas en el blog en esas fechas y siempre pueden existir variaciones conforme van saliendo nuevas variantes de Prestashop, aunque sean de la misma rama.
Tenéis en el blog una reseña de un módulo que permite gestionar preguntas frecuentes por productos (tanto de forma individual como en base las categorías de los mismos).
Zona FAQ en el producto
El módulo yo lo he instalado en Prestashop 1.6 (1.6.1.18) no en Prestashop 1.7. Si bien es cierto que, en la reseña, repaso las opciones del módulo, no quiere decir que lo haya testeado. Por lo que estáis invitado a probarlo y ver que funciona y no funciona.
Para acceder a la reseña del módulo, debéis pinchar en la siguiente imagen:
Ver información del módulo para gestionar preguntas frecuentes por productos en Prestashop
De este tipo de módulos tenemos en el blog comentado un aporte de Shacker de la Comunidad de Prestashop y uno que creo recordar que no se actualizo con el tiempo de Rémi Rüdiger.
En su momento se reseñaron ambos módulos en el blog, pero el de Shacker es uno de los que siguen funcionando en la actualidad porque se ha ido actualizando con el tiempo, como podéis ver en una reseña que tenemos por el blog:
Las opciones de configuración que nos ofrece el módulo son las siguientes:
Bloque -> La generación de PDF
Bloque 1 de configuración
Nombre del archivo: Simplemente indicamos como queremos que se llame el fichero.
Exportar a: Nos permite seleccionar en que idioma queremos exportar el catálogo
Declinaciones de exportación: Permite optar por exportar las combinaciones dependiendo de cómo configuremos la opción.
Logotipo en la Página 1: Al activar la opción veremos el logo de la tienda en la primera página del PDF.
Logo tienda
Texto en línea de la Página 1 1
Texto en línea de la Página 1 2
Texto en línea Página 1 3
Estos tres textos corresponde al texto que aparece debajo del logo:
Texto debajo del logo
Mostrar el índice de los productos -> Opción para generar un índice de los productos en el PDF
Índice productos
Índice de posición de los productos -> Podemos indicar si el índice se mostrar al final o al inicio del documento.
Tipo de imagen -> El tipo de imagen que vamos a mostrar en los productos. Recordar los tipos de imagen provienen de la pestaña Preferencias -> Imágenes (En PS 1.7 Diseño -> Ajustes de las imágenes)
Anchura de las imágenes -> Ancho de las imágenes como bien el nombre indica.
Descripciones cortas de la pantalla -> Podemos mostrar las descripciones cortas de los productos y decir a partir de que carácter quedan cortadas.
Muestran largas descripciones -> Lo mismo que con descripciones cortas pero aplicadas a descripciones largas.
Mostrar el precio -> Permite elegir activar/desactivar la visualización del precio en la generación de PDF.
Los precios se muestran en el modo de -> con/sin impuestos.
Mostrar referencias -> Permite elegir activar/desactivar la visualización de la referencia en la generación de PDF.
Mostrar códigos de barras (EAN13)
El enlace a la hoja de producto -> Permite mostrar un enlace para acceder a la ficha del producto.
Enlace ficha del producto
Pie de página de texto -> Texto que se mostrar en el pie de página del catalogo
Pie de página
“Experto” (max_execution_time) / máximo tiempo de ejecución.
“Experto” (memory_limit) / límite de memoria.
Permite forzar los valores del memory_limit y max_execution_time que nos pueden servir para exportar catálogos grandes, dicho esto, por mucho que fuerces si el servidor está limitado o tiene una configuración limitada no sirve 🙂Bloque -> Categorías
Bloque exportación de productos por categorías
Simplemente señalamos en base a que categorías de los productos queremos generar el Catálogo.
Una vez que hemos configurado todo, pulsamos el botón:
De la exportación
Generar catálogo
Veremos que en la parte superior de la zona de configuración del módulo tenemos generando el fichero para descargarlo:
Es un módulo “gratuito” y más o menos funcional con las ultimas variantes actuales de Prestashop 1.6.1.X que permite: crear campañas, gestionar plantillas de los boletines, crear la propia newsletter en el panel, enviar boletines, etc….
Tenéis “reseña/guía” todavía sin terminar de unas 1500 palabras que terminare cuando pueda, donde podéis ver el funcionamiento básico del módulo para haceros una idea.
Para acceder a la reseña del módulo y poder descargarlo, debéis pinchar en la siguiente imagen:
Vamos a mostrar un mensaje de bienvenida personalizado en el listado de productos por categoría para los usuarios registrados de la tienda que incluirá el nombre + apellidos del usuario y un texto adicional.
Este manual para Prestashop está construido bajo Prestashop 1.6.1.18 con la plantilla por defecto.
Mensaje de bienvenida
Editamos el fichero:
/themes/default-bootstrap/category.tpl
Y debajo de:
{if isset($category)}
{if $category->id AND $category->active}
De esta forma comprobamos si el usuario esta logeado {if $is_logged} y mostramos el nombre {$cookie->customer_firstname} + apellidos del cliente {$cookie->customer_lastname} junto con un texto adicional.
El código quedara del siguiente modo:
Código añadido
El siguiente paso será personalizar el texto con un fondo rojizo (color del texto blanco) y un relleno.
Por otro lado, recordar que la traducción del “literal” que hemos añadido en el TPL lo debemos gestionar en la pestaña: Localización -> Traducciones -> Bloque modificar traducciones
Modificar traducciones
Tipo de traducción -> Traducciones del Front-Office Seleccione tu tema -> El ejemplo se encuentra basado en la plantilla por defecto (default-bootstrap) Seleccione tu idioma -> Vamos a personalizar la frase en el idioma de Cervantes
Clic en modificar y entramos dentro de la sección “Category” donde podremos gestionar la traducción literal que hemos añadido en el TPL
Acceder traducciones
Hemos añadido la traducción: “te invitamos a visitar esta categoría:”
Añadiendo traducción
El resultado final es el siguiente:
Mostrar mensajeVista del mensaje en resoluciones pequeñas
PosData: Si no veis los cambios, no se os olvide limpiar la cache en la pestaña Parámetros Avanzados -> Rendimiento
Borrar la caché
PosData 2: Si el texto se muestra correctamente, pero no veis los cambios del CSS (color, fondo), limpiar la cache de vuestro navegador.
/themes/classic/templates/catalog/_partials/miniatures/product.tpl (con un bucle foreach para imprimir los productos)
Bucle + include
Al acceder al fichero: /themes/classic/templates/catalog/listing/product-list.tpl que corresponde al listado de productos por categoría o el que se usa de plantilla cuando buscamos un producto y arrojamos los resultados etc.. , vemos otro include hacia el fichero:
Y nos encontramos dentro la etiqueta “h1” junto con la variable que imprime el nombre del producto.
Etiqueta h1
Por ejemplo, la cambiamos por “h3”
Cambiar etiqueta h1 por h3
Cuando accedemos a los listados de productos, veremos un “h3” en los nombres de los productos.
Etiqueta cambiada
Si queremos que el cambio solo se aplique a la página principal y no al resto de listados, podemos usar un condicional con la variable:
{$page.page_name}
Por ejemplo,
Si estamos en la página principal cambiamos los h1 de los títulos de los productos por h2, en el resto de sitios donde aparezcan los listados de productos colocamos otra etiqueta, por ejemplo el h3.
Etiqueta de título según sección en Prestashop
Fijaros que con: {$page.page_name} hemos construido un condicional para comprobar en que sección estábamos.
Si accedemos ahora a la tienda, veremos que los títulos de productos tienen la etiqueta “h3” en la página principal.
h3 en los listados de productos de la página principal
Si accedemos a otra sección de la tienda que no sea el listado de productos de la página principal.
Por ejemplo los listados de productos por categoría, veremos la etiqueta “h2” en los listados de productos.
Listado de productos por categoría
Podéis más información sobre cómo construir condicionales en la documentación de Smarty: https://www.smarty.net/docsv2/es/language.function.if.tpl
https://www.smarty.net/docs/en/language.function.if.tpl
El valor de la variable: {$page.page_name} lo podemos identificar fácilmente desde inspeccionar elemento donde el body tiene asignado mediante un id el valor de dicha variable.
ID sección categoría
Por ejemplo, cómo podemos ver en la captura, cuando estamos situados en la sección de los listados de productos por categoría el valor de {$page.page_name} es “category” mientras que cuando estamos en la página principal el valor es “index”
Obviamente a que tener cuidado tocando el fichero:
Ya que afecta a todas las partes de la tienda (sean módulo u otras secciones) que realicen ese include, una forma de diferenciar donde estamos es con el: {$page.page_name}, otra es definiendo un include diferente para cada sección copiando la estructura general del que ya existe.
Dicho esto, en mi caso particular he aplicado los cambios del “ejemplo” editando sobre la misma plantilla, pero lo más conveniente es crear una plantilla hija y hacer solo los cambios pertinentes en la plantilla hija.
Documento construido en base Prestashop 1.7.3.0 RC1 y la plantilla por defecto.
PosData: Si no veis los cambios pulsar el botón de limpiar (vaciar) la cache en la pestaña Parámetros Avanzados -> Rendimiento
Según información proveniente del foro de Prestashop, les seguía pasando incluso después de haber instalado el Capcha de Google en la tienda.
Según nos comenta el usuario FCapdevila de la comunidad de Prestashop, el problema es que su versión de Prestashop no estaba actualizada, por lo tanto ha tenido que aplicar el siguiente parche:
* Estas modificaciones ya van incluidas a partir de Prestashop 1.6.1.17
Añado 2: Esto no quita que no tengas que añadir el captcha de Google a tu tienda: Revisar enlace
* Actualización del artículo:
Añado 3:
Según ha informado Prestashop: http://build.prestashop.com/news/fighting-against-spamming/
Para Prestashop 1.7 las tiendas recibirán en breve una actualización del módulo correspondiente al formulario de contacto correspondiente a lo comentado en esta entrada respecto a la 1.6. Recordar que en Prestashop 1.7 el formulario de contacto es un módulo, por lo tanto, solo será necesario actualizar el módulo desde el panel de administración.
Por otro lado, se recomienda desinstalar el módulo “Enviar a un amigo / Send to a Friend” de Prestashop.
Además, para PS 1.6 (independientemente del parche comentado en el post actual que debe ser añadido si usáis Prestashop 1.6 con una versión inferior a Prestashop 1.6.1.17) se espera en la 1.6.1.19 una actualización para que Prestashop no envíe el mensaje de confirmación del envío del formulario de contacto al email ingresado en el mismo.
Solo vamos a intentar hablar de los hooks de visualización (los display, no los actions, referente a los actions en la ficha del producto lo explicaremos en otro post)
Al acceder al fichero:
/themes/classic/templates/catalog/product.tpl
Si buscamos la palabra “hook” encontraremos inicialmente dos referencias:
hook -> displayReassurance
displayReassurance
hook -> displayFooterProduct
displayFooterProduct
Que corresponde visualmente a lo que señalamos en rojo en la siguiente captura:
Por otro lado, en está captura, no vemos ningún módulo instalado en el hook -> displayFooterProduct, pero por ejemplo el módulo de ventas cruzadas (ps_crossselling) suele quedar anclado en ese hook o el típico de productos de la misma categoría.
Vemos que tenemos disponible el hook -> displayProductAdditionalInfo
Hook -> displayProductAdditionalInfo
Un ejemplo, es que en este hook por defecto se esta imprimiendo el módulo de las redes sociales en una instalación limpia de Prestashop. Es decir, la zona situada debajo del botón de “Añadir al carrito” y encima del hook displayReassurance
displayProductAdditionalInfo
Si seguimos avanzando en el fichero:
/themes/classic/templates/catalog/product.tpl
Vamos a ver varios “includes”
Por ejemplo, el referente a las miniaturas que aparecen debajo de la imagen grande del producto.
Nos encontramos el hook -> displayProductPriceBlock
displayProductPriceBlockdisplayProductPriceBlock
PosData:
Los antiguos hooks displayProductTab y displayProductTabContent de las pestañas “están “muertos” por el momento hasta que Prestashop decida añadirlos por defecto en las próximas variantes.
De todos modos, yo pienso posiblemente lo puedan añadir en un futuro/presente por defecto, sino pues simplemente creáis vuestros hooks: Crear hooks en Prestashop
