Lista de episodios

Agrega una lista de episodios automatica a tu serie.

Importante

Para poder visualizar la lista de episodios debes publicar episodios cómo se indica en su sección correspondiente.

Agregar lista

Ve a la entrada de la serie que quieres mostrar sus episodios y pega el siguiente código:

<!-- Episode list -->
<div class="episodes">
  <h2>Lista de episodios</h2>
  <div class="episodes__cont">Cargando...</div>
</div>

Guarda los cambios y ya deberías ser capaz de visualizar la lista de episodios asociada a la serie actual.

Parametros de configuración

El código anterior cuenta con un conjunto de propiedades que te permetirán modificar el comportamiento de la lista de episodios de forma más personalizada, para ello debemos agregar el atributo data config en el elemento div que contiene la clase .episodes, por ejemplo:

<!-- Episode list -->
<div class="episodes" data-config="PARAMS">
<!-- ... -->
</div>

posterior a eso debemos cambiar PARAMS por un valor de configuración. En la tabla de abajo encontramos todas las opciones disponible para usar.

propiedad	descripción	valores admitidos
$order{String}	Cambia el orden en qué se muestran la lista de episodios. Por defecto se ordena por fecha de publicación.	desc asc
$orderBySeason{Boolean}	Si el valor Boolean es true, devuelve la lista ordenada por temporadas	true false
$ssnTxt{String}	Reemplaza el texto "temporada" por el texto deseado. Ideal cambiar el idioma	string
$currentSeason{Number}	Establece la temporada que se mostrará por defecto.	Number

Cómo usar los parametros

Los parametros hacen uso de la función parserConfig que pertenece al set de funciones de bloggerUtils. Para poder hacer uso de los parametros de configuración, toma de ejemplo el siguiente código:

<!-- Episode list -->
<div class="episodes" data-config="$order{desc}">
<!-- ... -->
</div>

En el código anterior hemos agregado la propiedad $order con el valor desc que si nos fijamos bien, se encuentra dentro de dos corchetes ({ valor }) el cual es el valor que deseamos manipular para cambiar el comportamiento por defecto. Es importante que todo valor esté dentro de los corchetes para que se pueda procesar de forma correcta. En la tabla de arriba, podrás ver la lista de opciones disponibles para usar y sus valores admitidos.

Si quieres saber más sobre la función parserConfig puedes visitar su documentación para conocerla mejor.