Opencart (ocStore) 1.5 x – перегляд зображення товару у спливаючому вікні в категорії і модулях

Реалізувати перегляд великих зображень в Opencart (ocStore) в каталозі і модулях в спливаючому (модальному) вікні, що виводять товари можна за допомогою модулів. Дана інструкція розповість як реалізувати даний функціонал вручну, правкою коду. Було перепробовано безліч модулів різного ступеня “крівості”, “недоделаности” і замусорености коду разнообназными “бейсенкодами” і в підсумку самим оптимальним і простим варіантом виявився ручний спосіб реалізації швидкого перегляду зображень в каталозі Opencart з допомогою штатного colorbox, який вже присутній у движку (за принципом перегляду великого зображення товару у спливаючому вікні на сторінці товару).

Перегляд великих зображень в модальному вікні в Opencart (ocStore) в каталозі

Почнемо з реалізації функціоналу в каталозі. Для цього потрібно відредагувати два файли відповідають за виведення товарів в каталозі category.php (контролер) і category.tpl (шаблон виводу). Знаходяться вони, відповідно, по шляхах:

/catalog/controller/product/category.php

/catalog/view/theme/ваша_тема/template/product/category.tpl

category.php додаємо рядок

відразу після:

у функції $this->data[‘products’][] = array(

У файлі category.tpl замінюємо стандартний висновок превью товарів, для цього рядок:

міняємо на:

Тепер потрібно реалізувати виклик colorbox на всіх сторінках сайту (за замовчуванням функція працює тільки на сторінці товару). Для цього в файл

/catalog/view/theme/default/template/common/header.tpl

після

додаємо

і у файлі

/catalog/view/theme/default/template/common/footer.tpl

перед закривається тегом </body>

Тепер при натисканні на превью товару в каталозі замість переходу на сторінку товару буде відкриватися велике зображення товару у модальному вікні colorbox

opencart швидкий перегляд зображення товару в каталозі і модулях

Швидкий перегляд зображень товару в модальному вікні в модулях (рекомендовані, новинки, хіти продажів, акції та ін)

За аналогією можна здійснити швидкий перегляд картинок товару в модулях Opencart на будь-яких сторінках. Для цього потрібно відредагувати відповідно файли контролерів і файли шаблонів виведення модулів. Для модулів рекомендованих, новинок, хітів продажу акцій і це файли:

Файли контролерів знаходяться в папці:

/catalog/controller/module/

це файли: bestseller.php, featured.php, latest.php, special.php

Файли шаблонів виводу в папці:

/catalog/view/theme/default/template/module/

відповідно: bestseller.tpl, featured.tpl, latest.tpl, special.tpl

Для кожного окремо розписувати немає сенсу, у всіх файлах правки абсолютно однакові.

Отже у файлах контролера додаємо рядок:

після

В tpl файлах виведення замінюємо:

на

Тепер при натисканні на превьюшку товару в модулях, буде показуватися велике зображення товару, так само як і в каталозі.

 

*Велике зображення – мається на увазі розміри виставлені у налаштуваннях магазину в розділі “Зображення” пункт “Розмір великого зображення товару” (та ж картинка що показується в картці товару при натисканні на основне\додаткові зображення)

 

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

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

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