Crea un carrusel con las entradas mas populares. Este widget solo es accesible como un super widget. Reemplaza el título de un widget PopularPosts por el siguiente dato tipo object de Blogger:
{ content: "carousel" }
Vista previa #
Disponibilidad #
Este widget solo esta disponible en la sección Upper, After-Content, Before-Content o Content.
Opciones #
Key | Descripción | Tipo | Valores |
---|---|---|---|
title |
Título | string | Titulo del widget |
icon |
Icono | string | El nombre de un icono de zkreations |
i |
Icono de tercero | string | Etiqueta <i> usando el valor como clase |
ratio |
Ratio (Carrusel) | aspect_ratio |
Un valor de la variable e.ratio |
auto |
Autoplay | number | Tiempo en segundos |
free |
Scroll desbloqueado | boolean | true false |
Ejemplos #
{ content: "carousel", auto: 5 }
Carrusel con desplazamiento automático cada 5 segundos
{ content: "carousel", ratio: "5:7" }
Celdas del carrusel con relación de aspecto
5:7
{ content: "carousel", free: true }
Carrusel con scroll sin limites ni topes
Clases CSS #
.carousel {
--carousel-items: 1; /*Cantidad de celdas por defecto*/
--carousel-items-xs: 1; /*Cantidad de celdas por debajo de 576px*/
--carousel-items-s: 2; /*Cantidad de celdas hasta 576px*/
--carousel-items-m: 3; /*Cantidad de celdas hasta 768px*/
--carousel-items-l: 4; /*Cantidad de celdas hasta 992px*/
--carousel-items-xl: 4; /*Cantidad de celdas hasta 1200px*/
--carousel-items-xxl: 4; /*Cantidad de celdas hasta 1400px*/
--carousel-gap: /*Separación de celdas*/
}
.carousel-cell {
/*Celdas del carrusel*/
}