Фотогалерея 2.0 (комплексный компонент)
Комплексный компонент Фотогалерея 2.0 позволяет получить полнофункциональную фотогалерею, создавая физически только одну страницу.
Описание photogallery
Комплексный компонент Фотогалерея 2.0 позволяет получить полнофункциональную фотогалерею, создавая физически только одну страницу.
Настройки компонента дают возможность гибко управлять параметрами фотогалереи:
- организовать многопользовательскую фотогалерею;
- создавать любое количество альбомов и загружать неограниченное количество фотографий;
- ограничить максимальный размер загружаемого файла;
- определять параметры фотографий при просмотре в различных режимах;
- настраивать голосование, отзывы, теги и т.д.
Внимание! Компонент поддерживает два режима настройки: простой и расширенный. Расширенный предоставляет более обширные средства настройки.
Компонент стандартный и входит в дистрибутив модуля.
Компонент содержит два шаблона: .default и old.
В визуальном редакторе компонент находится в Компоненты > Контент > Фотогалерея 2.0.
Компонент относится к модулю Фотогалерея.
Параметры. Простой режим
Поле | Параметр | Описание | |||||||||||||||||||||||||||||||||
Основные параметры | |||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Использовать простой режим настройки | USE_LIGHT_VIEW | [Y|N] При отмеченной опции будет использоваться простой режим настройки фотогалереи (значения остальных параметров будут по умолчанию). | |||||||||||||||||||||||||||||||||
Тип инфоблока | IBLOCK_TYPE | Указывается один из созданных в системе типов информационных блоков. | |||||||||||||||||||||||||||||||||
Инфоблок | IBLOCK_ID | Для выбранного типа инфоблоков указывается идентификатор информационного блока, фотографии из которого будут выводиться. | |||||||||||||||||||||||||||||||||
Путь к профилю пользователя | PATH_TO_USER | Указывается шаблон пути к профилю пользователя. | |||||||||||||||||||||||||||||||||
Сортировать фотографии в альбоме перетаскиванием | DRAG_SORT | [Y|N] При отмеченной опции можно сортировать фотографии в альбоме перетаскиванием с помощью мыши. | |||||||||||||||||||||||||||||||||
Настройки отзывов | |||||||||||||||||||||||||||||||||||
Разрешить отзывы | USE_COMMENTS | [Y|N] При отмеченной опции будет доступен функционал отзывов, станут активны
дополнительные поля
Дополнительные поля:
| |||||||||||||||||||||||||||||||||
Управление адресами страниц | |||||||||||||||||||||||||||||||||||
Включить поддержку ЧПУ | SEF_MODE | [Y|N] При отмеченной опции будет включена поддержка ЧПУ.
Если режим поддержки ЧПУ включен, то необходимо настроить следующие параметры: Настраиваемые параметры при включенном режиме поддержки ЧПУ:
Если режим поддержки ЧПУ выключен, то необходимо настроить следующие параметры: Настраиваемые параметры при выключенном режиме поддержки ЧПУ:
| |||||||||||||||||||||||||||||||||
Настройки кеширования | |||||||||||||||||||||||||||||||||||
Тип кеширования | CACHE_TYPE | Тип кеширования:
|
|||||||||||||||||||||||||||||||||
Время кеширования (сек.) | CACHE_TIME | Время кеширования, указанное в секундах. | |||||||||||||||||||||||||||||||||
Дополнительные настройки | |||||||||||||||||||||||||||||||||||
Устанавливать заголовок страницы | SET_TITLE | [Y|N] При отмеченной опции будут установлены заголовки всех страниц в соответствии с их содержимым. | |||||||||||||||||||||||||||||||||
Показывать ссылки на главной странице | SHOW_LINK_ON_MAIN_PAGE | Указываются категории ссылок, которые будут отображены на главной старнице:
|
|||||||||||||||||||||||||||||||||
Настройки фотогалереи | |||||||||||||||||||||||||||||||||||
Размер картинки фотоальбома (px) | ALBUM_PHOTO_SIZE | Указывается размер картинки фотоальбома в пикселях (px). Размер задается для большей стороны картинки, другая сторона загружаемого изображения будет высчитана пропорционально. | |||||||||||||||||||||||||||||||||
Размер фотографии-анонса (px) | THUMBS_SIZE | Указывается размер картинки-анонса альбома в пикселях (px). Размер задается для большей стороны картинки, другая сторона загружаемого изображения будет высчитана пропорционально. | |||||||||||||||||||||||||||||||||
Размер картинки в предпросмотре в списке альбомов (px) | SECTION_LIST_THUMBS_SIZE | Указывается размер картинки в пикселях (px). Размер задается для большей стороны картинки, другая сторона загружаемого изображения будет высчитана пропорционально. | |||||||||||||||||||||||||||||||||
Обязательно ограничивать размер оригинала (px) (при значении 0 ограничение не происходит) | ORIGINAL_SIZE | Задается размер оригинала фотографии в пикселях. Фотография будет уменьшена до указанной величины. Если указано значение 0, то изменение размера не происходит. Размер задается для большей стороны картинки, другая сторона загружаемого изображения будет высчитана пропорционально. | |||||||||||||||||||||||||||||||||
Отображать список альбомов в качестве рубрик со списком последних добавленых фотографий | PHOTO_LIST_MODE | [Y|N] При отмеченной опции в списке альбомов-рубрик будут отображаться последние добавленные фотографии. | |||||||||||||||||||||||||||||||||
Количество выводимых фотографий в списке альбомов | SHOWN_ITEMS_COUNT | Задается количество отображаемых последних фотографий в альбомах в режиме, включенном параметром PHOTO_LIST_MODE. | |||||||||||||||||||||||||||||||||
Настройки голосования | |||||||||||||||||||||||||||||||||||
Разрешить голосование | USE_RATING | [Y|N] При отмеченной опции посетители смогут голосовать за фотографии, выставляя баллы, на странице с детальной информацией. При установленной опции становятся доступными
следующие поля:
Доступные поля:
| |||||||||||||||||||||||||||||||||
Настройки тегов | |||||||||||||||||||||||||||||||||||
Показывать теги | SHOW_TAGS | [Y|N] При отмеченной опции будет показано облако тегов фотогалереи. Станут активными
дополнительные поля
| |||||||||||||||||||||||||||||||||
Загрузка фото | |||||||||||||||||||||||||||||||||||
Тип загрузчика | PHOTO_UPLOADER_TYPE | Указывается тип загрузчика фотографий в фотогалерею:
|
|||||||||||||||||||||||||||||||||
Схема множественного загрузчика | APPLET_LAYOUT | Параметр определяет тип загрузчика в фотогалерии по умолчанию:
Параметр устарел с версии 15.0.0 |
|||||||||||||||||||||||||||||||||
Максимальный размер загружаемого файла (не должен превышать 1024Mб) (Мб) | UPLOAD_MAX_FILE_SIZE | Указывается максимальный размер загружаемого файла в Мб (не должен превышать 1024Mб). | |||||||||||||||||||||||||||||||||
Наносить авторский знак | USE_WATERMARK | Внимание! Функционал авторского знака устарел и не поддерживается с версии 14.5.0 Главного модуля (main). [Y|N] При отмеченной опции при загрузке фотографий можно будет наносить авторский знак. Станут доступны поля настройки авторского знака. Поля настройки авторского знака:
Дополнительные параметры, заполняемые при выборе правила Обязательно наносить авторский знак (обратите внимание, что список параметров меняется в зависимости от типа авторского знака) :
|
Параметры. Расширенный режим
Поле | Параметр | Описание | |||||||||||||||||||||||||||||||||
Основные параметры | |||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Использовать простой режим настройки | USE_LIGHT_VIEW | [Y|N] При отсутствии отметки на данной опции будет использоваться расширенный режим настройки фотогалереи. | |||||||||||||||||||||||||||||||||
Тип инфоблока | IBLOCK_TYPE | Указывается один из созданных в системе типов информационных блоков. | |||||||||||||||||||||||||||||||||
Инфоблок | IBLOCK_ID | Для выбранного типа инфоблоков указывается идентификатор информационного блока, фотографии из которого будут выводиться. | |||||||||||||||||||||||||||||||||
По какому полю сортируем альбомы | SECTION_SORT_BY | Указывается поле, по которому будет происходить сортировка альбомов:
|
|||||||||||||||||||||||||||||||||
Порядок сортировки альбомов | SECTION_SORT_ORD | Задается порядок сортировки альбомов:
|
|||||||||||||||||||||||||||||||||
По какому полю сортируем фото | ELEMENT_SORT_FIELD | Указывается поле, по которому будет происходить сортировка фотографий:
|
|||||||||||||||||||||||||||||||||
Порядок сортировки фото в альбомах | ELEMENT_SORT_ORDER | Задается порядок сортировки фотографий в альбомах:
|
|||||||||||||||||||||||||||||||||
Путь к профилю пользователя | PATH_TO_USER | Указывается шаблон пути к профилю пользователя. | |||||||||||||||||||||||||||||||||
Сортировать фотографии в альбоме перетаскиванием | DRAG_SORT | [Y|N] При отмеченной опции можно сортировать фотографии в альбоме перетаскиванием с помощью мыши. | |||||||||||||||||||||||||||||||||
Настройки отзывов | |||||||||||||||||||||||||||||||||||
Разрешить отзывы | USE_COMMENTS | [Y|N] При отмеченной опции будет доступен функционал отзывов. При расширенном режиме станут доступны
дополнительные поля.
Дополнительные поля:
| |||||||||||||||||||||||||||||||||
Управление адресами страниц | |||||||||||||||||||||||||||||||||||
Включить поддержку ЧПУ | SEF_MODE | [Y|N] При отмеченной опции будет включена поддержка ЧПУ.
Если режим поддержки ЧПУ включен, то необходимо настроить следующие параметры: Настраиваемые параметры при включенном режиме поддержки ЧПУ:
Если режим поддержки ЧПУ выключен, то необходимо настроить следующие параметры: Настраиваемые параметры при выключенном режиме поддержки ЧПУ:
| |||||||||||||||||||||||||||||||||
Настройки кеширования | |||||||||||||||||||||||||||||||||||
Тип кеширования | CACHE_TYPE | Тип кеширования:
|
|||||||||||||||||||||||||||||||||
Время кеширования (сек.) | CACHE_TIME | Время кеширования, указанное в секундах. | |||||||||||||||||||||||||||||||||
Дополнительные настройки | |||||||||||||||||||||||||||||||||||
Устанавливать заголовок страницы | SET_TITLE | [Y|N] При отмеченной опции будут установлены заголовки всех страниц в соответствии с их содержимым. | |||||||||||||||||||||||||||||||||
Показывать ссылки на главной странице | SHOW_LINK_ON_MAIN_PAGE | Указываются категории ссылок, которые будут отображены на главной старнице:
|
|||||||||||||||||||||||||||||||||
Формат вывода даты альбома | DATE_TIME_FORMAT_SECTION | Указывается формат показа даты и времени альбома. В выпадающем списке перечислены все возможные варианты показа даты, формируемые внутри компонента. Выбрав пункт (другое)->, можно сформировать свой вариант на основании php-функции date. | |||||||||||||||||||||||||||||||||
Формат вывода даты фото | DATE_TIME_FORMAT_DETAIL | Указывается формат показа даты и времени фотографии. В выпадающем списке перечислены все возможные варианты показа даты, формируемые внутри компонента. Выбрав пункт (другое)->, можно сформировать свой вариант на основании php-функции date. | |||||||||||||||||||||||||||||||||
Настройки постраничной навигации | |||||||||||||||||||||||||||||||||||
Количество альбомов на странице | SECTION_PAGE_ELEMENTS | Указывается количество альбомов, отображаемых на одной странице. Остальные альбомы будут выведены с помощью постраничной навигации. | |||||||||||||||||||||||||||||||||
Количество фото на странице | ELEMENTS_PAGE_ELEMENTS | Указывается количество фотографий, отображаемых на одной странице. Остальные фотографии будут выведены с помощью постраничной навигации. | |||||||||||||||||||||||||||||||||
Шаблон для постраничной навигации | PAGE_NAVIGATION_TEMPLATE | Указываются название шаблона для постраничной навигации. | |||||||||||||||||||||||||||||||||
Настройки фотогалереи | |||||||||||||||||||||||||||||||||||
Размер картинки фотоальбома (px) | ALBUM_PHOTO_SIZE | Указывается размер картинки фотоальбома в пикселях (px). Размер задается для большей стороны картинки, другая сторона загружаемого изображения будет высчитана пропорционально. | |||||||||||||||||||||||||||||||||
Размер фотографии-анонса (px) | THUMBS_SIZE | Указывается размер картинки-анонса альбома в пикселях (px). Размер задается для большей стороны картинки, другая сторона загружаемого изображения будет высчитана пропорционально. | |||||||||||||||||||||||||||||||||
Размер картинки в предпросмотре в списке альбомов (px) | SECTION_LIST_THUMBS_SIZE | Указывается размер картинки в пикселях (px). Размер задается для большей стороны картинки, другая сторона загружаемого изображения будет высчитана пропорционально. | |||||||||||||||||||||||||||||||||
Качество фотографии-анонса (%) | JPEG_QUALITY1 | Указывается качество фотографии-анонса в процентах (100% - самое высокое качество). | |||||||||||||||||||||||||||||||||
Обязательно ограничивать размер оригинала (px) (при значении 0 ограничение не происходит) | ORIGINAL_SIZE | Задается размер оригинала фотографии в пикселях. Фотография будет уменьшена до указанной величины. Если указано значение 0, то изменение размера не происходит. Размер задается для большей стороны картинки, другая сторона загружаемого изображения будет высчитана пропорционально. | |||||||||||||||||||||||||||||||||
Качество загружаемой фотографии (%) | JPEG_QUALITY | Указывается качество загружаемой фотографии в процентах (100% - самое высокое качество). | |||||||||||||||||||||||||||||||||
Дополнительные эскизы | ADDITIONAL_SIGHTS | Указываются типы для эскизов фотографий, которые должны быть показаны. | |||||||||||||||||||||||||||||||||
Отображать список альбомов в качестве рубрик со списком последних добавленых фотографий | PHOTO_LIST_MODE | [Y|N] При отмеченной опции в списке альбомов-рубрик будут отображаться последние добавленные фотографии. | |||||||||||||||||||||||||||||||||
Количество выводимых фотографий в списке альбомов | SHOWN_ITEMS_COUNT | Задается количество отображаемых последних фотографий в альбомах в режиме, включенном параметром PHOTO_LIST_MODE. | |||||||||||||||||||||||||||||||||
Отображать навигационную цепочку 'хлебные крошки' в рамках комплексного компонента | SHOW_NAVIGATION | [Y|N] При отмеченной опции на странице фотогалереи будет отображаться навигационная цепочка ('хлебные крошки'). | |||||||||||||||||||||||||||||||||
Настройки голосования | |||||||||||||||||||||||||||||||||||
Разрешить голосование | USE_RATING | [Y|N] При отмеченной опции посетители смогут голосовать за фотографии, выставляя баллы, на странице с детальной информацией. При установленной опции становятся доступными
следующие поля:
Доступные поля:
| |||||||||||||||||||||||||||||||||
Настройки тегов | |||||||||||||||||||||||||||||||||||
Показывать теги | SHOW_TAGS | [Y|N] При отмеченной опции будет показано облако тегов фотогалереи и станут доступны
дополнительные поля.
Дополнительные поля:
| |||||||||||||||||||||||||||||||||
Загрузка фото | |||||||||||||||||||||||||||||||||||
Тип загрузчика | PHOTO_UPLOADER_TYPE | Указывается тип загрузчика фотографий в фотогалерею:
|
|||||||||||||||||||||||||||||||||
Схема множественного загрузчика | APPLET_LAYOUT | Параметр определяет тип загрузчика в фотогалерии по умолчанию:
Параметр устарел с версии 15.0.0 |
|||||||||||||||||||||||||||||||||
Максимальный размер загружаемого файла (не должен превышать 1024Mб) (Мб) | UPLOAD_MAX_FILE_SIZE | Указывается максимальный размер загружаемого файла в Мб (не должен превышать 1024Mб). | |||||||||||||||||||||||||||||||||
Наносить авторский знак | USE_WATERMARK | Внимание! Функционал авторского знака устарел и не поддерживается с версии 14.5.0 Главного модуля (main). [Y|N] При отмеченной опции при загрузке фотографий можно будет наносить авторский знак. Станут доступны поля настройки авторского знака. Поля настройки авторского знака:
Дополнительные параметры, заполняемые при выборе правила Обязательно наносить авторский знак (обратите внимание, что список параметров меняется в зависимости от типа авторского знака) :
|
Пример вызова
<?$APPLICATION->IncludeComponent("bitrix:photogallery","",Array( "SHOW_LINK_ON_MAIN_PAGE" => array("id","rating","comments","shows"), "USE_LIGHT_VIEW" => "Y", "SEF_MODE" => "Y", "IBLOCK_TYPE" => "gallery", "IBLOCK_ID" => "10", "SECTION_SORT_BY" => "UF_DATE", "SECTION_SORT_ORD" => "DESC", "ELEMENT_SORT_FIELD" => "sort", "ELEMENT_SORT_ORDER" => "desc", "PATH_TO_USER" => "", "SECTION_PAGE_ELEMENTS" => "15", "ELEMENTS_PAGE_ELEMENTS" => "50", "PAGE_NAVIGATION_TEMPLATE" => "", "ALBUM_PHOTO_SIZE" => "120", "THUMBNAIL_SIZE" => "100", "JPEG_QUALITY1" => "100", "ORIGINAL_SIZE" => "1280", "JPEG_QUALITY" => "100", "ADDITIONAL_SIGHTS" => array(), "PHOTO_LIST_MODE" => "Y", "SHOWN_ITEMS_COUNT" => "6", "SHOW_NAVIGATION" => "N", "DATE_TIME_FORMAT_DETAIL" => "d.m.Y", "DATE_TIME_FORMAT_SECTION" => "d.m.Y", "SET_TITLE" => "Y", "CACHE_TYPE" => "A", "CACHE_TIME" => "3600", "CACHE_NOTES" => "", "USE_RATING" => "Y", "SHOW_TAGS" => "Y", "DRAG_SORT" => "Y", "UPLOADER_TYPE" => "applet", "APPLET_LAYOUT" => "extended", "UPLOAD_MAX_FILE_SIZE" => "1024", "USE_WATERMARK" => "Y", "WATERMARK_RULES" => "ALL", "WATERMARK_TYPE" => "PICTURE", "WATERMARK_FILE" => "", "WATERMARK_FILE_ORDER" => "usual", "WATERMARK_POSITION" => "mc", "WATERMARK_TRANSPARENCY" => "20", "PATH_TO_FONT" => "", "WATERMARK_MIN_PICTURE_SIZE" => "800", "MAX_VOTE" => "5", "VOTE_NAMES" => array("1","2","3","4","5"), "DISPLAY_AS_RATING" => "rating", "USE_COMMENTS" => "Y", "COMMENTS_TYPE" => "blog", "BLOG_URL" => "admin-blg", "COMMENTS_COUNT" => "10", "PATH_TO_BLOG" => "", "PATH_TO_SMILE" => "/bitrix/images/forum/smile/", "NAME_TEMPLATE" => "#NOBR##LAST_NAME# #NAME##/NOBR#", "TAGS_PAGE_ELEMENTS" => "150", "TAGS_PERIOD" => "", "TAGS_INHERIT" => "Y", "TAGS_FONT_MAX" => "30", "TAGS_FONT_MIN" => "10", "TAGS_COLOR_NEW" => "3E74E6", "TAGS_COLOR_OLD" => "C0C0C0", "TAGS_SHOW_CHAIN" => "Y", "SEF_FOLDER" => "/", "SEF_URL_TEMPLATES" => Array( "index" => "index.php", "section" => "#SECTION_ID#/", "section_edit" => "#SECTION_ID#/action/#ACTION#/", "section_edit_icon" => "#SECTION_ID#/icon/action/#ACTION#/", "upload" => "#SECTION_ID#/action/upload/", "detail" => "#SECTION_ID#/#ELEMENT_ID#/", "detail_edit" => "#SECTION_ID#/#ELEMENT_ID#/action/#ACTION#/", "detail_list" => "list/", "search" => "search/" ), "VARIABLE_ALIASES" => Array( "index" => Array(), "section" => Array(), "section_edit" => Array(), "section_edit_icon" => Array(), "upload" => Array(), "detail" => Array(), "detail_edit" => Array(), "detail_list" => Array(), "search" => Array(), ) ), );?>
Сообщение не промодерировано, возможны ошибки и неточности.
|
||
Аппаратное устройство
| ||
Роберт Басыров
|
||
Вопрос: Как сделать так, чтобы при нажатии на картинку открывалась не новая страница ".../detail.php", а сама картинка по адресу ".../upload".
Решение: Используйте библиотеку Jquery - выбрать и скачать можно отсюда: Как реализовать. 1. Добавляете на страницу комплексный компонент фотогалереи. 2. Разделы не изменяете, в настройках перехода на детальную картинку убрать и установить = переходу в раздел с фотографиями. То есть что переход в раздел, что детальная картинка будут иметь значение, к примеру:
3. Правка части шаблона отвечающей за вывод фотографий в разделе (обязательно копирование шаблона!). Вывести массив и проверить что в массиве у превьюшек есть прямые ссылки на детальные фотографии. Их то и надо использовать. 4. Изменить ссылки с перехода на детальную страницу на прямую ссылку на фотографию. | ||
Роберт Басыров
|
||||
Вопрос: Совместимость инфоблоков фотогалереи и фотогалереи 2.0. Можно ли использовать новую фотогалерею с инфоблоком от старой и какие могут быть последствия?
Проблем быть не должно. Но есть некоторые моменты: 1. Шаблон сайта должен содержать строки $APPLICATION->ShowHeadString(); $APPLICATION->ShowHeadScript(); 2. В слайд-шоу будут превьюшки фоток. Чтобы в слайдшоу отображались не превью, а настоящие фото в файле компонента photogallery.detail.list надо поменять:
| ||||
Пользовательские комментарии
Мы будем рады, если разработчики добавят свои комментарии по практическому использованию методов системы.Для этого нужно всего лишь авторизоваться на сайте
Но помните, что Пользовательские комментарии, несмотря на модерацию, не являются официальной документацией. Ответственность за их использование несет сам пользователь.
Также Пользовательские комментарии не являются местом для обсуждения функционала. По подобным вопросам обращайтесь на форумы.