Tarjetas
Variables que te permiten configurar el apartado de las tarjetas.
Variables disponible
<Variable name="t.style" {{...}} value="list" />
<Variable name="t.gap" {{...}} value="4" />
<Variable name="t.xsRow" {{...}} value="1" />
<Variable name="t.smRow" {{...}} value="2" />
<Variable name="t.lgRow" {{...}} value="2" />
<Variable name="t.lineClamp" {{...}} value="1" />
<Variable name="t.icon" {{...}} value="fas fa-play" />
<Variable name="t.summary" {{...}} value="56" />
<Variable name="t.resizeImage" {{...}} value="300" />
<Variable name="t.ratioImage" {{...}} value="300:200" />
<Variable name="t.imageParams" {{...}} value="rw-l80-e30" />
<Variable name="t.defaultImage" {{...}} value="#url_goes_here" />
t.style
Permite cambiar el estilo de las tarjetas. Su valor por defecto es list
. Los estilos disponible para ésta variable son los siguientes:
list
default
poster
overlap
compact
t.gap
Es el espaciado que hay entre cada tarjeta. los valores disponibes para éste apartado son los siguientes: 4
, 8
, 12
, 16
, 24
, 32
t.xsRow
Cantidad de tarjetas que se mostrarán por fila en la vista móvil.
t.smRow
Cantidad de tarjetas que se mostrarán por fila en la vista para tablets
t.lgRow
Cantidad de tarjetas que se mostrarán por fila en la vista de escritorio.
t.lineClamp
Cantidad de lineas que se mostrarán hasta truncarse el texto. Su valor por defecto 1
y máximo es 3
.
t.icon
Es el icono que se muestra cuando hacemos hover sobre la portada de la tarjeta. Esta variable espera como valor una clase css de un icono. Se recomienda usar font awesome para esto, pues se incluye por defecto en la plantilla. Por defecto usa el ícono fas fa-play
.
t.summary
Longitud máximo de caracteres a mostrar para el resumen de la entrada. Su valor por defecto es de 56
. Esta propiedad únicamente es compatible con el estilo default
de t.style
.
t.resizeImage
Resolución máxima de la tarjeta. Por defecto su valor es de 300
.
t.ratioImage
Relación de aspecto de la imagen. Por defecto su valor es de 300:200
.
t.imageParams
Parametros de imagenes. Valído para imagenes subidas directamente desde el gadget de imagenes o de encabezado. Su valor por defecto es rw-l80-e30
.
Puedes obtener la url de una imagen compatible con los parametros llendo a tu Panel > Diseño y buscar el ícono de imagen que se encuentra en la izquina superior.
t.defaultImage
Imagen por defecto que se mostrará en caso de no exisitr una en la entrada.