Получать рассылку по электронной почте

Введите свой email-адрес:

Delivered by FeedBurner

Навигация

Модуль Галереи Prestashop

Модуль галереи для Prestashop Igallery предназначен для вывода миниатюр изображений на сайте . Просмотр полноразмерных изображений осуществляется с помощью jQuery плагина Fancybox, который уже по умолчанию встроен в CMS Prestashop.

Рассмотрим поподробнее настройки, которые имеются у данного модуля.

Первая группа настроек – это общие настройки.

Во-первых, здесь можно задать описание и изображение, выводимое на главной странице галереи (уже заданное изображение можно посмотреть в виде миниатюры предпросмотра). Главная страница модуля доступна по адресу: ваш сайт/igallery/gallery.

Во-вторых, вы можете задать нужно ли делать обрезку миниатюр(уменьшенных картинок) или просто масштабировать исходное изображение, подробнее об этом ниже.

Следующий раздел отвечает за добавление водяных знаков к изображениям. Это бывает нужно для того, чтобы какие-то уникальные картинки не были украдены с вашего сайта.

Как это сделать? Для начала установите переключатель Включить водяные знаки в положение Да и выберите файл водяного знака (он должен быть в формате gif). Когда вы его выберете и сохраните настройки, то сможете увидеть его изображение в предпросмотре.

Далее располагаются параметры, которые можно применять к выбранному ватермарку.

Итак, мы добрались до следующей группы настроек. Они позволяют указывать размеры изображений, задаваемых для отдельных категорий(обложка категории) и размеры самих картинок галереи.

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

Миниатюры категорий отображаются в списке категорий, например на главной или списке дочерних категорий, а полная картинка – на странице самой категории.

Если вы вспомните первый параметр в Общих настройках – Обрезать миниатюры, то хочу сказать, что он работает именно в связке с этими размерами (если выбрана обрезка, она будет произведена точно в соответствии с размерами указанными здесь, в противном случае, если обрезка не выбрана, то миниатюра будет генерироваться точно по заданной в параметрах высоте, а ширина будет определяться соотношением сторон исходного изображения). Т.е. соответствие миниатюр указанным размерам будет не полное.

Изменение размеров в этих настройках будет влиять на вновь создаваемые миниатюры. Старые миниатюры будут сохранять свои первоначальные размеры.

Теперь пришло время рассмотреть список категорий. В этом разделе можно добавлять новые категории и редактировать старые. Требуется указывать название категории, ее алиас – уникальное имя латинскими буквами, родительскую категорию и картинку для категории.

Новую категорию, впрочем как и новое изображение можно задавать также с помощью верхней панели настроек.

Осталось разобраться с тем, как работать с изображениями галереи. Их можно добавлять с помощью правой верхней кнопки плюса.

Задается само изображение, произвольного размера, которое автоматически обрезается под указанные в настройках размеры, его название, категория и атрибут лайтбокса, который должен быть одинаков для группы изображений и по умолчанию задан как fancy (см. /modules/igallery/js/fancybox.js).

Для изображений галереи действует сортировка по каждому параметру (возрастание-убывание), фильтры, для поиска по какому то значению параметра и массовые действия. Массовые действия позволяют выбрать все картинки, отменить групповой выбор, удалить выбранные картинки.

 

Теперь хочу рассказать о том как выводится модуль на сайте.

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

Если мы откроем отдельную категорию, то увидим ее название – Зал, опять же соответствующую ей картинку (обложку), и изображения, которые она содержит. Вверху навигация показывает, где мы находимся в данный момент (Галерея/Зал).

При нажатии на любую из картинок галереи будет открываться лайтбокс, а точнее Fancybox, с увеличенным изображением.

Скачать модуль можно здесь.

 

Понравилась статья?
Подпишитесь на RSS по e-mail
Поделитесь в социальных сетях
Вы можете также посмотреть
Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*