Збільшення фото при кліці в описі і статтях
Веб студія - розробка сайтів будь-якого напрямку. | WEB-STYDIA.COM
Створення, розробка, виготовлення сайтів | WEB-STYDIA.COM

Всім привіт! Сьогодні хочу описати Вам простий метод за допомогою якого ви зможете завантажувати свої фото в будь-яку написану вами статтю або ж в опис товару в зменшеному розмірі і збільшувати їх при кліці, зараз за замовчуванням в opencart такої функції немає і фото відображається саме таким як ви його і завантажили, ну а якщо вам потрібно завантажити безліч фото, то погодьтеся це трохи не зручно і не красиво виглядатиме ....
І так не будемо розписувати для чого воно потрібне а відразу ж приступимо до самого налаштування.
Відкриваємо файл catalog/view/theme/ТЕМА/template/product/product.tpl знаходимо і видаляємо в ньому наступний код:

Далі в файлі catalog/view/theme/ТЕМА/template/common/footer.tpl перед самим body і html додаємо:

Всі необхідні нам налаштування зроблено, тепер приступимо саме до самого додаванню нашого фото.

1. Натискаємо в нашому редакторі на вибір і вставку нашого фото, вибір на сервері і вказуємо відразу потрібний розмір нашого зменшеного фото, далі не закриваючи вікно натискаємо на вкладку посилання і вказуємо посилання на фото яке має відкриватися великим, розмір фото не змінюємо і натискаємо ок.

2. Натискаємо один раз лівою кнопкою миші на фото в тексті, далі в редакторі вибираємо пункт "Вставити/Редагувати посилання" у відкрившому вікні вкладка "Додатково" і вписуємо в полі "Класи CSS" "colorbox" Все зберігаємо.

Тепер ваше фото буде збільшуватися при кліці в нашому магазині.

Також я записав невеликий відео урок по правильному додаванню фотографій:

Вас також може зацікавити

Немає коментарів

Ви можете залишити коментар першим.

Залишити коментар

Будь ласка, введіть Ваше ім'я. Будь ласка, введіть адресу електронної пошти. Будь ласка, введіть повідомлення.