В OpenCart модулі стають лише стовпчиком: слайдер, під ним банери, під ними все інше. Поставити блоки поруч - слайдер зліва, банери праворуч - штатними засобами не можна. Зазвичай це виправлення теми або робота верстальника.
Mosaic вирішує це завдання візуально: вибираєте готову розкладку, призначаєте свої модулі до осередків — сцена зібрана за хвилину.
Mosaic будує сітку — не переробляє модулі. Він відповідає за розмір, позицію та обрізку кожного осередку, але вставляє модулі такими, якими вони є, нічого не змінюючи всередині них. Це усвідомлений вибір: будь-яке втручання в чужу верстку працює на одній темі та ламається на іншій — а сітка, яка нічого не чіпає, працює скрізь однаково. Тому результат залежить не тільки від Mosaic, а й відсамих модулів.
Демонстрація:
https://mosaic.telecart.pro (demo/demo)
Що робить Mosaic
- Розставляє існуючі модулі OpenCart (слайдери, банери, будь-які інші) поруч, у сітці — без виправлення шаблону теми.
- Готові розкладки: вибрали -> призначили модулі -> працює.
- Точний розмір кожного осередку - відразу видно, під які розміри готувати картинки, щоб все виглядало ідеально рівно.
- Будь-яка розкладка налаштовується мишею: блоки рухаються та розтягуються.
- Своя адаптивна версія для мобільних —з коробки.
Як це працює
- Створюєте модуль Mosaic і вибираєте готову розкладку з галереї.
- Призначаєте свої модулі в комірки.
- Коректуєте налаштування, якщо потрібно.
- Зберігайте та ставите модуль у потрібну позицію через редактор макетів OpenCart.
Не потрібно правити файли теми, програміста та серйозних навичок верстки.
Не ворожите з розміром картинок
Одна з головних причин, чому зібрана руками розкладка виглядає криво.різні пропорції слайдера та банерів. Mosaic відразу показує точний розмір кожного осередку - готуєте картинку за підказкою, і вона встає рівно, без білих полів та обрізки.
Працює з вашою темою
Mosaic будує власну сітку і не чіпає верстку шаблону – тому однаково працює на дефолтній темі, ocStore, лайвсторі та сторонніх темах. Перевірено на кількох популярних безкоштовних та платних темах.
Готові розкладки всередині
Галерея — 7 сцен на вибір, кожна з налаштованими пропорціями:
- Слайдер + два банери — класика головної сторінки.
- Слайдер + банер — теж класика.
- Два банери — промо-спліт.
- Три в ряд — три модулі в ряд з однаковою шириною.
- Чотири в ряд — те саме що попереднє, тільки 4 модулі.
- Сітка банерів 2×3 — на планшеті автоматично перебудовується в 2 колонки × 3 ряди.
- Великий банер + чотири малих — вітрина в дусі маркетплейсів.
Взяли розкладку як є або налаштували під себе.
Мобільна версія — з коробки
Кожна розкладка сама збирається до акуратного стовпчика на телефоні. Нічого не з'їжджає, нічого не пропадає.
Тонке налаштування — для тих, кому потрібно
Якщо ваша тема додає модулям власні відступи чи оформлення — в налаштуваннях блоку є поле для точкових 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" у властивостях такогоблоку, щоб перевизначити поведінку теми.