contentBox vs HTMLBox en Prestashop

Dos módulos con un mismo destino en Prestashop

Dos módulos con un mismo destino en Prestashop

Ambos módulos llevo utilizando prácticamente desde que fueron publicados, si bien es cierto que ambos permiten añadir texto/imágenes en distintas posiciones de la tienda en Prestashop, existen diferencias y bastantes importantes.

La comparación, la vamos a realizar bajo la versión 1.6 de Prestashop, por ser la versión más estable por el momento (aunque dispongamos desde hace meses de la versión 1.7 de Prestashop para descargar).

Módulo HTMlBox

Vamos a empezar hablando del htmlbox del que hemos realizado varias reseñas (desde inicios del 2013) en este mismo blog:

Integrar Google traductor en Prestashop 1.7
Insertar código Qweb
Insertar Información del tiempo

¿Qué opciones nos ofrece el módulo htmlbox?

Tenemos una lista muy limitada de posiciones donde podemos ubicar el módulo (Opción: Where you want to display content box)

Nos permite colocar el módulo en una de las siguientes posiciones:

  • Header (displayHeader) -> Donde suelen cargar los ficheros CSS/JS
  • Top (displayTop) -> Donde está el menú horizontal..
  • topcolumn (displayTopColumn) -> Donde se encuentra el Slider
  • displaynav (displayNav) -> Parte superior de la tienda, donde tenemos el teléfono, el bloque de idioma, etc..
  • leftcolumn (displayLeftColumn) -> Columna izquierda de la tienda
  • rightcolumn (displayRightColumn) -> Columna derecha de la izquierda
  • footer (displayFooter) -> Pie de página
  • home (displayHome) -> En la página principal es la parte donde suele estar el bloque de imágenes de la página principal (Configurador de temas) junto al Bloque de Facebook, etc..

displayNav y displayTop

displayFooter en Prestashop

displayLeftColumn en Prestashop

displayRightColumn en Prestashop

displayTopColumn en Prestashop

Sigamos analizando el módulo htmlbox con calma:

Segundo bloque de configuración del htmlbox en Prestashop

  • Only on SSL page -> Activar/Mostrar el módulo solo si tenemos activado SSL
  • Only on homepage -> Mostrar el módulo solo en la página principal (Por ejemplo, si colocamos el módulo en el displayNav (siendo un hook que se ve en todas las secciones), el módulo nos permite que solo se vea el contenido en la página principal y no en el resto de secciones. Realmente esto también lo podemos hacer nosotros manualmente desde módulos > posiciones con las excepciones.
  • Only for logged customers -> Activar el módulo solo para usuarios que están identificados.
  • Only for unlogged customers -> Activar el módulo solo para usuarios que no se han identificado.
  • (Las dos últimas opciones si no me falla la memoria también las podemos hacer de forma nativa desde la pestaña Clientes -> Grupos)

Pasemos a la tercera fase del análisis:

Habilitar / Deshabilitar editor gráfico htmlbox

Tenemos una opción llamada “Rich text editor” para poder habilitar o deshabilitar el editor gráfico y poder escribir en texto plano.

Editor en texto plano en el htmlbox en Prestashop

Es cierto que existe una versión de pago del mismo módulo, con muchas más funciones, ¿Pero que creo que le falta a la versión gratuita?

  • Posibilidad de poder colocar el módulo en más posiciones
  • Poder gestionar distintos contenidos en distintos hooks (posiciones)
  • Gestionar mismo contenido en distintos hooks (posiciones)
  • Tener la posibilidad de configurar textos por idioma
  • Soporte para multitienda
Analizando módulo ContentBox para Prestashop

Analizando módulo ContentBox para Prestashop

Empezamos con el análisis del módulo ContentBox

Configuración de los contenidos del módulo

Opciones generales ContentBox

  • Module’s Content -> Escribimos el contenido (imágenes, enlaces, etc..) que queremos mostrar en la tienda.
  • Module’s Files -> En esta opción, podemos subir archivos (cualquier tipo de fichero, imágenes, pdf, etc..) y obtener su enlace para usarlo en el editor (opción >>) o borrarlo directamente (opción “x”)

Gestión de adjuntos en el contentbox en Prestashop

Opciones avanzadas del módulo

Opciones para desarrolladores en la configuración del modulo contentBox

Opciones para desarrolladores en la configuración del modulo contentBox

  • Use only the main language settings (Utilizar ajustes del módulo solo para el idioma principal). Si activamos esta opción, veremos que en la parte superior de la configuración del módulo, tendremos la opción de elegir “Idioma” para ajustar el módulo por idioma activado en la tienda. Si la desactivamos tomara los ajustes del idioma por defecto para todos los idiomas.)

    Configuración del módulo ContentBox por Idiomas

  • Use Text Editor (Activar / Desactivar editor gráfico (misma opción que teníamos en el htmlbox)
  • Load Files on HTML Header (Si hemos subido un fichero JS o CSS en la opción “

    Fichero subido en la propia configuración del módulo contentBox

    Cargar JS y CSS en el header con el módulo contentBox

  • Use a Content Wrapper (Nos permite encapsular el contenido que vayamos a añadir en unas etiquetas sugeridas (div, article, footer, etc..), es decir si nosotros escribimos el editor del módulo “hola mundo”, y señalamos aquí “div”, el módulo colocara el contenido entre “<div></div>”)

    Encapsular contenido en ContentBox

Sigue leyendo

Bloque banner de la página principal de Prestashop 1.7

Bloque banner de la página principal de Prestashop 1.7

Podemos acceder a la configuración de este módulo desde la pestaña módulos -> módulos y servicios buscándolo con el nombre “Banner“, la traducción del nombre de dicho módulo en el idioma de Cervantes, en la actualidad viene así.

Aunque, si lo buscamos con el nombre interno “ps_banner“, lo podemos encontrar igualmente.

Entrando en la configuración del módulo banner de la página principal de Prestashop 1.7

En las opciones de configuración del módulo, simplemente nos encontramos que podemos configurar la imagen que mostramos luego en la página principal.

  • Imagen del banner -> Aquí podemos subir la imagen que luego vemos en la tienda.
  • Enlace del banner –> Simplemente indicamos el enlace a donde queremos que nos lleve la imagen cuando hagamos click sobre ella
  • Descripción del banner -> Lo que vayamos a colocar aquí,  en la versión actual del módulo lo usara para el atributo alt y title.

Como suponéis podéis colocar los datos para los diferentes idiomas de la tienda, como es habitual a estas alturas en todos los módulos o casi todos de Prestashop.

Datos por idiomas en el módulo banner de Prestashop 1.7

Los ficheros del módulo, los encontremos en el directorio:

/modules/ps_banner/

Ficheros del módulo del bloque banner de la página principal en Prestashop 1.7

Las imágenes que subimos al módulo, vemos que en la actualidad quedan registradas en el directorio: “img” del módulo

Imagenes del módulo banner de la página principal

Por otro lado, tenemos sobreescrito el fichero *.tpl del módulo en la plantilla en la siguiente ruta: /themes/classic/modules/ps_banner/ps_banner.tpl

Ficheros TPL del módulo Banner de la página principal sobreescrito en la plantilla en Prestashop 1.7

El módulo queda inicialmente instalado en hook -> displayHome

Documento realizado bajo Prestashop 1.7.1.0

Guía – Crear un nuevo tipo de imagen y asociarlo en Prestashop 1.5

Es posible que llegado un momento, nos interese crear un nuevo tipo de imagen, en este caso vamos hacer que las imágenes de los productos en los listados, sean mas grandes.

Actualmente en la plantilla que lleva Prestashop, tanto el bloque de “Productos destacados” de la pagina principal como las imágenes de los productos en el listados de productos utilizan el mismo tipo de imagen.

(Productos destacadosImagen)

Sigue leyendo

Imágenes según lenguaje en el Modulo “Bloque de Publicidad” en Prestashop

El modulo que nos proporciona prestashop, para subir una imagen en el lateral, solo nos permite subir una imagen, y por tanto, por defecto no permite mostrar varias imágenes según el lenguaje de la tienda.

¿Que solución podemos plantear, sin tener que realizar muchas modificaciones?
Sigue leyendo