Apresentaremos, neste artigo, como configurar os parâmetros do jCarousel Lite, aplicando os parâmetros Circular, Visible, Auto e Speed.

Inicialmente, é importante saber em qual arquivo “.htm” está o script do carrossel. Por padrão, os scripts de banners que utilizam este recurso ficam no “BarraTopo.htm” ou no arquivo “Home.htm”; sendo assim, para localizar o script dentro desses arquivos, basta procurar por uma estrutura parecida com esta:

<script>
$(function(){
$(".DS_carosel").jCarouselLite({
btnNext: ".DS_next",
btnPrev: ".DS_prev",
circular: true,
visible: 6,
auto: 3000,
speed:500
})
})
</script>

Uma vez localizado, o script poderá ser configurado como for melhor para a loja. Os principais parâmetros para configurar o carrossel são:

“CIRCULAR” – esse parâmetro serve para que os elementos do carrossel fiquem em uma lista circular de modo que, quando o usuário estiver no último elemento do carrossel, ao clicar no botão “próximo”, o primeiro elemento volta à cena. Os comandos do parâmetro circular são: “TRUE” para habilitar a função circular e “FALSE” para desabilitar.

“VISIBLE” – esse parâmetro serve para escolher a quantidade de itens que ficarão visíveis no carrossel, independentemente da transição de elementos que serão executados pelo script.

“AUTO” – ele possibilita ao lojista tornar a transição de elementos do carrossel automático, ou seja, ao inserir o valor “3000”, por exemplo, a cada 3 segundos o carrossel trocará os itens que estão sendo exibidos por outros pertencentes a essa mesma lista, mas que estão ocultos, sem a necessidade de o usuário clicar para ver os produtos.

“SPEED” – esse parâmetro define a velocidade da transição, onde os itens do carrossel serão submetidos quando o usuário clicar para movimentar o carrossel ou mesmo automaticamente animadas pelo script com o parâmetro “auto”. A maneira como se define a velocidade é através de valores como “5000”, por exemplo, manipulando o tempo de transição dos itens do carrossel para 5 segundos.

Para saber mais sobre parâmetros e aprimorar o carrossel da sua loja, acesse o site do desenvolvedor desse script: http://www.gmarwaha.com/jquery/jcarousellite/

Boas vendas e até a próxima!