Slick Carousel no working with Repeater

• samirdesign

• February 16, 2022 at 4:28 pm

Hi, I have a problem with repeater field and slick carousel. The images appear expanded, and in fact, they have to appear when I click on the thumbnail. Attached is a print on the frontend. See my code:

if( have_rows('prod_adicionais') ):

echo '<div class="product-big-img mb-4">';

$i = 0; 
while ( have_rows('prod_adicionais') ) : the_row();
$image = get_sub_field('prod_imagem_add'); 

<div id="produtos" class="img-fullsize <?php if ($i==0): endif; ?>" />
    <a href="<?php echo $image['url']; ?>" class="without-caption image-link">
        <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" class="w-100" />
    </a>
</div>

$i++; endwhile; 

echo '</div>';

$i = 1; 
while ( have_rows('prod_adicionais') ) : the_row();
$image = get_sub_field('prod_imagem_add');

<div class="product-thumb-area vs-carousel row" data-slide-show="4" data-md-slide-show="3" data-sm-slide-show="4" data-xs-slide-show="2">
    <div class="product-thumb col-lg-3 <?php if ($i==0): endif; ?>" data-target="#produtos">
        <img src="<?php echo $image['url']; ?>" data-big-img="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" class="w-100" />
    </div>
</div>

$i++; endwhile; endif; 

repeater.jpg.jpg

• John Huebner

• February 18, 2022 at 10:59 am

And your JS code for applying slick to the content is?

https://kenwheeler.github.io/slick/

I don’t know what the HTML or classes and attributes are supposed to be doing it does not look like this is set up for slick.