Есть ли нормальная галерея для кастомных типов записей?

Question

[ronni10]

Есть типы записей: отели ,туры. Нужна галерея,позволяющая добавлять изображения при добавлении нового отеля,тура и т.п. Как при добавлении товара в woocommerce.

Answer 1

[Орхан Гасанлы]

Здравствуйте!

Да, есть классная галерея - flexslider.woothemes.com
К ней также можете прикрутить - dimsemenov.com/plugins/magnific-popup

Comments

[ronni10]

Здравствуйте. Мне для wordpress

[Орхан Гасанлы]

ronni10, в общем-то для Wordpress я и написал. Эти скрипты можно также интегрировать с плагином Advanced Custom Fields и т.д.

[ronni10]

azerphoenix, Если это не отнимет у вас много времени,то опишите пожалуйста поподробнее процесс.Мне нужно скачать обычную версию flexslider 2 или версию для вордперсс? Если обычную версию,то как можно интегрировать этот слайдер в вордпресс?

[Орхан Гасанлы]

ronni10, достаточно скачать обычную версию flexslider 2. Ссылка - flexslider.woothemes.com
- Возьмите из архива css файл, js файл & папку fonts.
- Подключите их через functions.php (шрифты просто залейте в папку с темой). Загружать скрипт и стиль вы можете на конкретной странице (используя условные теги), либо на всем сайте. Смотря, что вам нужно.
- Создайте доп. js файл и скопируйте отрывок jquery кода и также подключите его через functions (можно не париться и добавить его в шаблон, хотя не лучший вариант). Скрин откуда брать код: https://screenshots.firefox.com/9XPKhPow4rP5kFLK/f...
- Потом установите плагин ACF Pro + либо повторитель (repeater), либо можно использовать Gallery.
- Создайте нужное кастомное поле и загружайте ее на странице добавления / редактирования кастомного типа записи.

Ниже указаны ссылки на полезные ресурсы по интеграции ACF & Flexslider
https://teamtreehouse.com/community/acf-gallery-cu...
https://gist.github.com/raisonon/7383461
https://gist.github.com/ashby/11442464
https://support.advancedcustomfields.com/forums/to...

P.S. не забудьте вывести слайдер в шаблоне кастомного типа записи

[ronni10]

azerphoenix, Огромное спасибо

[Орхан Гасанлы]

ronni10, не за что... если не получится, сообщите я отправлю коды и скрины

[ronni10]

azerphoenix, Все подключил,но вот такая проблема(на скриншоте).
1)почему-то не видит миниатюры,
2)появились эти ошибки(кроме 1-ой она была),шрифты тоже закинул как вы сказали.

[Орхан Гасанлы]

ronni10, проблема в том, почему не отображаются шрифты может заключаться в конфигурации сервера. В апач и nginx нужно задавать mime типы. И вероятно woff & ttf у вас не настроен.

насчет миниатюр... нужно смотреть код... я же не знаю, как именно вы выводите миниатюры.

[ronni10]

$images = get_field('gallery');

<div id="slider" class="flexslider">
        <ul class="slides">
            <?php foreach( $images as $image ): ?>
                <li>
                    <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />
                    <p><?php echo $image['caption']; ?></p>
                </li>
            <?php endforeach; ?>
        </ul>
    </div>

azerphoenix, добавляю картинки через acf галерею, миниатюры же он сам выводит,

[Орхан Гасанлы]

Код сам по себе верный.
Вот, что я исопльзую для слайдера с использованием Flexslider & ACF Gallery

<?php $images = get_field('slider_primery');
				if( $images ): ?>
				  <div class="examples-slider">
					<?php foreach( $images as $image ): ?>
					  <div class="examples-slide">
						  <img src="<?php echo $image['url']; ?>" />
					  </div>
					<?php endforeach; ?>
				  </div>
				<?php endif; ?>

Может проблема и не в коде? Инспектируйте элемент миниатюры и посмотрите вставляет ли он ссылку на изображение. Если да, то на что ссылается.

Может ли быть, что у вас размер картинки thumbnail просто не создан? Если да, то попробуйте сгенерировать новые миниатюры через regenerate thumbnails

[ronni10]

azerphoenix, Дело как раз в этом, у миниатюр src="undefined", хотя размеры созданы созданы

[ronni10]

Короче все хорошо ,за все спасибо !
p.s в нужно было указать data-thumb=""