{"id":3981,"date":"2025-05-28T10:59:54","date_gmt":"2025-05-28T08:59:54","guid":{"rendered":"https:\/\/cocos.codes\/?p=3981"},"modified":"2026-01-21T16:10:20","modified_gmt":"2026-01-21T15:10:20","slug":"banner-prestashop","status":"publish","type":"post","link":"https:\/\/cocos.codes\/es\/archiwa\/prestashop-banner\/","title":{"rendered":"PrestaShop Banner 1.0"},"content":{"rendered":"<h6>PrestaShop Banner Documentaci\u00f3n<\/h6>Completo <a href=\"https:\/\/cocos.codes\/es\/categoria\/base-de-conocimientos\/prestashop\/documentacion-de-prestashop\/\" title=\"Documentaci\u00f3n\">documentaci\u00f3n<\/a> para el m\u00f3dulo de gesti\u00f3n de pancartas para <a href=\"https:\/\/prestashop.com\/\" title=\"PrestaShop\" target=\"_blank\" rel=\"noopener\">PrestaShop<\/a> (<a href=\"https:\/\/cocos.codes\/es\/product\/banner-prestashop\/\" title=\"Cc_ps_banner\">cc_ps_banner<\/a>) con amplias opciones de configuraci\u00f3n y plantillas ya preparadas.<br \/><br \/><p><strong>\u00cdndice<\/strong><\/p><ol><li>Introducci\u00f3n<\/li><li>Instalaci\u00f3n<\/li><li>Activaci\u00f3n de la licencia<\/li><li>Panel de gesti\u00f3n<\/li><li>Gesti\u00f3n de pancartas<\/li><li>Configuraci\u00f3n de fondo<\/li><li>Configuraci\u00f3n de v\u00eddeo<\/li><li>Preajustes de contenido<\/li><li>Configuraci\u00f3n de la superposici\u00f3n<\/li><li>Ajustes de animaci\u00f3n<\/li><li>Mostrar horario<\/li><li>Utilizaci\u00f3n del m\u00f3dulo en plantillas<\/li><li>Resoluci\u00f3n de problemas<\/li><li>PREGUNTAS FRECUENTES<\/li><\/ol><h6><br \/>1. introducci\u00f3n<\/h6>CC PrestaShop Banner es un m\u00f3dulo avanzado para crear y gestionar banners en tiendas PrestaShop. El m\u00f3dulo ofrece una interfaz intuitiva que le permite crear banners atractivos utilizando plantillas ya preparadas, sin necesidad de tener conocimientos de HTML o CSS.<br \/><br \/>El m\u00f3dulo ofrece:<ul><li>Nueve contenidos de banner predefinidos<\/li><li>Diferentes tipos de fondo: v\u00eddeo, foto o color<\/li><li>Integraci\u00f3n con YouTube, Vimeo y posibilidad de subir tus propios v\u00eddeos<\/li><li>Superposici\u00f3n de colores o gr\u00e1ficos<\/li><li>Efectos de animaci\u00f3n de entrada<\/li><li>Mostrar horario (de-a)<\/li><li>Posibilidad de colocar el banner en diferentes zonas de la tienda<\/li><li>Soporte para m\u00faltiples banners simult\u00e1neamente<\/li><\/ul><h6><br \/>2. instalaci\u00f3n<\/h6><strong>Requisitos del sistema<\/strong><ul><li>PrestaShop 1.7 o posterior<\/li><li>PHP 7.0 o posterior<\/li><li>Permiso para instalar m\u00f3dulos<\/li><\/ul><strong>Proceso de instalaci\u00f3n<\/strong><ol><li>Descargue el archivo ZIP del m\u00f3dulo de la tienda oficial <a class=\"button\" href=\"https:\/\/cocos.codes\/es\/\" title=\"Cocos.c\u00f3digos\">c\u00f3digos.cocos<\/a><\/li><li>Inicie sesi\u00f3n en el panel de administraci\u00f3n de PrestaShop<\/li><li>Vaya a: M\u00f3dulos &gt; Gestor de m\u00f3dulos &gt; A\u00f1adir nuevo m\u00f3dulo<\/li><li>Haga clic en \"A\u00f1adir m\u00f3dulo\" y seleccione el archivo ZIP descargado.<\/li><li>Una vez finalizada la instalaci\u00f3n, haga clic en \"Configurar\".<\/li><\/ol><div class=\"cc-alert cc-alert-info\"><div class=\"cc-alert-title\">Informaci\u00f3n<\/div><div class=\"cc-alert-content\">Tras la instalaci\u00f3n, el m\u00f3dulo crear\u00e1 autom\u00e1ticamente las tablas necesarias en la base de datos. Ser\u00e1 necesario configurar el m\u00f3dulo y activar la licencia antes de poder utilizar plenamente todas las funciones.<\/div><\/div><h6><br \/>3. activaci\u00f3n de la licencia<\/h6>Antes de poder utilizar todas las funciones del m\u00f3dulo, es necesario activar la licencia:<ol><li>Tras la instalaci\u00f3n, proceda a la configuraci\u00f3n del m\u00f3dulo<\/li><li>Seleccione la pesta\u00f1a \"Licencia<\/li><li>Introduzca la clave de licencia recibida tras la compra<\/li><li>Haga clic en \"Activar licencia\".<\/li><li>Tras la activaci\u00f3n, aparecer\u00e1 un mensaje de confirmaci\u00f3n y se desbloquear\u00e1n todas las funciones del m\u00f3dulo.<\/li><\/ol><div class=\"cc-alert cc-alert-warning\"><div class=\"cc-alert-title\">Advertencia<\/div><div class=\"cc-alert-content\">Sin una licencia activa, el m\u00f3dulo funcionar\u00e1 en modo restringido, sin todas las funciones avanzadas. Aparecer\u00e1 un mensaje de licencia inactiva en la parte superior del panel de administraci\u00f3n.<\/div><\/div><h6><br \/>4 Panel de gesti\u00f3n<\/h6>El panel de gesti\u00f3n del m\u00f3dulo consta de varias pesta\u00f1as que permiten una configuraci\u00f3n completa:<br \/><br \/><strong>Pesta\u00f1as principales:<\/strong><ul><li><strong>Gesti\u00f3n de pancartas<\/strong> - a\u00f1adir, editar y eliminar banners<\/li><li><strong>Documentaci\u00f3n<\/strong> - enlace a la documentaci\u00f3n en l\u00ednea<\/li><li><strong>Ayuda<\/strong> - enlace a la p\u00e1gina de asistencia<\/li><li><strong>Plug-ins<\/strong> - extensiones adicionales para el m\u00f3dulo<\/li><li><strong>Licencia<\/strong> - gesti\u00f3n de licencias de m\u00f3dulos<\/li><\/ul><br \/>Cuando vaya a la pesta\u00f1a \"Gesti\u00f3n de banners\", ver\u00e1 una lista de todos los banners que ha creado, con la posibilidad de editarlos, eliminarlos y cambiar su estado de actividad.<h6><br \/>5. gesti\u00f3n de banners<\/h6>En la pesta\u00f1a \"Gesti\u00f3n de banners\" puede crear, editar y eliminar banners:<br \/><br \/><strong>Lista de pancartas<\/strong><ul><li>ID del banner<\/li><li>Nombre<\/li><li>Gancho (lugar de exposici\u00f3n)<\/li><li>Preconfiguraci\u00f3n (plantilla de contenido)<\/li><li>Tipo de fondo<\/li><li>Tipo de v\u00eddeo<\/li><li>Estado de la actividad<\/li><li>Posici\u00f3n<\/li><li>Fecha de creaci\u00f3n<\/li><li>Acciones disponibles (editar, borrar)<\/li><\/ul><strong>A\u00f1adir y editar banners<\/strong><ol><li>Haga clic en el bot\u00f3n \"A\u00f1adir nuevo\" o \"Editar\" situado junto a un banner existente<\/li><li>Rellene el formulario de datos del banner, que est\u00e1 dividido en secciones:<ul><li><strong>Datos b\u00e1sicos<\/strong> - nombre, estado de actividad<\/li><li><strong>Mostrar<\/strong> - gancho, dimensiones, esquinas redondeadas, posici\u00f3n<\/li><li><strong>Tipo de fondo<\/strong> - elecci\u00f3n del tipo de fondo (v\u00eddeo, foto, color)<\/li><li><strong>Configuraci\u00f3n de v\u00eddeo<\/strong> - configuraci\u00f3n del reproductor de v\u00eddeo<\/li><li><strong>Contenido predefinido<\/strong> - selecci\u00f3n de una plantilla ya hecha y su configuraci\u00f3n<\/li><li><strong>Superposici\u00f3n<\/strong> - configuraci\u00f3n de la capa superpuesta<\/li><li><strong>Animaciones<\/strong> - banner efectos de entrada<\/li><li><strong>Mostrar horario<\/strong> - establecer la duraci\u00f3n de la actividad de banner<\/li><\/ul><\/li><li>Haga clic en \"Guardar\" para guardar los cambios<\/li><\/ol><div class=\"cc-alert cc-alert-tip\"><div class=\"cc-alert-title\">Consejo<\/div><div class=\"cc-alert-content\">Es una buena pr\u00e1ctica dar a los banners nombres descriptivos que faciliten su identificaci\u00f3n en el panel, por ejemplo, \"Promoci\u00f3n de primavera - p\u00e1gina de inicio\" o \"Banner promocional - Black Friday\".<\/div><\/div><h6><br \/>6. Configuraci\u00f3n de fondo<\/h6>El m\u00f3dulo ofrece tres tipos diferentes de fondo de banner:<br \/><br \/><strong>Color<\/strong><ul><li>Seleccione \"Color\" como tipo de fondo<\/li><li>Utilice el selector de color para seleccionar el color de fondo deseado<\/li><li>Puede introducir el valor del color en formato HEX (#RRGGBB) o RGBA<\/li><\/ul><strong>Foto<\/strong><ul><li>Seleccione \"Foto\" como tipo de fondo<\/li><li>Cargue la imagen utilizando el bot\u00f3n \"Examinar<\/li><li>Formatos admitidos: JPG, PNG, GIF (m\u00e1ximo 15 MB)<\/li><li>Al editar, la carga de una nueva imagen sustituir\u00e1 a la actual, dejando el campo en blanco se mantendr\u00e1 la imagen existente<\/li><\/ul><strong>V\u00eddeo<\/strong><ul><li>Seleccione \"V\u00eddeo\" como tipo de fondo<\/li><li>Configure los ajustes de v\u00eddeo restantes en la secci\u00f3n \"Configuraci\u00f3n de v\u00eddeo\" (descrita en el cap\u00edtulo siguiente)<\/li><\/ul><div class=\"cc-alert cc-alert-note\"><div class=\"cc-alert-title\">Nota<\/div><div class=\"cc-alert-content\">Si se selecciona un fondo de v\u00eddeo, es una buena idea establecer tambi\u00e9n un fondo de color como capa de reserva al cargar el v\u00eddeo, para que el usuario no vea un elemento en blanco.<\/div><\/div><h6><br \/>7. Configuraci\u00f3n de v\u00eddeo<\/h6>El m\u00f3dulo permite utilizar v\u00eddeo como fondo del banner. Hay varias fuentes de v\u00eddeo disponibles:<br \/><br \/><strong>Tipos de v\u00eddeo<\/strong><ul><li><strong>Sin v\u00eddeo<\/strong> - se utiliza cuando se selecciona un tipo de fondo distinto de v\u00eddeo<\/li><li><strong>YouTube<\/strong> - incrustar un v\u00eddeo de YouTube<\/li><li><strong>Vimeo<\/strong> - incrustar un v\u00eddeo de Vimeo<\/li><li><strong>URL directa<\/strong> - enlace a un archivo de v\u00eddeo alojado en un servidor externo<\/li><li><strong>Archivo de v\u00eddeo (cargar)<\/strong> - cargar su propio archivo de v\u00eddeo<\/li><\/ul><strong>Ajustes de reproducci\u00f3n<\/strong><ul><li><strong>Reproducci\u00f3n autom\u00e1tica<\/strong> - inicia la reproducci\u00f3n autom\u00e1ticamente al cargar la p\u00e1gina<\/li><li><strong>Silenciado<\/strong> - v\u00eddeo reproducido sin sonido (recomendado para la reproducci\u00f3n autom\u00e1tica)<\/li><li><strong>Bucle<\/strong> - repetici\u00f3n autom\u00e1tica de v\u00eddeo al finalizar<\/li><li><strong>Mostrar controles<\/strong> - muestra botones de control personalizados (reproducci\u00f3n\/pausa, silencio\/sonido)<\/li><\/ul><strong>Sube tu propio v\u00eddeo<\/strong><ul><li>Seleccione el tipo de v\u00eddeo \"Archivo de v\u00eddeo (subir)\"<\/li><li>Cargue el archivo utilizando el bot\u00f3n \"Examinar<\/li><li>Formatos compatibles: MP4, WebM, AVI, MOV (m\u00e1ximo 50 MB)<\/li><\/ul><div class=\"cc-alert cc-alert-warning\"><div class=\"cc-alert-title\">Advertencia<\/div><div class=\"cc-alert-content\">La reproducci\u00f3n autom\u00e1tica de v\u00eddeo con sonido est\u00e1 bloqueada en la mayor\u00eda de los navegadores modernos. Para obtener mejores resultados, recomendamos activar la opci\u00f3n \"Silencio\" cuando est\u00e9 activada la reproducci\u00f3n autom\u00e1tica.<\/div><\/div><h6><br \/>8 preajustes de contenido<\/h6>El m\u00f3dulo ofrece nueve preajustes (plantillas) de contenido listos para usar que pueden seleccionarse y personalizarse:<br \/><br \/><strong>Preajustes disponibles<\/strong><ul><li><strong>Sin preselecci\u00f3n (s\u00f3lo v\u00eddeo)<\/strong> - muestra s\u00f3lo el fondo sin ning\u00fan contenido adicional<\/li><li><strong>Preselecci\u00f3n 1 (t\u00edtulo central con bot\u00f3n)<\/strong> - t\u00edtulo central grande, subt\u00edtulo y bot\u00f3n CTA<\/li><li><strong>Preajuste 2 (Texto alineado a la izquierda)<\/strong> - contenido alineado a la izquierda del banner<\/li><li><strong>Preconfiguraci\u00f3n 3 (Disposici\u00f3n en tres columnas)<\/strong> - contenido dividido en tres columnas<\/li><li><strong>Preajuste 4 (Dividido en dos columnas)<\/strong> - contenido dividido en dos columnas<\/li><li><strong>Preajuste 5 (Pantalla completa con desenfoque)<\/strong> - efecto de pantalla completa con t\u00edtulo central grande<\/li><li><strong>Preselecci\u00f3n 6 (Cabecera con estad\u00edsticas)<\/strong> - cabecera en la parte superior y tres columnas de datos en la parte inferior<\/li><li><strong>Preselecci\u00f3n 7 (Lista de funciones con CTA)<\/strong> - t\u00edtulo y lista de funciones que termina con un bot\u00f3n CTA<\/li><li><strong>Preconfiguraci\u00f3n 8 (Cabecera y dos columnas)<\/strong> - descargar el dise\u00f1o de la aplicaci\u00f3n<\/li><li><strong>Preconfiguraci\u00f3n 9 (Cabecera y dos columnas centradas, ampliadas)<\/strong> - dise\u00f1o de promoci\u00f3n de eventos<\/li><\/ul><strong>Elementos de contenido para la configuraci\u00f3n<\/strong><ul><li><strong>T\u00edtulo principal<\/strong> - encabezado del banner<\/li><li><strong>Subt\u00edtulo<\/strong> - texto suplementario bajo el t\u00edtulo principal<\/li><li><strong>Texto del bot\u00f3n<\/strong> - el contenido mostrado en el bot\u00f3n CTA<\/li><li><strong>Bot\u00f3n de enlace<\/strong> - URL de destino al pulsar el bot\u00f3n<\/li><li><strong>Color del texto del bot\u00f3n<\/strong> - color de fuente del bot\u00f3n<\/li><li><strong>Color de fondo del bot\u00f3n<\/strong> - color de fondo del bot\u00f3n<\/li><li><strong>Texto 1, 2, 3<\/strong> - campos de texto adicionales utilizados en varios preajustes<\/li><li><strong>CSS personalizado<\/strong> - estilos CSS adicionales para el banner<\/li><\/ul><div class=\"cc-alert cc-alert-tip\"><div class=\"cc-alert-title\">Consejo<\/div><div class=\"cc-alert-content\">Los campos de texto admiten formato HTML, lo que permite a\u00f1adir negrita, cursiva, colores de texto y otros efectos. Tambi\u00e9n se pueden a\u00f1adir iconos y emoji para hacer m\u00e1s atractivo el contenido.<\/div><\/div><h6><br \/>9. configuraci\u00f3n de la superposici\u00f3n<\/h6>Una superposici\u00f3n es una capa que se muestra sobre el fondo de un banner y que puede ayudar a aumentar la legibilidad del texto o crear un efecto ahumado:<br \/><br \/><strong>Tipos de superposici\u00f3n<\/strong><ul><li><strong>Sin superposici\u00f3n<\/strong> - ninguna capa adicional sobre el fondo<\/li><li><strong>Color<\/strong> - capa de color con transparencia ajustable<\/li><li><strong>Imagen<\/strong> - superposici\u00f3n gr\u00e1fica (por ejemplo, degradado, patr\u00f3n, textura)<\/li><\/ul><strong>Ajustes de superposici\u00f3n de colores<\/strong><ul><li><strong>Color de superposici\u00f3n<\/strong> - selector de color (admite los formatos HEX y RGBA)<\/li><li><strong>Transparencia<\/strong> - valor de 0,0 (totalmente transparente) a 1,0 (opaco)<\/li><\/ul><strong>Ajustes de superposici\u00f3n de im\u00e1genes<\/strong><ul><li><strong>Imagen superpuesta<\/strong> - carga de im\u00e1genes mediante el bot\u00f3n \"Examinar<\/li><li><strong>Transparencia<\/strong> - ajuste de la intensidad de la superposici\u00f3n de im\u00e1genes<\/li><\/ul><div class=\"cc-alert cc-alert-tip\"><div class=\"cc-alert-title\">Consejo<\/div><div class=\"cc-alert-content\">Una superposici\u00f3n oscura con una transparencia de 0,3-0,6 sobre una foto o un v\u00eddeo mejora significativamente la legibilidad del texto blanco. Para texto claro sobre fondo claro, recomendamos utilizar una superposici\u00f3n m\u00e1s oscura.<\/div><\/div><h6><br \/>10. ajustes de animaci\u00f3n<\/h6>El m\u00f3dulo ofrece varios efectos de animaci\u00f3n que se aplican cuando se carga el banner:<br \/><br \/><strong>Animaci\u00f3n de entrada<\/strong><ul><li><strong>Sin animaci\u00f3n<\/strong> - el banner aparece inmediatamente<\/li><li><strong>Aspecto liso<\/strong> - el banner se hace visible gradualmente (efecto de fundido)<\/li><li><strong>Entrada por la izquierda<\/strong> - el banner entra por la parte izquierda de la pantalla<\/li><li><strong>Entrada por la derecha<\/strong> - el banner entra por la parte derecha de la pantalla<\/li><li><strong>Entrada desde abajo<\/strong> - el banner entra por la parte inferior de la pantalla<\/li><li><strong>Aumento<\/strong> - el banner aparece con un efecto de zoom desde el centro<\/li><li><strong>Recuperaci\u00f3n<\/strong> - el banner aparece con un efecto rebote<\/li><\/ul><strong>Tiempo de animaci\u00f3n<\/strong><ul><li>Valor en milisegundos (de 100 a 10000)<\/li><li>El valor por defecto es 1000ms (1 segundo)<\/li><li>Menos tiempo = animaci\u00f3n m\u00e1s r\u00e1pida<\/li><li>M\u00e1s tiempo = animaci\u00f3n m\u00e1s lenta y suave<\/li><\/ul><div class=\"cc-alert cc-alert-note\"><div class=\"cc-alert-title\">Nota<\/div><div class=\"cc-alert-content\">Las animaciones se implementan utilizando CSS, lo que garantiza un funcionamiento fluido incluso en dispositivos m\u00f3viles. Si la animaci\u00f3n no se ejecuta con fluidez en dispositivos antiguos, recomendamos acortar el tiempo de animaci\u00f3n o elegir un efecto m\u00e1s sencillo.<\/div><\/div><h6><br \/>11. visualizar horario<\/h6>La funci\u00f3n de programaci\u00f3n permite encender y apagar autom\u00e1ticamente las pancartas a una hora determinada:<br \/><br \/><strong>Ajustes de horario<\/strong><ul><li><strong>Activar horario<\/strong> - activaci\u00f3n de la funci\u00f3n de visualizaci\u00f3n temporizada<\/li><li><strong>Fecha de inicio<\/strong> - fecha y hora a partir de la cual se mostrar\u00e1 el banner<\/li><li><strong>Fecha de finalizaci\u00f3n<\/strong> - fecha y hora hasta la que se mostrar\u00e1 el banner<\/li><\/ul><strong>Ejemplos de utilizaci\u00f3n<\/strong><ul><li>Banners promocionales de tiempo limitado (por ejemplo, Black Friday, rebajas de temporada)<\/li><li>Informaci\u00f3n sobre los pr\u00f3ximos actos<\/li><li>Cambio de banners seg\u00fan la hora del d\u00eda (diferentes banners por la ma\u00f1ana, diferentes por la tarde)<\/li><li>Anuncios peri\u00f3dicos a los clientes<\/li><\/ul><div class=\"cc-alert cc-alert-info\"><div class=\"cc-alert-title\">Informaci\u00f3n<\/div><div class=\"cc-alert-content\">El programador funciona en funci\u00f3n de la hora del servidor, no de la hora local del usuario. Aseg\u00farese de que la zona horaria del servidor est\u00e1 correctamente configurada en los ajustes de PrestaShop.<\/div><\/div><h6><br \/>12. utilizaci\u00f3n del m\u00f3dulo en las plantillas<\/h6>Los banners se muestran autom\u00e1ticamente en las ubicaciones especificadas por los enganches seleccionados. Los enganches disponibles incluyen:<br \/><br \/><strong>Lugares principales<\/strong><ul><li><strong>mostrarInicio<\/strong> - contenido principal de la p\u00e1gina de inicio<\/li><li><strong>displayTop<\/strong> - parte superior de la p\u00e1gina (encima de la cabecera)<\/li><li><strong>mostrarNavegaci\u00f3n1<\/strong> - primera barra de navegaci\u00f3n (encima del logotipo\/tienda)<\/li><li><strong>mostrarNav2<\/strong> - segunda barra de navegaci\u00f3n (a menudo debajo del logotipo)<\/li><li><strong>displayNavFullWidth<\/strong> - navegaci\u00f3n completa (por ejemplo, men\u00fa megadropdown)<\/li><li><strong>displayBanner<\/strong> - banner encima de la cabecera<\/li><li><strong>displayFooter<\/strong> - contenido principal del pie de p\u00e1gina<\/li><li><strong>displayFooterBefore<\/strong> - secci\u00f3n antes del pie de p\u00e1gina (por ejemplo, enlaces adicionales)<\/li><li><strong>displayFooterAfter<\/strong> - secci\u00f3n despu\u00e9s del pie de p\u00e1gina (por ejemplo, descargos de responsabilidad, guiones)<\/li><li><strong>mostrarColumnaIzquierda<\/strong> - columna izquierda de la p\u00e1gina<\/li><li><strong>mostrarColumnaDerecha<\/strong> - columna derecha de la p\u00e1gina<\/li><li><strong>displayWrapperTop<\/strong> - parte superior del contenedor de la p\u00e1gina principal<\/li><li><strong>displayWrapperBottom<\/strong> - parte inferior del contenedor de la p\u00e1gina principal<\/li><li><strong>displayContentWrapperTop<\/strong> - inicio del contenido principal<\/li><li><strong>displayContentWrapperBottom<\/strong> - parte inferior del contenido principal<\/li><li><strong>displayBeforeBodyClosingTag<\/strong> - inmediatamente antes de cerrar la etiqueta &lt;body&gt; (a menudo en los guiones)<\/li><\/ul><strong>Enlaces a p\u00e1ginas de productos<\/strong><ul><li><strong>displayProductAdditionalInfo<\/strong> - informaci\u00f3n adicional en la p\u00e1gina del producto<\/li><li><strong>displayProductListReviews<\/strong> - rese\u00f1as de productos en la vista de lista (por ejemplo, estrellas)<\/li><li><strong>mostrarSeguridad<\/strong> - bloque con garant\u00edas\/confianza<\/li><li><strong>displayAfterProductThumbs<\/strong> - elementos tras las miniaturas de las im\u00e1genes de los productos<\/li><\/ul><strong>Enganches para cestas y pedidos<\/strong><ul><li><strong>displayShoppingCart<\/strong> - contenido de la p\u00e1gina de la cesta de la compra<\/li><li><strong>displayShoppingCartFooter<\/strong> - a\u00f1adidos al pie de la cesta (por ejemplo, botones CTA)<\/li><li><strong>displayBeforeCarrier<\/strong> - secci\u00f3n antes de elegir el m\u00e9todo de entrega<\/li><li><strong>displayAfterCarrier<\/strong> - secci\u00f3n despu\u00e9s de seleccionar el m\u00e9todo de entrega<\/li><li><strong>mostrarConfirmaci\u00f3nPedido<\/strong> - confirmaci\u00f3n del pedido<\/li><\/ul><strong>Conexi\u00f3n de cuentas de clientes<\/strong><ul><li><strong>mostrarCuentaCliente<\/strong> - contenidos para clientes (enlaces, m\u00f3dulos, etc.)<\/li><li><strong>displayMyAccountBlock<\/strong> - Bloque \"Mi cuenta\" (normalmente en la cabecera o en la columna lateral)<\/li><\/ul><div class=\"cc-alert cc-alert-tip\"><div class=\"cc-alert-title\">Consejo<\/div><div class=\"cc-alert-content\">Para obtener los mejores resultados, recomendamos ajustar la anchura y la altura del banner en funci\u00f3n de d\u00f3nde se vaya a mostrar. Por ejemplo, los banners de las columnas laterales deben ser m\u00e1s estrechos que los de la p\u00e1gina de inicio.<\/div><\/div><h6><br \/>13 Soluci\u00f3n de problemas<\/h6><strong>El banner no se muestra<\/strong><ol><li>Compruebe que el banner est\u00e1 activo (estado \"Activo\" en la lista de banners)<\/li><li>Asegurarse de que la licencia est\u00e1 activa<\/li><li>Comprobar que el gancho al que se ha asignado el banner est\u00e1 presente en la plantilla actual.<\/li><li>Si est\u00e1 activada una programaci\u00f3n, aseg\u00farese de que la fecha actual se encuentra dentro de su intervalo<\/li><li>Borrar la cach\u00e9 de PrestaShop y del navegador<\/li><\/ol><strong>El v\u00eddeo no se reproduce autom\u00e1ticamente<\/strong><ol><li>Aseg\u00farate de que la opci\u00f3n \"Reproducci\u00f3n autom\u00e1tica\" est\u00e1 activada<\/li><li>Compruebe que el v\u00eddeo est\u00e1 silenciado (los navegadores bloquean la reproducci\u00f3n autom\u00e1tica de v\u00eddeos con sonido)<\/li><li>Compruebe que la URL del v\u00eddeo es correcta (para YouTube y Vimeo)<\/li><li>Compruebe que el archivo de v\u00eddeo se ha cargado correctamente (en el caso de su propio archivo)<\/li><\/ol><strong>Problemas de visualizaci\u00f3n en dispositivos m\u00f3viles<\/strong><ol><li>Ajusta las dimensiones del banner para que sea responsive (por ejemplo, anchura: 100%)<\/li><li>Reducir el tama\u00f1o del v\u00eddeo o la foto cargados para mejorar el rendimiento<\/li><li>Ajusta la cantidad de texto: en pantallas peque\u00f1as, demasiado texto puede resultar ilegible.<\/li><\/ol><div class=\"cc-alert cc-alert-error\"><div class=\"cc-alert-title\">Error<\/div><div class=\"cc-alert-content\">Si tiene problemas insolubles con el m\u00f3dulo, aseg\u00farese de que est\u00e1 utilizando la \u00faltima versi\u00f3n y de que su tienda PrestaShop est\u00e1 actualizada. En caso de dificultades, p\u00f3ngase en contacto con el soporte de COCOS a trav\u00e9s de <a class=\"button\" href=\"https:\/\/cocos.codes\/es\/soporte\/\" title=\"Cocos.codes\/soporte\">cocos.codes\/soporte<\/a>.<\/div><\/div><h6><br \/>14. PREGUNTAS FRECUENTES<\/h6><strong>\u00bfPuedo tener m\u00e1s de una pancarta en el mismo lugar (enganche)?<\/strong><br \/>S\u00ed, el m\u00f3dulo permite asignar varios banners al mismo enganche. Los banners se mostrar\u00e1n seg\u00fan la posici\u00f3n establecida (de menor a mayor valor).<br \/><br \/><strong>\u00bfPuedo utilizar la misma pancarta en distintas zonas de la tienda?<\/strong><br \/>Actualmente, s\u00f3lo se puede asignar un banner a un narguile. Si quieres mostrar la misma pancarta en diferentes lugares, tienes que crear una copia de la pancarta y asignarla a una hooka diferente.<br \/><br \/><strong>\u00bfQu\u00e9 tama\u00f1o pueden tener los archivos de v\u00eddeo?<\/strong><br \/>El m\u00f3dulo permite cargar archivos de v\u00eddeo con un tama\u00f1o m\u00e1ximo de 50 MB. Sin embargo, para un rendimiento \u00f3ptimo, recomendamos comprimir el v\u00eddeo al m\u00ednimo necesario y utilizar el formato MP4 con el c\u00f3dec H.264.<br \/><br \/><strong>\u00bfSon los banners responsivos?<\/strong><br \/>S\u00ed, los banners se adaptan a la anchura del contenedor en el que se muestran. Para garantizar la plena capacidad de respuesta, se recomienda ajustar la anchura a 100% y una altura adecuada (puede utilizar unidades vh para la altura en funci\u00f3n de la altura de la pantalla).<br \/><br \/><strong>\u00bfPuedo incrustar el formulario en un banner?<\/strong><br \/>El m\u00f3dulo en la versi\u00f3n est\u00e1ndar no soporta formularios directamente. Si necesita incluir un formulario en el banner, puede utilizar c\u00f3digo HTML personalizado en los campos de texto, pero la funcionalidad del formulario depender\u00e1 de la plantilla de su tienda.<br \/><br \/><strong>\u00bfCon qu\u00e9 frecuencia se actualiza el m\u00f3dulo?<\/strong><br \/>El m\u00f3dulo se actualiza peri\u00f3dicamente para garantizar la compatibilidad con las \u00faltimas versiones de PrestaShop e introducir nuevas funciones. Los titulares de una licencia v\u00e1lida tienen acceso a todas las actualizaciones.<br \/><br \/><strong>\u00bfPuedo transferir la licencia a otra tienda?<\/strong><br \/>La licencia se asigna a un dominio. Si cambias el dominio de tu tienda, ponte en contacto con el servicio de asistencia de COCOS para transferir la licencia.<br \/><br \/><strong>\u00bfAfecta el m\u00f3dulo al rendimiento de la tienda?<\/strong><br \/>El m\u00f3dulo se ha optimizado para mejorar el rendimiento. Los archivos de v\u00eddeo o imagen de gran tama\u00f1o son los que m\u00e1s pueden afectar a la velocidad de carga. Recomendamos optimizar los archivos multimedia antes de utilizarlos en banners.","protected":false},"excerpt":{"rendered":"Documentaci\u00f3n de banners para Presta Shop Documentaci\u00f3n completa del m\u00f3dulo de gesti\u00f3n de banners para Presta Shop (cc_ps_banner) con amplias opciones de configuraci\u00f3n y plantillas ya preparadas. \u00cdndice Introducci\u00f3n Instalaci\u00f3n Activaci\u00f3n de licencia Panel de control Gesti\u00f3n","protected":false},"author":1,"featured_media":3987,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"powered_cache_disable_cache":false,"powered_cache_disable_css_optimization":false,"powered_cache_disable_js_optimization":false,"footnotes":""},"categories":[236],"tags":[249,197,250,143,251],"class_list":["post-3981","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dokumentacje-prestashop","tag-banner","tag-dokumentacja","tag-modul","tag-prestashop","tag-reklama"],"_links":{"self":[{"href":"https:\/\/cocos.codes\/es\/wp-json\/wp\/v2\/posts\/3981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cocos.codes\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cocos.codes\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cocos.codes\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cocos.codes\/es\/wp-json\/wp\/v2\/comments?post=3981"}],"version-history":[{"count":0,"href":"https:\/\/cocos.codes\/es\/wp-json\/wp\/v2\/posts\/3981\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cocos.codes\/es\/wp-json\/wp\/v2\/media\/3987"}],"wp:attachment":[{"href":"https:\/\/cocos.codes\/es\/wp-json\/wp\/v2\/media?parent=3981"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cocos.codes\/es\/wp-json\/wp\/v2\/categories?post=3981"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cocos.codes\/es\/wp-json\/wp\/v2\/tags?post=3981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}