Mosaic — модули в ряд и сеткой, без правки темы

В OpenCart модули встают только столбиком: слайдер, под ним баннеры, под ними всё остальное. Поставить блоки рядом — слайдер слева, баннеры справа — штатными средствами нельзя. Обычно это правка темы или работа верстальщика.

Mosaic решает эту задачу визуально: выбираете готовую раскладку, назначаете свои модули в ячейки — сцена собрана за минуту.

Mosaic строит сетку — не переделывает модули. Он отвечает за размер, позицию и обрезку каждой ячейки, но вставляет модули такими, какие они есть, ничего не меняя внутри них. Это осознанный выбор: любое вмешательство в чужую вёрстку работает на одной теме и ломается на другой — а сетка, которая ничего не трогает, работает везде одинаково. Поэтому результат зависит не только от Mosaic, но и от самих модулей.

Демонстрация: https://mosaic.telecart.pro (demo/demo)



Что делает Mosaic

• Расставляет существующие модули OpenCart (слайдеры, баннеры, любые другие) рядом, в сетке — без правки шаблона темы.
• Готовые раскладки: выбрали —> назначили модули —> работает.
• Точный размер каждой ячейки — сразу видно, под какие размеры готовить картинки, чтобы всё выглядело идеально ровно.
• Любая раскладка настраивается мышью: блоки двигаются и растягиваются.
• Своя адаптивная версия для мобильных — из коробки.

Как это работает

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

Не требуется править файлы темы, программиста и серьёзных навыков вёрстки.



Не гадаете с размером картинок

Одна из главных причин, почему собранная руками раскладка выглядит криво — разные пропорции слайдера и баннеров. Mosaic сразу показывает точный размер каждой ячейки — готовите картинку по подсказке, и она встаёт ровно, без белых полей и обрезки.



Работает с вашей темой

Mosaic строит собственную сетку и не трогает вёрстку шаблона — поэтому одинаково работает на дефолтной теме, ocStore, ЛайвСторе и сторонних темах. Проверено на нескольких популярных бесплатных и платных темах.



Готовые раскладки внутри

Галерея — 7 сцен на выбор, каждая с уже настроенными пропорциями:

1. Слайдер + два баннера — классика главной страницы.
2. Слайдер + баннер — тоже классика.
3. Два баннера — промо-сплит.
4. Три в ряд — три модуля в ряд с одинаковой шириной.
5. Четыре в ряд — тоже самое что предыдущее, только 4 модуля.
6. Сетка баннеров 2×3 — на планшете автоматически перестраивается в 2 колонки × 3 ряда.
7. Большой баннер + четыре малых — витрина в духе маркетплейсов.

Взяли раскладку как есть — или настроили под себя.



Мобильная версия — из коробки

Каждая раскладка сама собирается в аккуратный столбик на телефоне. Ничего не съезжает, ничего не пропадает.

Тонкая настройка — для тех, кому нужно

Если ваша тема добавляет модулям собственные отступы или оформление — в настройках блока есть поле для точечных CSS-правок именно этой ячейки. Большинству пользователей это поле не понадобится вообще.

Совместимость

OpenCart 3.x, ocStore 3.x, ЛайвСтор. Работает с любой темой; список тем, на которых модуль тестировался:

• Стандартная тема OpenCart 3.
• Стандартная тема OcStore 3.
• Стандартная теме LiveStore 3.
• Unishop2 Free.

Список будет дополняться.

Поддержка

В поддержку входит выпуск обновлений безопасности и исправление ошибок модуля.
Индивидуальная адаптация под дизайн вашей темы — не входит в стоимость модуля и доступна отдельной услугой (от 1000 рублей).

Цена 2490 ₽. На запуске — 1490 ₽ (скидка 40%, ограничено по времени).

Частые вопросы

Q: Почему нельзя просто «подогнать любую картинку под ячейку» автоматически?
A: Технически это означало бы, что Mosaic заглядывает внутрь чужого модуля и меняет его содержимое — а у каждой темы своя вёрстка баннеров и слайдеров, и правило, работающее у одной, ломается у другой (мы проверяли на нескольких темах и получали то обрезанные рамки, то белые поля, то и вовсе игнорируемые стили). Поэтому Mosaic отвечает только за ячейку — её размер, позицию и точную подгонку под общую сетку, — а с содержимым не спорит. Взамен модуль сам подсказывает точный размер для каждой ячейки: подготовили картинку нужного размера по подсказке — она встаёт идеально, на любой теме и в любой раскладке, без сюрпризов.

Q: У баннера моей темы остаются небольшие отступы по краям — что делать?
A: Некоторые темы добавляют собственным баннерам внутренние поля. Для точной подгонки используйте поле CSS-правок в настройках блока.

Q: Можно ставить модуль не только на главную?
A: Да, Mosaic работает в штатной системе позиций OpenCart — на категории, товаре, информационных страницах, где угодно.

Q: Что будет с моей текущей главной после установки модуля?
A: Ничего, пока вы сами не поставите Mosaic в нужную позицию вместо существующего макета. Установка ничего не ломает.

Q: Тема сама ограничивает высоту картинки в баннере — можно ли это обойти?
A: Если тема жёстко режет высоту своих баннеров, это её собственное ограничение — Mosaic не переопределяет чужую вёрстку по умолчанию. Решение — использовать функционал "Кастомный CSS" в свойствах такого блока, чтобы переопределить поведение темы.

v1.0.0 (11.07.2026)

• Первый релиз модуля

Написать

Ваше Имя:


Ваш отзыв: Внимание: HTML не поддерживается! Используйте обычный текст.

Оценка: Плохо           Хорошо

Введите код, указанный на картинке:

Файлы будут доступны после покупки