Показать слайдер на основе подполя ACF Repeater - PullRequest
Новая
       21

Показать слайдер на основе подполя ACF Repeater

0 голосов
/ 21 мая 2019

В основном у меня есть поле повторителя ACF, как показано ниже

enter image description here

У меня также есть переменная со значением местоположения пользователя.

Так, например, если значение переменной местоположения пользователя установлено в A, я хочу показать слайд, у которого значение поля 'region' установлено в 'A'.

Вот код, который у меня есть для простого слайдера с использованием swiper. 

<div class="container-fluid container-fluid-no">
<div class="row alto-bg">
    <div class="col-lg-12 px-0">
        <div class="row first-slider">
            <div class="col-lg-12 swiper-container px-0 mx-0">
                <div class="swiper-wrapper">
                    <?php
                        if( have_rows('slider') ):
                            while ( have_rows('slider') ) : the_row(); ?>  
                                <div class="swiper-slide" style="background- 
      image:url('<?php echo the_sub_field('background_image'); ?>');">
                                    <div class="row slide-content">
                                        <div class="col-lg-12">
                                            <div class="pt-3 ">
                                                <?php 
     the_sub_field('slide_content');?>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="slider-overlay"></div>
                                </div>
                            <?php endwhile;
                        else :
                        endif;
                    ?>
                </div>
                <div class="swiper-pagination"></div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
                <script>
                    var mySwiper = new Swiper('.swiper-container', {
                        direction: 'horizontal',
                        loop: true,
                        effect: 'fade',
                        pagination: {
                            el: '.swiper-pagination',
                            clickable: true,
                        },
                        keyboard: {
                            enabled: true,
                        },
                        navigation: {
                            nextEl: '.swiper-button-next',
                            prevEl: '.swiper-button-prev',
                        }
                    })
                </script>
              </div>
          </div>
       </div>
   </div>
 </div>
<div>

Надеюсь, это имеет смысл.

...