Адаптивний (масштабований) colorbox (Opencart та ін)

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

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

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

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

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *