Он отлично работает со статической версией веб-сайта, но после переноса его в версию WP, щелкнув изображение, просто перемещается на новую страницу, вместо того, чтобы поднимать LB вверх, как в статической версии. Шаблон:
<?php
/*
Template Name: Work Child Page
*/
?>
<?php include 'header.php'; ?>
<?php while ( have_posts() ) : the_post(); ?>
<div class="col-md-10">
<div class="row bottom-margin">
<div class="col-md-12">
<h3><?php the_field('title'); ?></h3>
</div>
</div>
<div class="row">
<?php
if(have_rows('images')):
while(have_rows('images')): the_row();?>
<?php if(get_sub_field("image")): ?>
<div class="col-md-2 bottom-margin" data-title="" data-lightbox="Vacation">
<a href="<?php the_sub_field('image'); ?>">
<img class="img-responsive" src="<?php the_sub_field('image'); ?>" alt="">
</a>
</div>
<?php endif; // end of if field_name logic ?>
<?php endwhile;?>
<?php endif;?>
</div>
</div>
<?php endwhile; // end of the loop. ?>
<?php include 'footer.php'; ?>
Консоль не выдает никаких ошибок JS. Он использует повторитель ACF, ретранслятор называется «изображения» с одним подполем «изображение», который имеет тип изображения и возвращает значение URL изображения?
Вы выбрали URL-адрес изображения при создании поля. При создании поля изображения по умолчанию существует опция для объекта изображения. Если все в порядке, попробуйте найти скрипт лайтбокса в источнике страницы, это правильный путь, который вы указали.
Если это тоже хорошо, то это должно конфликтовать с каким-то скриптом плагина, который вы использовали, или может возникнуть проблема, когда вы включаете библиотеку. Вы можете попытаться переместить его поверх верхнего колонтитула или наоборот.
Найти этот код
<a href="<?php the_sub_field('image'); ?>">
<img class="img-responsive" src="<?php the_sub_field('image'); ?>" alt="">
и заменить этим
<a href="<?php the_sub_field('image'); ?>" rel="lightbox">
<img class="img-responsive" src="<?php the_sub_field('image'); ?>" alt="">