Авторизация
Регистрация
Забыли пароль

Логин
Пароль
Запомнить меня на этом компьютере

Имя:
Фамилия:
*Логин (мин. 3 символа):
*Пароль:
*Подтверждение пароля:
*E-Mail:
Защита от автоматической регистрации

*Введите слово на картинке:
Пароль должен быть не менее 6 символов длиной. *Обязательные поля

Если вы забыли пароль, введите e-mail и мы вышлем инструкции по восстановлению пароля

Логин или
E-Mail

Общение

Навигация

Работа с данными

Работа с изображениями

Почта и рассылка

Работа с рассылками

Коммерция

Разное

Служебные

Компонент для 1С-Битрикс: Просмотр изображений товара

Просмотр изображений товара

Обновлен: 12.09.2012

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

1 000 руб.

Купить В корзину

Товар в корзине

Отложить

Внимание! Все модули устанавливаются и обновляются только на активные лицензии 1С-Битрикс: Управление сайтом. Узнать про лицензии можно на странице продление лицензии 1С-Битрикс.

Описание
Настройка модуля

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

Компонент имеет два шаблона. Первый выводит все миниатюры под большим изображением в несколько строк. Второй компонент выводит миниатюры в одну строку с прокруткой.

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

Компонент предназначен для работы в внутри компонентов каталога или новостей (устанавливается в шаблон компонента). Для установки потребуются некоторые знания в PHP.

Для установки компонента на ваш сайт, необходимо разместить код вызова компонента в шаблоне компонента "Элемент каталога детально (bitrix:catalog.element)", предварительно кастомизировав его (при попытке редактирования шаблона 1с-битрикс сам предложит скопировать шаблон в нужное пространство).

Код вызова:

<?$APPLICATION->IncludeComponent(
        "altasib:imagebox",
        "",
        Array(
                "MARGIN_H" => "1",
                "MARGIN_V" => "1",
                "THUMBS_COUNT" => "4",
                "ELEMENT_ID" => $arResult["ID"],
                "PREVIEW_HEIGHT" => "413",
                "PREVIEW_WIDTH" => "550",
                "THUMBS_POSITION" => "0",
                "SHOW_DETAIL_PICTURE" => "1",
                "NAME_PHOTO" => "MORE_PHOTO",
                "SHOW_DESC" => "1",
                "DONT_CUT_MINI" => "N",
                "DETAIL_TITLE" => "0",
                "BG_PIC" => "#ffffff",
                "BORD_COL_MAIN" => "#CCCCCC",
                "BORD_COL_MINI" => "#ffffff",
                "CUR_BORD_COL_MINI" => "#333333"
        )
);?>

После того, как компонент будет размещён в шаблоне каталога, его можно будет настраивать из меню компонентов:

Настройки компонента:

У компонента есть два шаблона. Один выводит миниатюры одной горизонтальной линией с прокруткой:

Шаблон с предпросмотром изображений в одну строку.

Другой шаблон выводит миниатюры в несколько рядов:

Шаблон с предпросмотром изображений в несколько строк.

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

Вот так выглядят миниатюры без обрезания по высоте:

Размещение миниатюр без обрезания (с сохранением пропорций).

Обратите внимание, что данный компонент можно разместить в шаблоне только указанным кодом. При редактировании шаблона редактор не позволяет мышкой размещать компоненты, как это делается на обычных страницах.

Данный компонент можно использовать и на статической странице, при этом его нужно размещать через визуальный редактор, как обычные компоненты. После размещения в поле "ID элемента" в настройках компонента необходимо указать ID требуемого элемента вручную.