Пытаюсь реализовать автоподгрузку блоков при прокрутке c помощью библиотеки lazyload:
блок с контентом нужно обернуть в код:
<?php for ($i = 1; $i < 10; $i++) { ?>
<div>...</div>
<?php } ?>
но он у меня тоже подгружается в шаблоне и там прописан код php и если я обертываю его дополнительно в код выше, то происходит конфликт.
Могу ли я задать ему id и вывести этот код обертки отдельно, будет ли так работать и как это правильно сделать?
спасибо!
на всякий случай вот код шаблона страницы, мне нужно обернуть блок с классом class="review-item lazy":
<?php /* Template Name: Review */ ?>
<?php get_header(); ?>
<?php
// Start the loop.
while ( have_posts() ) : the_post();
?>
<div class="section-main-title">
<div class="container">
<div class="bread-crumbs">
<?php if(function_exists('bcn_display')) { bcn_display(); } ?>
</div>
<h1><?php the_title(); ?></h1>
</div>
</div>
<div class="section-st section-light">
<div class="container">
<div class="columns-wrapp group">
<aside class="aside-col">
<?php $objects = wp_get_nav_menu_items('Объекты'); ?>
<div class="aside-nav">
<?php foreach($objects as $object) : ?>
<a href="<?= $object->url ?>" class="aside-nav__item"><?= $object->title ?></a>
<?php endforeach; ?>
</div>
</aside>
<div class="main-col">
<div class="review-wrapp">
<?php
$args = array(
'post_type' => 'review',
'showposts' => -1,
);
$reviews = new WP_Query( $args );
?>
<?php if ( $reviews->have_posts() ) : ?>
<?php while ( $reviews->have_posts() ) : $reviews->the_post(); ?>
<div class="review-item lazy">
<?php if( have_rows('object_photos') ) : ?>
<div class="review-slider flexslider open-gallery">
<?php $i=0; ?>
<?php while ( have_rows('object_photos') ) : the_row(); ?>
<?php $i++; ?>
<?php if($i == 1) : ?>
<div class="review-main-img"><?php $object_photo = get_sub_field('photo'); ?>
<a class="review-slide-item" href="<?= $object_photo['sizes']['large'] ?>">
<img src="<?= $object_photo['sizes']['medium'] ?>" alt="отзыв на утепление пенополиуретаном">
</a>
</div>
<?php endif; ?>
<?php endwhile; ?>
<?php $i=0; ?>
<ul class="flex-control-thumbs">
<?php while ( have_rows('object_photos') ) : the_row(); ?>
<?php $i++; ?>
<?php if($i > 1) : ?>
<li><?php $object_photo = get_sub_field('photo'); ?>
<a class="review-slide-item" href="<?= $object_photo['sizes']['large'] ?>">
<img src="<?= $object_photo['sizes']['medium'] ?>" alt="отзывы на утепление ппу">
</a>
</li>
<?php endif; ?>
<?php endwhile; ?>
</ul>
</div>
<?php endif; ?>
<div class="review-info">
<span class="review-info__title"><?php the_title(); ?></span>
<ul class="review-info__param">
<li>
<span>По адресу:</span>
<?php the_field('object_address'); ?>
</li>
<li>
<span>Площадь:</span>
<?php the_field('object_square'); ?>
</li>
<li>
<span>Решение:</span>
<?php the_field('object_solution'); ?>
</li>
<li>
<span>Сроки:</span>
<?php the_field('object_deadline'); ?>
</li>
</ul>
<?php if(get_field('dis_review')[0] != 1) { ?>
<div class="review-person">
<div class="review-person-img"><?php $review_author_photo = get_field('review_author_photo'); ?>
<img src="<?= ($review_author_photo['sizes']['thumbnail']) ? $review_author_photo['sizes']['thumbnail'] : get_bloginfo('template_url') . '/img/no-photo.jpg' ?>" alt="no-photo">
</div>
<div class="review-person-info">
<span class="review-person-info__name"><?php the_field('review_author'); ?></span>
<p><?php the_field('review_text'); ?></p>
</div>
</div>
<?php } ?>
</div>
</div>
<?php endwhile; ?>
<?php wp_reset_postdata(); ?>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
<?php // End of the loop.
endwhile;
?>
<?php get_footer(); ?>