Inserir um carrossel com o Slick,js para exibir uma coleção na página, porém os itens da coleção não estão alinhados. Esse erro acontece somente quando insiro a coleção... o que pode estar acontecendo? Se alguém puder ajudar seria uma força e tanto. Anexei alguns prints ... com controlador no Template e do Shelve Template...
o link do projeto é esse: https://www.citerol.com.br/teste/sirius-home
Antes de passar sua função de disparo do carrossel remova o li
<li style="display:none" class="helperComplement"></li>
Oi @Lucas Napomucena Desculpe mas não entendi onde devo inserir essa informação?
Você precisa remover esse li com um $('.helpComplement').remove(), antes de disparar a função de carrossel do slick.
Seria isso @Lucas Napomucena (se não for terei que contratar alguém para corrigir isso pois o projeto do cliente já está bem avançado... quebrei cabeça aqui já. O desenvolvedor que estava trabalhando nisso abandou o barco.
<script type="text/javascript">
$('.helperComplement').remove();
$('.slick-carrossel').slick({
dots: true,
infinite: true,
speed: 500,
slidesToShow: 4,
slidesToScroll: 4,
});
</script>
Sim,
Tem mais uma coisa, você precisa passar a função direto no "ul", dessa forma:
$('.slick-carrossel ul').slick({
dots: true,
infinite: true,
speed: 500,
slidesToShow: 4,
slidesToScroll: 4,
});Depois é só estilizar com o css.
Oi @Lucas Napomucena funcionou brother! Só força.... fico devendo o pão de queijo quando vier a BH. Abraço
@Davi Assumpção opa, vou aceitar rs, abraços.