Почему не работает галерея?

Question

[Alexander Kovalenko]

Сайт на WP, как я понимаю собран через Custom Fields. В админке есть блоки, один из них называется Фотогалерея. Добавляешь альбом, закидывашь туда фото. Больше никаких настроек нет.
В HTML коде галереги вот такое:

<section class="attractions" id="sc-foto">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<h2>Фотогалерея</h2>
					<?php if(get_sub_field('under_h2')) echo "<div class=\"under_h2\">".get_sub_field('under_h2')."</div>"; ?>
				</div>
			</div>

			<div class="row">
				<div class="col-md-6">
					
					<!--Attraction link 1 start-->
					<div class="attraction-link">
							<?php $images = get_sub_field('gallery1');if($images): ?>
								<a href="<?php echo $images[1]['url']; ?>" data-toggle="lightbox" data-gallery="gallery1" data-title="<?php echo $images[1]['caption']; ?>">
							<div class="attraction-img">
								<img class="img-responsive" src="<?php echo $images[0]['sizes']['large']; ?>" alt="<?php echo $images[0]['alt']; ?>" title="<?php echo $images[0]['caption']; ?>"/>

								<div class="attraction-overlay">
									<i class="fa fa-search-plus"></i>
								</div>
							</div>

							<div class="attraction-caption">
								<div class="attraction-caption-title"><?php the_sub_field('h3_1'); ?></div>
								<div class="attraction-distance"></div>
							</div>
						</a>
							<?php 	foreach ($images as $key => $image) { if($key > 1){?>
						<div data-toggle="lightbox" data-gallery="gallery1" data-remote="<?php echo $image['url']; ?>" data-title="<?php echo $image['caption']; ?>"></div>
							<?php 	}} ?>
							<?php endif; ?>
				</div>

				<!--Attraction link 1 end-->
				<div class="row">
					<div class="col-md-6 col-sm-6">
						<!--Attraction link 2 start-->
						<div class="attraction-link">
<?php $images = get_sub_field('gallery2');if($images): ?>
							<a href="<?php echo $images[1]['url']; ?>" data-toggle="lightbox" data-gallery="gallery2" data-title="<?php echo $images[1]['caption']; ?>">
								<div class="attraction-img">
									<img class="img-responsive"src="<?php echo $images[0]['sizes']['large']; ?>" alt="<?php echo $images[0]['alt']; ?>" title="<?php echo $images[0]['caption']; ?>"/>
									<div class="attraction-overlay">
										<i class="fa fa-search-plus"></i>
									</div>
								</div>
								<div class="attraction-caption">
									<div class="attraction-caption-title"><?php the_sub_field('h3_2'); ?></div>
									<div class="attraction-distance"></div>
								</div>
							</a>
<?php 	foreach ($images as $key => $image) { if($key > 1){?>
						<div data-toggle="lightbox" data-gallery="gallery2" data-remote="<?php echo $image['url']; ?>" data-title="<?php echo $image['caption']; ?>"></div>
<?php 	}} ?>
<?php endif; ?>
							</div>
							<!--Attraction link 2 end-->
						</div>
						<div class="col-md-6 col-sm-6">
							<!--Attraction link 3 start-->
							<div class="attraction-link">
<?php $images = get_sub_field('gallery3');if($images): ?>
								<a href="<?php echo $images[1]['url']; ?>" data-toggle="lightbox" data-gallery="gallery3" data-title="<?php echo $images[1]['caption']; ?>">
									<div class="attraction-img">
										<img class="img-responsive"src="<?php echo $images[0]['sizes']['large']; ?>" alt="<?php echo $images[0]['alt']; ?>" title="<?php echo $images[0]['caption']; ?>"/>

										<div class="attraction-overlay">
											<i class="fa fa-search-plus"></i>
										</div>
									</div>

									<div class="attraction-caption">
										<div class="attraction-caption-title"><?php the_sub_field('h3_3'); ?></div>
										<div class="attraction-distance"></div>
									</div>
								</a>
<?php 	foreach ($images as $key => $image) { if($key > 1){?>
						<div data-toggle="lightbox" data-gallery="gallery3" data-remote="<?php echo $image['url']; ?>" data-title="<?php echo $image['caption']; ?>"></div>
<?php 	}} ?>
<?php endif; ?>
							</div>
							<!--Attraction link 3 end-->
						</div>
					</div>
				</div>
				<div class="col-md-3 col-sm-6">
					<!--Attraction link 4 start-->
					<div class="attraction-link">
<?php $images = get_sub_field('gallery4');if($images): ?>
						<a href="<?php echo $images[1]['url']; ?>" data-toggle="lightbox" data-gallery="gallery4" data-title="<?php echo $images[1]['caption']; ?>">
							<div class="attraction-img">
								<img class="img-responsive"src="<?php echo $images[0]['sizes']['large']; ?>" alt="<?php echo $images[0]['alt']; ?>" title="<?php echo $images[0]['caption']; ?>"/>

								<div class="attraction-overlay">
									<i class="fa fa-search-plus"></i>
								</div>
							</div>

							<div class="attraction-caption">
								<div class="attraction-caption-title"><?php the_sub_field('h3_4'); ?></div>
								<div class="attraction-distance"></div>
							</div>
						</a>
<?php 	foreach ($images as $key => $image) { if($key > 1){?>
						<div data-toggle="lightbox" data-gallery="gallery4" data-remote="<?php echo $image['url']; ?>" data-title="<?php echo $image['caption']; ?>"></div>
<?php 	}} ?>
<?php endif; ?>
					</div>
					<!--Attraction link 4 end-->
				</div>
				<div class="col-md-3 col-sm-6">
					<!--Attraction link 5 start-->
					<div class="attraction-link">
<?php $images = get_sub_field('gallery5');if($images): ?>
						<a href="<?php echo $images[1]['url']; ?>" data-toggle="lightbox" data-gallery="gallery5" data-title="<?php echo $images[1]['caption']; ?>">
							<div class="attraction-img">
									<img class="img-responsive"src="<?php echo $images[0]['sizes']['large']; ?>" alt="<?php echo $images[0]['alt']; ?>" title="<?php echo $images[0]['caption']; ?>"/>

								<div class="attraction-overlay">
									<i class="fa fa-search-plus"></i>
								</div>
							</div>

							<div class="attraction-caption">
								<div class="attraction-caption-title"><?php the_sub_field('h3_5'); ?></div>
								<div class="attraction-distance"></div>
							</div>
						</a>
<?php 	foreach ($images as $key => $image) { if($key > 1){?>
						<div data-toggle="lightbox" data-gallery="gallery5" data-remote="<?php echo $image['url']; ?>" data-title="<?php echo $image['caption']; ?>"></div>
<?php 	}} ?>
<?php endif; ?>
					</div>
					<!--Attraction link 5 end-->
					<!--Attraction link 6 start-->
					<div class="attraction-link">
<?php $images = get_sub_field('gallery6');if($images): ?>
						<a href="<?php echo $images[1]['url']; ?>" data-toggle="lightbox" data-gallery="gallery6" data-title="<?php echo $images[1]['caption']; ?>">
							<div class="attraction-img">
								<img class="img-responsive"src="<?php echo $images[0]['sizes']['large']; ?>" alt="<?php echo $images[0]['alt']; ?>" title="<?php echo $images[0]['caption']; ?>"/>

								<div class="attraction-overlay">
									<i class="fa fa-search-plus"></i>
								</div>
							</div>

							<div class="attraction-caption">
								<div class="attraction-caption-title"><?php the_sub_field('h3_6'); ?></div>
								<div class="attraction-distance"></div>
							</div>
						</a>
<?php 	foreach ($images as $key => $image) { if($key > 1){?>
						<div data-toggle="lightbox" data-gallery="gallery6" data-remote="<?php echo $image['url']; ?>" data-title="<?php echo $image['caption']; ?>"></div>
<?php 	}} ?>
<?php endif; ?>
					</div>
					<!--Attraction link 6 end-->
				</div>
			</div>

			<div class="row">
				<div class="col-md-12">

					<!--Attraction Video start-->
					<div class="attraction-video">
						<!--Video Preview Image start-->
						<div class="video-preview-img">
							<img src="<?php $image = get_sub_field('video_img');echo $image['sizes']['large']; ?>" alt="<?php echo $image['alt']; ?>" title="<?php echo $image['caption']; ?>" class="img-responsive"/>

							<div class="video-play-button"><i class="fa fa-play fa-fw"></i></div>
						</div>
						<!--Video Preview Image end-->

						<!--Embed Video start-->
						<div class="embed-responsive video embed-responsive-16by9 hidden">
							<iframe width="560" height="315" src="https://www.youtube.com/embed/<?php the_sub_field('video_url'); ?>?rel=0&amp;;controls=0&amp;;showinfo=0"
									allowfullscreen></iframe>
						</div>
						<!--Embed Video end-->
					</div>
					<!--Attraction Video end-->

			   </div>
			</div>
		</div>
	</section>

С учётом, что для каждого альбома загружено больше 1 фотографии - со страницы открывается только следующее фото просто как картинка, перелистывание не происходит.
Ошибок на скрипты никаких нет. Сайт писался какой-то студией, с ними связи нет.
Прошу помочь, кто знает. Может что в коде самой галереи не так.
Ссылка на сайт - dublin-dolphin.ru

Comments

[zorca]

Ошибок на скрипты никаких нет

Ну если отсутствие требуемого JQuery не ошибка...

TypeError: $ is not a function

[Alexander Kovalenko]

zorca, добавил jquery, так же осталось

[zorca]

Alexander Kovalenko, Он должен загружаться ДО скрипта ekko-lightbox, у вас ПОСЛЕ

[Alexander Kovalenko]

zorca, поставил "До", проверил весь код, ну всё правильно вроде, а не работает...

[zorca]

Alexander Kovalenko, отключите оптимизатор Autooptimize, проверьте снова.

[Alexander Kovalenko]

zorca, та же песня.

[zorca]

Alexander Kovalenko, понимаете какая штука. Программирование - это прежде всего аккуратность и четкость. Невозможно поправить за пять минут косяки, да еще чужие. А вы к чужим добавляете свои. Ну к примеру, скрипты у вас грузятся минифицированные и нет подряд. JQuery у вас грузится ДВА раза: один раз вы впендюрили руками, второй раз грузит ядро WP. Поправьте для начала все косяки, потом уже можно пробовать плавно, по инструкции с сайта плагина лайтбокса подключить его скрипты, стили. Причем правильным способом.

[Alexander Kovalenko]

zorca, а в коде, что тут я написал, всё правильно? потому как на самом сайте я уже всё проверил тысячу раз.

[zorca]

Alexander Kovalenko, по идее все верно, повесив на ссылку атрибут data-toggle="lightbox" можно получить всплывающее окно, но ничего не применяется. Вся магия кроется в конце файла dublin-dolphin.ru/wp-content/themes/landing/js/cus...
Судя по ошибке Uncaught ReferenceError: google is not defined не работает весь блок кода, связанный с картами. Я бы его попробовал закомментировать. Или жек перетащил блок кода галереи выше этого места на пробу.