Адаптивный (масштабируемый) colorbox (Opencart и др)

Данный способ чаще всего применялся мною в CMS Opencart для того, чтобы модальные окна colorbox просмотра изображений товара масштабировались в зависимости от размера просматриваемого экрана устройства посетителя – те. делаем адаптивный colorbox с адаптацией под любые устройства. Хотя скрипт и универсальный и будет работать на любых сайтах с используемой библиотекой colorbox.

Адаптивный (масштабируемый) colorbox (Opencart и др)

Сделать наш colorbox адаптивным просто. Достаточно добавить на страницу вызова библиотеки (или в футер/хедер сайта, если нужно чтобы адаптация работала на всех страницах) следующий скрипт:

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

2 Comments

    1. working-out

      Стили скрипт вроди как не трогает. Масштабируется только окошко и картинка – единственное что было из проблем – заголовок налазил на стрелки навигации на маленьких экранах или если сильно длинный – но это с элементарными знаниями CSS легко подправить

Добавить комментарий

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