Всім привіт! Сьогодні хочу описати Вам простий метод за допомогою якого ви зможете завантажувати свої фото в будь-яку написану вами статтю або ж в опис товару в зменшеному розмірі і збільшувати їх при кліці, зараз за замовчуванням в opencart такої функції немає і фото відображається саме таким як ви його і завантажили, ну а якщо вам потрібно завантажити безліч фото, то погодьтеся це трохи не зручно і не красиво виглядатиме ....
І так не будемо розписувати для чого воно потрібне а відразу ж приступимо до самого налаштування.
Відкриваємо файл catalog/view/theme/ТЕМА/template/product/product.tpl знаходимо і видаляємо в ньому наступний код:
|
1 2 3 4 5 6 |
<script type="text/javascript"><!-- $('.colorbox').colorbox({ overlayClose: true, opacity: 0.5 }); //--></script> |
Далі в файлі catalog/view/theme/ТЕМА/template/common/footer.tpl перед самим body і html додаємо:
|
1 2 3 4 5 6 |
<script type="text/javascript"><!-- $('.colorbox').colorbox({ overlayClose: true, opacity: 0.5 }); //--></script> |
Всі необхідні нам налаштування зроблено, тепер приступимо саме до самого додаванню нашого фото.
1. Натискаємо в нашому редакторі на вибір і вставку нашого фото, вибір на сервері і вказуємо відразу потрібний розмір нашого зменшеного фото, далі не закриваючи вікно натискаємо на вкладку посилання і вказуємо посилання на фото яке має відкриватися великим, розмір фото не змінюємо і натискаємо ок.
2. Натискаємо один раз лівою кнопкою миші на фото в тексті, далі в редакторі вибираємо пункт "Вставити/Редагувати посилання" у відкрившому вікні вкладка "Додатково" і вписуємо в полі "Класи CSS" "colorbox" Все зберігаємо.
Тепер ваше фото буде збільшуватися при кліці в нашому магазині.
Немає коментарів
Ви можете залишити коментар першим.