Support

Account

Home Forums General Issues Lightbox Slider with Unique Classes Reply To: Lightbox Slider with Unique Classes

  • I’ve decided to do something like this using a repeater field… not the prettiest thing but it will probably work the way I need it too.

    <?php if ( have_rows('apartamento_1_alcoba') ): ?>
    <div id="img-module-slider-1" class="vivienda-slider">
    
      <?php while( have_rows('apartamento_1_alcoba') ) : the_row();
        $icono_1_alcoba = get_sub_field('icono');
        $gallery = get_sub_field('lightbox');
        $id_1_alcoba = get_sub_field('plano_id');
      ?>
    
      <section data-featherlight-gallery data-feather-filter="a">
        <?php if ( $gallery ): ?>
          <?php foreach ( $gallery as $image ): ?>
            <a class="apt-gallery-<?php echo $id_1_alcoba ?>" href="#" data-featherlight="image">
              <img class="module-img-size" src="<?php echo $icono_1_alcoba['url'] ?>" alt="<?php echo $icono_1_alcoba['alt'] ?>">
            </a>
            <a class="apt-gallery-<?php echo $id_1_alcoba ?>" href="<?php echo $image['url'] ?>" alt="<?php echo $image['alt']?>"></a>
          <?php endforeach; ?>
        <?php endif; ?>
      </section>
      <?php endwhile; ?>
    
    </div>
    <?php endif; ?>

    However, I’d like to be able to get just the first image of the gallery in the for each, how can I do that?