Manualdewebs

Insertar banners en listados

El proceso de insertar banners entre los productos de nuestros listados requiere que subamos los banners que queremos utilizar, agruparlos en una localización de banners y seguidamente seleccionar la opción de mostrarlos en nuestros listados y configurar como queremos que se comporten. No te preocupes, vamos a explicar paso a paso como optimizar todo este proceso.

Los banners

En primer lugar deberemos crear los banners que quermos añadir a nuestros listados y lo primero que deberemos saber es cuál es el tamaño adecuado que deberemos darle. Para esto podremos capturar la pantalla de nuestro navegador y medir las dimensiones que ocupa un producto en nuestro listado en un programa como photoshop, gimp o similar. Otra opción será hacer click derecho sobre uno de nuestros producto y buscar la opción "inspeccionar" que suele estar al final de las opciones disponibles:

Inspeccionar código

Esto nos abrirá una ventana en la que podremos ver el código html de la página, mientras nos movemos entre los distintos elementos del código iremos viendo los objetos resaltados y sus dimensiones. Buscaremos el elemento que corresponde al producto (que será del tipo "ul") y nos fijaremos en el tamaño que deberemos usar en nuestros banners.

tamaño elemento

En este caso vemos que nuestros banners deberían ser (aproximadamente) de 272 x 476 píxeles. Una vez que hemos creado los banners los subiremos dentro de la sección "banners" y creraremos un "Carrusel de banners" que contendrá los banners que queremos cargar.

Este proceso lo detallamos en la sección correspondiente de esta web (la abriremos en otra pestaña):
Gestión de banners y localizaciones

Haciendo visibles los banners

En este paso deberemos ir a la sección  "Configuración gráfica > General"

Una vez que entremos en la sección buscaremos el punto "03.Productos y familias" y dentro de esta la zona de "listado de productos". Dentro de esta zona encontraremos el bloque que configura los banners en los listados:

Banners en listados

La configuración nos permitirá 1 seleccionar un grupo de banners de entre los carruseles que hayamos creado previamente y 2 eligiremos el número de banners que se cargarán  en cada página de listado de productos. Estos banners se seleccionaran de manera aleatoria entre todos los que componen el carrusel de banners que hayamos seleccionado.