SHARE
TWEET

ACF Repeater

shutupchigo May 20th, 2019 73 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div class="container-fluid container-fluid-no">
  2.     <div class="row alto-bg">
  3.         <div class="col-lg-12 px-0">
  4.             <div class="row first-slider">
  5.                 <div class="col-lg-12 swiper-container px-0 mx-0">
  6.                     <div class="swiper-wrapper">
  7.                         <?php
  8.                             if( have_rows('slider') ):
  9.                                 while ( have_rows('slider') ) : the_row(); ?>  
  10.                                     <div class="swiper-slide" style="background-image:url('<?php echo the_sub_field('background_image'); ?>');">
  11.                                         <div class="row slide-content">
  12.                                             <div class="col-lg-12">
  13.                                                 <div class="pt-3 ">
  14.                                                     <?php the_sub_field('slide_content');?>
  15.                                                 </div>
  16.                                             </div>
  17.                                         </div>
  18.                                         <div class="slider-overlay"></div>
  19.                                     </div>
  20.                                 <?php endwhile;
  21.                             else :
  22.                             endif;
  23.                         ?>
  24.                     </div>
  25.                     <div class="swiper-pagination"></div>
  26.                     <div class="swiper-button-prev"></div>
  27.                     <div class="swiper-button-next"></div>
  28.                     <script>
  29.                         var mySwiper = new Swiper('.swiper-container', {
  30.                             direction: 'horizontal',
  31.                             loop: true,
  32.                             effect: 'fade',
  33.                             pagination: {
  34.                                 el: '.swiper-pagination',
  35.                                 clickable: true,
  36.                             },
  37.                             keyboard: {
  38.                                 enabled: true,
  39.                             },
  40.                             navigation: {
  41.                                 nextEl: '.swiper-button-next',
  42.                                 prevEl: '.swiper-button-prev',
  43.                             }
  44.                         })
  45.                     </script>
  46.                 </div>
  47.             </div>
  48.         </div>
  49.     </div>
  50. </div>
  51. <div>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top