Lightbox 2 не работает с Wordpress

Он отлично работает со статической версией веб-сайта, но после переноса его в версию 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 изображения?

2 ответа

Найти этот код

<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="">

Вы выбрали URL-адрес изображения при создании поля. При создании поля изображения по умолчанию существует опция для объекта изображения. Если все в порядке, попробуйте найти скрипт лайтбокса в источнике страницы, это правильный путь, который вы указали.

Если это также хорошо, то это должно конфликтовать с каким-либо сценарием плагина, который вы использовали, или может возникнуть проблема, когда вы включаете библиотеку. Вы можете попытаться переместить его поверх верхнего колонтитула или наоборот.

Другие вопросы по тегам