Home Forums General Issues Slick Carousel no working with Repeater


Slick Carousel no working with Repeater

  • 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" />
    $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" />
    $i++; endwhile; endif; 
  • And your JS code for applying slick to the content is?

    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.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.