2017-02-04 3 views
1

Я пытаюсь интегрировать карусель Bootstrap в мою тему Wordpress в качестве слайдера с рекомендациями. Появляются отзывы и логотипы (я использую пользовательские типы сообщений), но единственное, что не отображается, это индикаторы карусели. Я просмотрел многие вопросы Stackoverflow и другие веб-страницы, но я не могу найти решение.Показатели карусели Bootstrap, не показывающиеся в Wordpress

Может кто-нибудь сможет взглянуть на мой код и посмотреть, есть ли что-нибудь, что я могу сделать, чтобы исправить это? Спасибо за помощь.

<ol class="carousel-indicators"> 
      <?php 
       $args = array(
        'post_type' => 'testimonial', 
        'orderby' => 'post_id', 
        'order'  => 'ASC' 
       ); 
       $loop = new WP_Query($args); 
       $banner_count = 0; 
       while ($loop->have_post()) : $loop->the_post(); 

       if ($banner_count == 0){ 
        $active_item = 'active'; 
       } 
       else { 
        $active_item = ''; 
       } 
      ?> 
      <li data-target="#quote-carousel" data-slide-to="<?php echo $banner_count; ?>" class="<?php echo $active_item; ?>"></li> 
      <?php $banner_count++; endwhile; ?> 
      </ol> 



      <!-- Carousel Slides/Quotes --> 


      <div class="carousel-inner"> 
      <?php 
       $loop = new WP_Query($args); 
       $banner_count = 0; 
       while ($loop->have_posts()) : $loop->the_post(); 
       if ($banner_count == 0){ 
        $active_item = 'active'; 
       } 
       else { 
        $active_item = ''; 
       } 
      ?> 
       <!-- Quote 1 --> 
       <div class="item <?php echo $active_item; ?>"> 
        <blockquote> 
         <div class="row"> 
          <div class="col-sm-3 text-center"> 
          <img class="img-circle"> 
          <?php 
           if (has_post_thumbnail()) { 
            the_post_thumbnail(array(200, 100)); 
           } 
          ?> 
          </div> 
          <div class="col-sm-9"> 
          <?php the_content(); ?> 
          <small><?php the_title(); ?></small> 
          </div> 
         </div> 
        </blockquote> 
       </div> 
      <?php $banner_count++; endwhile; ?> 
      </div> 
+0

проверьте свои css для индикаторов. Carousel-индикаторов и указателей поворота li в cosole, вы можете найти, почему он не отображается. –

+0

поделитесь своим сайтом URL –

+0

Эй, монсты. Я пытаюсь сделать то же, что и вы, но имею проблемы. Вы используете BS4? Если да, пожалуйста, можете ли вы поделиться всем фрагментом кода, чтобы заставить его работать в качестве слайдера? Спасибо! – user3502952

ответ

1

Вы упускаете в s на have_posts() для показателей.

while ($loop->have_post()) : $loop->the_post(); 

Должно быть:

while ($loop->have_posts()) : $loop->the_post(); 

Я хотел бы также предложить двигая запрос на вершину и запустить его один раз вместо двух.

<?php 
$args = array(
    'post_type' => 'testimonial', 
    'orderby' => 'post_id', 
    'order'  => 'ASC' 
); 

$loop = new WP_Query($args); 

if ($loop->have_posts()) : ?> 
    <ol class="carousel-indicators"> 
     . . . 
     WHILE HERE FOR LIST ITEMS 

    </ol> 

    <?php $loop->rewind_posts(); // reset the loop and re-use ?> 

    <div class="carousel-inner"> 
     . . . 
     WHILE HERE TO LOOP THROUGH ITEMS 
     . . . 
    </div> 

    <?php 
endif; 
+0

Ничего себе, хорошее место! Он работает сейчас, спасибо! Я так долго смотрел на этот код, что не заметил никаких ошибок. Я также попробую ваше предложение :) – monsty

Смежные вопросы