Задать вопрос
@tosster22
javascript

Почему один слайд в нутри другого?

Сделал слайдер при помощи owl carrousel 2. Стал подключать к wordpress с использованием плагина acf. При добавлении нового слайда он попадает в старый. Использовал повторитель. Подскажите как исправить
<div class="owl-carousel slider">
		<div class="slider__content">
			<?php if( have_rows('content_for_slider') ): ?>
				<?php while( have_rows('content_for_slider') ): the_row(); ?> 
					<?php
					$image = get_sub_field('slide_pic');
					$content = get_sub_field('slide_text');
					$link = get_sub_field('slide_link');
					$form = get_sub_field('slide_form');
					?>
					<div class="slider__slide" style="background-image: url(<?php echo $image['url']; ?>" alt="<?php echo $image['alt'] ?>;">
						<div class="container">
							<div class="row align-items-center">
								<?php if( $link ): ?>
									<a href="<?php echo $link; ?>">
									<?php endif; ?>

									<?php if( $link ): ?>
									</a>
								<?php endif; ?>
								<div class="col-md-5 col-xs-12 col-sm-8">
									<div class="slider__idents ">
										<?php echo $content; ?>
									</div>	

								</div>
							<?php endwhile; ?>
						<?php endif; ?>
					</div>
				</div>
			</div>
		</div>
	</div>
  • Вопрос задан
  • 84 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
Chefranov
@Chefranov
Новичок
Наверно так
<div class="owl-carousel slider">
  <div class="slider__content">
    <?php if( have_rows('content_for_slider') ): ?>
    <?php while( have_rows('content_for_slider') ): the_row(); ?>
    <?php
          $image = get_sub_field('slide_pic');
          $content = get_sub_field('slide_text');
          $link = get_sub_field('slide_link');
          $form = get_sub_field('slide_form');
          ?>
    <div
      class="slider__slide"
      style="background-image: url(<?php echo $image['url']; ?>)"
      alt="<?php echo $image['alt'] ?>"
    >
      <div class="container">
        <div class="row align-items-center">
          <?php if( $link ): ?>
          <a href="<?php echo $link; ?>">link</a>
          <?php endif; ?>
          <div class="col-md-5 col-xs-12 col-sm-8">
            <div class="slider__idents ">
              <?php echo $content; ?>
            </div>
          </div>
        </div>
      </div>
    </div>
    <?php endwhile; ?>
    <?php endif; ?>
  </div>
</div>
Ответ написан
4 комментария
4 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Очистка ин.текста с изображения и создание обложки+корешка для книги
19 апр. 2024, в 15:34
14000 руб./за проект
Разработать фронтенд для интернет-магазина на фреймворке TS
19 апр. 2024, в 15:33
60000 руб./за проект
Спроектировать дизайн сводной SEO таблицы
19 апр. 2024, в 15:20
5000 руб./за проект
Ещё заказы