Conceptos básicos
Qué es un carrusel
Un carrusel es un grupo de imágenes, las slides, que se muestran una tras otra en una zona de la web. Desde Contenido (CMS) › Carousel creas el carrusel, eliges dónde aparece y le añades sus slides con texto, precio y botón en cada idioma.
| Concepto | Qué decide |
|---|---|
| Carrusel | El contenedor: su nombre, la zona de la web donde se muestra y sus breakpoints. |
| Slide | Cada imagen del carrusel, con sus textos, su botón y su enlace por idioma. |
| Zona | Dónde aparece el carrusel: arriba o abajo de la Home, de Ofertas o de las páginas, o donde lo insertes con un shortcode. |
| Posición | El orden de cada slide dentro del carrusel. |
ImportanteLa imagen es obligatoria en todos los idiomasCada slide necesita su imagen en todas las pestañas de idioma de la web, aunque sea la misma. Sin ella no se puede guardar.
Procedimiento común
Los 4 pasos para publicar un carrusel
Abre el móduloEn el menú lateral, entra en Contenido (CMS) y pulsa Carousel.
Crea el carruselPulsa Nuevo, escribe el nombre y elige la zona.
Añade sus slidesPulsa el botón verde de Slides y después Nueva por cada imagen.
Ordena y revisaAjusta la Posición de cada slide y comprueba el resultado en la web.
Encuentra tu módulo
¿Qué quieres hacer?
ListadoEncontrar un carruselY llegar a su configuración o a sus slides.
CarruselCrear un carrusel nuevoNombre, zona y breakpoints.
SlidesActivar u ordenar imágenesSin borrarlas.
Nueva slideAñadir una imagen con textoTítulo, precio, botón y enlace por idioma.
EliminarBorrar un carrusel o una slideCon ventana de confirmación.
Módulo
Listado de carruseles
Para qué sirve
Ver los carruseles de la web y llegar a su configuración o a sus slides.
Cuándo usarlo
Para crear un carrusel nuevo o cambiar las imágenes de uno existente.
CarouselNuevo 1
Portada 2 3 4
Campaña verano
Paso a paso
- Pulsa Nuevo para crear un carrusel.
- Pulsa el lápiz azul para cambiar su nombre, su zona o sus breakpoints.
- Pulsa el botón verde de imágenes para ver y gestionar sus Slides.
- Pulsa la papelera roja para eliminar el carrusel.
Módulo
Crear o editar un carrusel
Para qué sirve
Dar nombre al carrusel y decidir en qué zona de la web se muestra.
Cuándo usarlo
Al preparar un carrusel nuevo, por ejemplo para una campaña, o al moverlo a otra zona.
CarouselVolver al listado
ConfiguraciónDatos generales del carrusel
Campaña verano
Home arriba
1
Paso a paso
- Escribe el Nombre del carrusel. Solo se ve en el panel de control.
- Elige la Zona donde se mostrará.
- Elige el valor de Num breakpoints (de 1 a 6).
- Pulsa Crear carousel. Verás el mensaje «Carousel creado con éxito.» en el listado. Al editar un carrusel, el botón se llama Actualizar.
| Zona | Dónde se muestra |
|---|---|
| Home arriba · Home abajo | Parte superior o inferior de la página de inicio. |
| Ofertas arriba · Ofertas abajo | Parte superior o inferior de la página de ofertas. |
| Paginas arriba · Paginas abajo | Parte superior o inferior de las páginas. |
| Shortcode | Donde lo insertes con el módulo Carousel del generador de contenido dinámico. |
[widget_sliders data-id=201]
Carruseles en cualquier páginaCon la zona Shortcode, genera el código del carrusel con el módulo Carousel del generador de contenido dinámico y pégalo en el contenido de la página. Se explica en el manual de Contenido dinámico. El número del ejemplo es el identificador del carrusel en cada web.
Módulo
Slides de un carrusel
Para qué sirve
Ver las imágenes (slides) de un carrusel en su orden, activarlas o desactivarlas y editarlas.
Cuándo usarlo
Para añadir una imagen al carrusel, retirarla temporalmente o cambiar su orden.
SlidesNueva 1 Volver al listado
1Playa 2 3
2Escapada rural
Paso a paso
- Pulsa Nueva para añadir una slide. Si el carrusel no tiene ninguna, verás el aviso «El carousel todavía no tiene slides.».
- Pulsa el ojo verde para desactivar una slide sin borrarla («Slide desactivado con éxito.»). Aparece tachado; púlsalo otra vez para volver a activarla.
- Pulsa el lápiz azul para editarla o la papelera roja para eliminarla.
El número es la posiciónLa insignia de cada fila muestra su Posición, el orden en que se muestra en el carrusel. Para reordenar, edita la slide y cambia ese número.
Módulo
Crear o editar una slide
Para qué sirve
Añadir una imagen al carrusel con sus textos, su botón y su enlace en cada idioma.
Cuándo usarlo
Al preparar el carrusel de una campaña o al cambiar la imagen de una slide.
SlidesVolver al listado
Nueva
EspañolInglés 1
ES
Es necesario incluir las imágenes en todos los idiomas./themes/mi-portal/uploads/carousel/playa.jpg
ES
Imagen opcional para tablet.ES
Imagen opcional para movil./themes/mi-portal/uploads/carousel/playa-movil.jpg
ES
Verano en la costa
ES
Hoteles frente al mar
ES
Escapadas de 3 noches con desayuno
ES
Desde 199 €
ES
Ver ofertas
ES
/ofertas/
ES
Ofertas de verano
Playa
Nombre utilizado para identificar el slide en el panel de control.1
Orden en el que se mostrarán los slides en el carousel.Paso a paso
- Elige la pestaña de idioma. Repite los pasos 2 a 4 en cada idioma que uses.
- En Imagen, pulsa el botón azul de carpeta y elige la imagen. Es obligatoria en todos los idiomas; Imagen tablet e Imagen movil son opcionales.
- Escribe, si quieres, el Título, el Subtítulo, el Resumen y el Precio que se mostrarán sobre la imagen.
- Para añadir un botón, escribe su texto en Botón, la dirección en Enlace y un Título enlace.
- Escribe el Nombre con el que reconocerás la slide en el panel y su Posición en el carrusel.
- Pulsa Crear slide. Verás «Slide añadida con éxito.» en la lista de slides.
Error típico«This field is required.» bajo ImagenFalta la imagen en alguna pestaña de idioma. Revisa todas las pestañas: la imagen es obligatoria en cada una.
Módulo
Eliminar un carrusel o una slide
Para qué sirve
Borrar definitivamente un carrusel o una de sus slides.
Cuándo usarlo
Al terminar una campaña cuyo carrusel ya no vas a reutilizar.
Campaña verano 1
Confirmar eliminación×
¿Está seguro que desea eliminar el carrusel Campaña verano?
✕ CancelarEliminar2
Paso a paso
- Pulsa la papelera roja del carrusel o de la slide.
- Comprueba el nombre en la ventana Confirmar eliminación y pulsa Eliminar, o Cancelar para no borrarlo. Al eliminar un carrusel verás «Se ha eliminado el carousel con éxito.».
AtenciónEl borrado no se puede deshacerSi solo quieres retirar una imagen durante un tiempo, desactiva la slide con el ojo verde en lugar de eliminarla.
Criterio
Buenas prácticas
Pocas slides
Entre 3 y 5 imágenes: el visitante rara vez espera a ver más.
Imágenes del mismo tamaño
Usa imágenes con la misma proporción para que el carrusel no cambie de altura.
Versión para móvil
Añade una Imagen movil con el texto importante centrado y legible en pantallas pequeñas.
Desactiva antes de borrar
Retira las slides de campañas pasadas con el ojo verde y bórralas cuando estés seguro.
Antes de publicar
- Cada slide tiene imagen en todas las pestañas de idioma.
- Los textos, el precio y el botón están traducidos en cada idioma que uses.
- Los enlaces de los botones abren la página correcta.
- Las posiciones siguen el orden que quieres.
- La zona del carrusel es la correcta.
Soporte
Problemas frecuentes
No puedo guardar la slide: «This field is required.»Falta la Imagen en alguna pestaña de idioma o el Nombre. Revisa todas las pestañas.
Una slide no se ve en la web.Comprueba en la lista de slides que su ojo no esté tachado: si lo está, la slide está desactivada.
Las slides salen en otro orden.Edita cada slide y revisa su Posición.
El carrusel no aparece en la página.Revisa su Zona. Si es «Shortcode», tienes que insertarlo en la página con el generador de contenido dinámico.
¿Sigue sin funcionar?Contacta con tu canal de soporte habitual de Pipeline Software e indica el nombre del carrusel, el idioma y una captura de pantalla.