Atributo que indica se o elemento a ser carregado deve possuir slider ou não. Alguns elementos podem não contemplar esta opção.
Caso o elemento não contenha este atributo ele não será carregado como slider, caso contenha será carregado um slider de forma automática usando as configurações padrões.
Para sobrepor as configurações padrões utilize o próprio valor do atributo como um JSON, onde utilizamos ponto e virgula ( ; ) para separar objetos e ponto “.” para criação de objetos compostos.
Segue abaixo um exemplo:
<span data-wsjs-banner="topo" data-wsjs-slide="slides.perView: 3;"></span>
Neste caso 3 slides seriam exibidos ao mesmo tempo e o objeto de opções do slide irá se parecer com este:
slides: {
perView: 3
}
Você pode encontrar documentação e informações sobre o plugin de slider utilizado neste link: https://keen-slider.io/docs
As opções padrões utilizadas pela Webstore estão abaixo:
loop: true,
slides: {
perView: 1,
},
arrows: true,
dots: false
Lembrando que as opções padrões serão sobrepostas pelo valor definido no atributo do data-wsjs-slide.
Algumas opções não contempladas pelo Keen-Slider mas atribuídas por nós são:
//Se o slider em questão terá as setas ligadas ou desligadas.
arrows: true || false
//Se o slider em questão terá os dots de navegação ligados ou desligados.
dots: true || false || string
//Ligar apenas a seta anterior
prevArrow: true || false || string
//Ligar apenas a seta posterior
nextArrow: true || false || string
//Os tipos de dots de navegação
dotsType: "group" || "default"
/* Se caso o número de slides dentro do slider for menor que o número definido
ele atribuirá o numero de filhos para maximizando o tamanho de cada slide */
alignCenter: true || false
/* Caso esta opção esteja e o número de slides dentro do slider for menor que o
número definido o sistema irá atribuir a classe need-offset ao slider */
needOffset: true || false,
/* número em ms que fara os banners avançarem automáticamente,
por padrão é definido como false */
autoplay: 1000 || false
OBS: No caso da variável string ela pode ser definida como uma string de um elemento, texto, ou ícone.