Diseña y publica tus sitios rápidamente

Cómo configurar una app de Carousel

Con este artículo aprenderás a configurar una app de Carousel. Con ella puedes exhibir una serie de elementos con un índice para navegar a través de ellos. Cada uno de estos elementos tiene un título y un pie de página. Puedes usar esta app para agregar un catálogo de productos, por ejemplo.

La app de Carousel

Puedes usarla, como en esta imagen, para montar un catálogo de productos.

Primer paso

Entra a tu sitio Breezi. Haz clic en Apps de la barra inferior. Esto abrirá la App Store. Localiza la app de Carousel (carrusel en español) y haz clic y arrastra el botón de “Install New” hasta la columna que quieras en tu layout.

Botón de "Install New"

Para instalarla, arrastra el botón de "Install New" hasta tu layout.

Una vez que se cargue, se parecerá a la siguiente imagen.

Forma predeterminada de la app de Carousel

Esta es la apariencia predeterminada de la app de Carousel

Cambia el texto

Ahora hay que empezar a personalizarlo. Lo primero que modificaremos será el título de la app.

Forma predeterminada de la app de Carousel

Haz doble clic en el título para editarlo

Haz doble clic en él para escribir algo nuevo o darle formato. También puedes ajustarlo a tu medida con su dot de estilo.

Después puedes editar las otras dos líneas de texto. Para hacerlo, haz doble clic en alguna y cambia su estilo y texto con el editor WYSIWYG.

Haz doble clic en el texto para editarlo

Puedes cambiar la tipografía, tamaño, colores, etc. del texto

Cambia la imagen

Puedes cambiar la imagen en miniatura a la izquierda y agregar la que tu quieras. Para reemplazarla, pasa el cursor sobre ella y, cuando el cursor se convierta en un lápiz, puedes hacer doble clic para editarla.

Imagen predeterminada que resalta de color verde

Notarás que en el cursor aparece un lápiz al pasarlo sobre la imagen miniatura.

Esto ocasionará que se abra el editor de imágenes.

"Replace" en el editor de imágenes

Haz clic en "Replace" para reemplazar la imagen.

La imagen puede ser de tu computadora o de un URL externo.

Cuadro de diálogo para subir una imagen

Selecciona una imagen de un URL público o navega por los archivos de tu computadora.

Una vez que se cargue tu imagen, puedes agregar atributos “Alt” (estos son una descripción escrita de la imagen). Con esto ayudarás a que los buscadores puedan identificar de qué se trata la imagen ya que ellos no pueden interpretar este tipo de archivos.

Agrega, elimina y cambia el orden de tus elementos

Hasta ahora, todo ha sido sencillo: ya tienes listo tu primer elemento. Sin embargo, la app de carrusel permite que tengas más de uno. Para insertar otro, haz clic en el símbolo de más localizado en la barra de herramientas de la app.

"New Entry" en la barra de herramientas de la app

Haz clic en el botón ilustrado con una hoja y un signo de más para insertar un artículo nuevo.

Así obtendrás imágenes y textos nuevos que podrás editar de la misma manera.

App de Carousel con dos elementos

El elemento nuevo se agregará a la app con su forma predeterminada.

Puedes agregar cuantos artículos quieras y necesites. Pero, ¿qué pasa si ya no necesitas alguno de tus artículos? Puedes eliminar el que quieras al  hacer clic en la “X” que aparece entre el pie de página y el “índice” de la app.

Botón de "X" debajo de la app de Carousel

Para eliminar un elemento de tu carrusel, haz clic en la "X" que está debajo de la app.

Solamente queda ver qué pasa si quieres cambiar el orden en que aparecen tus elementos. Para organizarlos, haz clic en el botón de las flechas en sentidos opuestos que está enseguida de la “X”.

Botón de "Reorder"

Al hacer clic en ese botón, se abrirá un panel donde podrás cambiar el orden de tus artículos.

En esta ventana podrás arrastrar y soltar tus elementos en su nueva posición.

Ventana para reorganizar los elementos

Haz clic y arrastra el lemeneto que quieras cambiar. Cuando termines, haz clic en "Close".

Edita su configuración

Por último, están las opciones para configurar la app.

"Edit Settings" en la barra de herramientas de la app

Para abrir dichas opciones, haz clic en el ícono de herramientas que dice "Edit Settings".

Al hacer clic en ese botón, se abrirán las opciones de configuración para el carrusel.

Opciones de configuración en la app de Carousel

Aquí puedes establecer el número de elementos y habilitar/deshabilitar las opciones de propagación de estilo y geometría.

La primera opción de te permite decidir el número de elementos que se deben mostrar al mismo tiempo. Hasta ahora, solamente te hemos enseñado imágenes que contienen un elemento a la vez. A continuación está una imagen para que te des una idea de cómo se verá si seleccionas que quieres mostrar 2 elementos juntos.

La app de Carousel mostrando dos elementos a la vez

Puedes exhibir 1, 2 o más elementos al mismo tiempo con la app de carrusel.

Las opciones de propagación de estilo y geometría están habilitadas de forma predeterminada. Puedes deshabilitarlas para que esa app en particular sea indpendiente de las otras versiones de la misma.

¿Te parece que nos faltó explicar algo sobre esta app? ¡Háznoslo saber en la sección de comentarios!