Универсальная адаптивная карусель изображений

Данное решение представляет собой готовый к использованию в мобильных сайтах компонент меню. Основная задача данной реализации сэкономить место на странице. Каждое подменю будет появляться в отдельном блоке, в то время как блок “родитель” будет исчезать. Данное меню является “резиновым”, так что без проблем его можно внедрять в адаптивный макет.

Универсальная адаптивная карусель изображений
Адаптивная форма поиска

Модуль представляет собой готовый компонент реализующий вывод строки поиска по сайту с эффектом появления из кнопки поиска.

Адаптивная форма поиска
Адаптивная галерея Grid Gallery

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

Адаптивная галерея Grid Gallery
Адаптивное портфолио

Компонент выводит содержимое элементов инфоблока в виде портфолио с поддержкой адаптивности.

Адаптивное портфолио
Компонент генерации штрих кода (EAN-13)

Модуль представляет собой готовый компонент реализующий генерацию и вывод изображения в виде штрих-кода (EAN-13). В настройках компонента достаточно указать число которое нужно преобразовать. В результате компонент сгенерирует графическое изображение штрих-кода и выведет его в теге img.

Компонент генерации штрих кода (EAN-13)
Диагональный слайдер-аккордеон

Данный компонент выводит содержимое инфоблока слайдера с эффекторм 'аккордеон'.
Опционально, каждый слайд может быть ссылкой на детальную страницу элемента или произвольной ссылкой на какой либо адрес URL.

Диагональный слайдер-аккордеон
Дополнительные материалы

Компонент представляет собой плавно появляющийся блок в подвале сайта с элементами инфоблока. Блок появляется при прокрутке скроллинга к подвалу сайта.

Дополнительные материалы
Эффектная галерея с детальным описанием

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

Эффектная галерея с детальным описанием
Эффектная стена изображений

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

Эффектная стена изображений
Галерея CSS3 lightbox

Данный компонент выводит содержимое инфоблока в виде галереи с CSS3 -эффектами. Данный компонент подойдет для сайтов FASHION направления, где требуется красиво подать графику и при этом не перегружая страницу скриптами.
Компонент работает БЕЗ использования Jquery или какого либо JS. Все эффекты появления и анимации сделаны с использованием CSS3.
Решение полностью адаптивное.

Галерея CSS3 lightbox
Композитный Адаптивный Интернет магазин электроники "SHOP"

Универсальный интернет-магазин для продажи любых товаров. Гибкая настройка решения под ваш фирменный стиль на этапе установки решения. Выбор сайта Выбор шаблона Выбор цветовой схемы - 12 цветовых схем Устанавливать ли DEMO данные.

Композитный Адаптивный Интернет магазин электроники "SHOP"
Длинное меню с прокруткой

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

Длинное меню с прокруткой
Адаптивное меню для мобильных устройств

Данное решение представляет собой готовый к использованию в мобильных сайтах компонент меню. Основная задача данной реализации сэкономить место на странице. Каждое подменю будет появляться в отдельном блоке, в то время как блок “родитель” будет исчезать. Данное меню является “резиновым”, так что без проблем его можно внедрять в адаптивный макет.

Адаптивное меню для мобильных устройств
Вращение изображений на 360 градусов

Компонент позволяет вам имитировать поворот и вращение продукта или товара на 360 градусов.
Логика работы компонента такова. В папку на хостинге необходимо подготовить и разместить изображения товара в разных ракурсах. Каждое изображение именуется либо цифрой (номер слайда) либо названием и должно оканчиваться на цифру.

Вращение изображений на 360 градусов
Отзывчивая (Responsive) галерея

Компонент представляет собой слайдер изображений, с отзывчивой (responsive) версткой, а также поддержкой touch методов для мобильных устройств.

Отзывчивая (Responsive) галерея
Настраиваемый слайдер Pro

Компонент представляет собой настраиваемое слайдшоу множеством эффектов.
При установке компонента импортируются демо-данные и компонент легко адаптировать к своему сайту. 

Настраиваемый слайдер Pro
Трехмерная витрина изображений

Компонент трехмерной витрины изображений выводит содержимое выбранного инфоблока в виде витрины изображений с эффектами перелистывания. По клику на изображение происходит переход на заданный в настройках URL.

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

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

Три слайдера в одном компоненте
Цитатник для сайта

Компонент служит для отображения цитат на сайте. Есть возможность отображения изображения и подписи (автора).

Цитатник для сайта

Компонент служит для отображения цитат на сайте.

Компонент служит для отображения цитат на сайте. Компонент состоит из:
  • Отображениея изображения - берется из заданного свойства в настройках компонента;
  • Отображения текста цитаты - берется из поля Анонс в заданном инфоблоке;
  • Отображения автора цитаты - берется из названия элемента инфоблока;
Основные возможности компонента: 
  • Выбор инфоблока и свойства для указания изображения; 
  • Поддержка масштабирования изображения;
  • Включение или выключение отображения изображения - показывается справа от текста цитаты;
  • Включение или выключение отображения автора цитаты - название элемента инфоблока.
КОМПОНЕНТ ПОДДЕРЖИВАЕТ КОМПОЗИТНЫЙ РЕЖИМ БИТРИКС
Данная опция включается в настройках компонента.

Основные настройки компонента: 

  • Инфоблок - выбор инфоблока откуда брать данные об изображениях;
  • Миниатюра картинки: - выбор свойства выбранного инфоблока где хранятся данные о миниатюрном изображении;
  • Показать изображение - позволяет включить или отключить отображение блока с изображением;
  • Показать подпись - позволяет включить или отключить отображение блока с подписью;
  • Использовать масштабирование - при установке данного параметра, появляются дополнительные поля, в которых можно задать размеры для больших изображений. 
  • Ширина detail изображения - если поле заполнено, то данное число является указанием к масштабированию изображения по ширине. 
  • Высота detail изображения - если поле заполнено, то данное число является указанием к масштабированию изображения по высоте.
p/s/ при использовании масштабирования, скрипт не нарушает пропорции изображения, а старается соблюсти пропорции и при этом произвести масштабирование (с приоритетом по ширине)
  • Поддержка композитного режима - понятно из названия. Если Ваш сайт спроектирован с учетом композитного режима Вам не нужно править шаблон компонента. Достаточно установить "галочку" в настройках компонента.
Загрузка

Coderoid - это группа профессиональных разработчиков, специализирующихся в первую очередь на разработке модулей для CMS Bitrix. 
Также у нас можно заказать разработку сайта на Bitrix, доработку существующего сайта, переработку используемых модулей на сайте, а также любые консультации по внедрению Bitrix в компании.
 

На правах рекламы