Бесплатные модули Opencart 3: стена категорий с картинками и водяной знак

Два модуля для Opencart 3, которые мы ставим почти в каждый магазин: страница каталога с категориями-плитками и водяной знак на фотографиях товаров. Оба бесплатные и работают на стандартной теме.

Как устанавливать#

Модули распространяются архивами .ocmod.zip.

1. В админке откройте «Расширения» → «Установщик расширений» и загрузите архив.
2. Откройте «Расширения» → «Модификаторы» и нажмите «Обновить» (синяя кнопка в правом верхнем углу). Без этого изменения не применятся.
3. Если это модуль, найдите его в «Расширения» → «Расширения» → тип «Модули», нажмите «Установить», затем «Изменить», настройте и включите.
4. Очистите кэш темы на панели управления (значок шестерёнки).

Если что-то пошло не так, смотрите «Система» → «Обслуживание» → «Журнал ошибок» и вкладку «Журнал» в разделе «Модификаторы». С нестандартными темами может понадобиться поправить шаблон: темы часто переопределяют разметку.

Модули написаны для Opencart 3.x. В Opencart 4 устройство расширений другое, и модули для 3.x там не работают.

Стена категорий с картинками#

Отдельная страница каталога, на которой категории магазина показаны плиткой с картинками. Удобная «витрина» для магазинов с большим числом разделов: покупатель сразу видит весь ассортимент, а не ищет нужное в выпадающем меню.

Возможности:

• от 2 до 5 категорий в строке;
• показ или скрытие количества товаров в категории;
• выбор категорий для вывода и их порядок перетаскиванием мышью;
• свои SEO-настройки страницы каталога: заголовок, описание, адрес;
• заголовок и текст на странице каталога.

После включения модуля страница каталога доступна по адресу, указанному в его настройках. Ссылку на неё удобно добавить в главное меню магазина.

Водяной знак на фото товаров#

Модификатор накладывает ваш логотип на изображения товаров, чтобы фотографии было труднее использовать в чужих магазинах. Opencart уже умеет накладывать водяной знак - в классе Image есть метод watermark(), модификатор только вызывает его в обработчике изображений catalog/model/tool/image.php после изменения размера:

$watermark_image = new Image(DIR_IMAGE . 'watermark.png');

if ($width > 400 || $height > 400) {
    $image->watermark($watermark_image, 'middlecenter');
}

Что нужно знать:

• положите файл watermark.png (лучше с прозрачным фоном) в папку изображений сайта, обычно это /image/;
• знак накладывается только на изображения больше 400 пикселей по ширине или высоте, чтобы не портить миниатюры. Порог меняется в коде модификатора перед установкой;
• положение - по центру (middlecenter). Доступны также topleft, topcenter, topright, middleleft, middleright, bottomleft, bottomcenter, bottomright;
• знак появляется только на изображениях, которые Opencart обрабатывает и кладёт в кэш (/image/cache/). Исходные файлы остаются чистыми, поэтому модификатор можно отключить в любой момент: после очистки кэша изображений фото станут прежними;
• после установки или изменения удалите содержимое /image/cache/catalog/, иначе знак появится только на новых картинках.

Тот же приём можно повторить и без модификатора, добавив код вручную, но тогда правка пропадёт при обновлении Opencart.

Как добавить свою позицию для модулей и вывести модуль только на одной странице - в статье про позиции макета в Opencart.