Основная тема этого инструмента, помочь красиво оформить статью, описание товара итд итп. Этот поможет вам превратить скучное описание в статье, товаре, категории итп в более современное представление информации в магазине. Выкладываю "как есть" . Не рассматриваю любые "хотелки" и адаптации под шаблоны. https://tom-opencart.github.io/opencart-content-constructor/
Обновление Content Constructor: Умный старт, интеграция с ИИ и адаптивность В этой версии фокус был на удобстве начала работы, двусторонней интеграции с нейросетями и улучшении интерфейса. 1. Умный стартовый экран Теперь при создании нового проекта пользователя встречает стартовый экран приветствия: Быстрая настройка: Можно в один клик задать название статьи, прописать домен сайта и визуально выбрать одну из 6 готовых цветовых схем. Умная память: Разделено хранение данных. Адрес магазина сохраняется в localStorage, а название статьи и выбранная тема — в рамках одной вкладки в sessionStorage. Это позволяет параллельно писать разные статьи в соседних вкладках, не боясь перезаписать данные. При случайном обновлении страницы (F5) данные не теряются. 2. Двусторонняя интеграция с ИИ (ChatGPT / Gemini / Claude итп) Работать с нейросетями стало проще благодаря экспорту и импорту JSON: Само-документируемый JSON: При скачивании JSON-структуры статьи конструктор внедряет блок ai_specification (техническую схему всех блоков). Нейросеть считывает схему и без ошибок генерирует таблицы, спойлеры (FAQ), слайдеры До/После и товарные карточки. Вкладка «AI функции» в Справке: Добавлено подробное руководство с таблицей соответствия блоков и готовыми промптами, которые можно скопировать (перевод статьи, авто-генерация FAQ, SEO-оптимизация, добавление сетки товаров). Автоматические ID: ИИ больше не нужно придумывать UUID-идентификаторы для блоков — при импорте конструктор автоматически генерирует уникальные ID для всей структуры блоков. 3. Полная адаптивность Справки и кнопок Адаптивные вкладки: Навигационные кнопки Справки используют гибкую раскладку (flex-wrap). Они красиво переносятся на несколько строк как на мобильных телефонах, так и в узких окнах ПК. Соответствие интерфейсу: В описании шагов Справки текстовые обозначения заменены на реальные серые кнопки-иконки импорта и экспорта, в точности повторяющие интерфейс конструктора. 4. Наглядный выбор цветовой схемы Цветные маркеры: Справа от каждого названия схемы в списке выбора темы добавлен цветной квадратик-маркер для наглядности. Подбор для пользовательских тем: Для собственных тем скрипт вычисляет расстояние между цветами и подбирает наиболее близкий по тону маркер. 5. Работа слайдера «До и После» на живом сайте Защита от фильтрации кода: Редакторы OpenCart при сохранении статьи часто вырезают любые теги script. По этой причине была переписана логика слайдера До/После, внедрив обработчики oninput напрямую в HTML-атрибуты элементов. Теперь интерактивный слайдер гарантированно работает на витрине любого магазина без дополнительных настроек. Спойлер: Полный список функций Content Constructor — это профессиональный инструмент для создания адаптивных посадочных страниц, лонгридов и обзоров, полностью оптимизированных под сетку Bootstrap 3 в OpenCart. Поддерживаемые типы блоков Заголовки:Блоки уровней H1, H2, H3, H4, H5, H6 для правильной SEO-структуры. Абзацы:Текстовые блоки с поддержкой упрощенного синтаксиса Markdown для быстрого форматирования жирного текста, курсива, списков и внешних ссылок. Списки:Маркированные и нумерованные списки. Цитаты:Выделенные блоки цитат с возможностью указания автора. Таблицы:Таблицы данных с поддержкой Bootstrap-стилей (зебра, границы, подсветка при наведении, компактный вид). Содержание (TOC):Автоматически генерируемый блок оглавления статьи на основе заголовков H2-H4. Изображения:Одиночные картинки с поддержкой подписей, адаптивной ширины и возможностью загрузки локальных файлов с компьютера. Карусель изображений:Слайдер для галереи картинок. Слайдер «До и После»:Интерактивное сравнение двух изображений с помощью ползунка. Видео:Адаптивный плеер для интеграции видео с YouTube, Vimeo, Rutube, VK Видео и Kinescope. Спойлеры (FAQ):Раскрывающиеся списки «Вопрос-Ответ» на базе нативного плагина Bootstrap Collapse. Вкладки (Табы):Адаптивное меню вкладок для разделения объемного контента. Предупреждения (Alerts):Цветные информационные блоки (Информация, Успех, Предупреждение, Опасность). Мессенджеры:Блок с кнопками быстрой связи через WhatsApp, Telegram, Viber и телефон. Карточки товаров:Профессиональный товарный блок с названием, фото, ценой и ссылкой. Поддерживает функцию «Автозаполнение по ссылке» — конструктор сам распарсит страницу товара на вашем сайте и загрузит данные. Сетка Grid:Строка с колонками в пропорциях Bootstrap 3 (например, 6+6, 4+4+4, 8+4). Поддерживает вложенность любых других блоков внутрь колонок. Интеграция с OpenCart и экспорт Экспорт в ZIP-архив (OCMOD):Установка статьи на сайт в один клик. Конструктор упакует HTML-код, стили и все локально загруженные картинки в готовый архив. При его установке в админке картинки запишутся в каталог сайта, а стили подключатся к шапке. Модификатор для Summernote:Возможность установить кнопку быстрого импорта статей прямо в визуальный редактор OpenCart. Ссылки-попапы (agree):Поддержка всплывающих окон для стандартных статей OpenCart (например, согласие с условиями) с помощью синтаксиса ссылок `[текст](agree:ID)`. Копирование кода:Быстрый экспорт чистого HTML-кода статьи в буфер обмена. Скачивание кода:Экспорт кода в файл формата .txt или .html. Экспорт стилей:Возможность скачать файл стилей конструктора (.css) отдельно. Шаблоны и темы оформления Библиотека пресетов:Готовые шаблоны структуры статей (обзоры, инструкции, FAQ) для быстрого старта. Встроенные темы:6 готовых цветовых пресетов (Фиолетовая, Синяя, Изумрудная, Оранжевая, Красная, Темная). Пользовательские темы:Возможность создавать собственные цветовые палитры, настраивая цвета акцентов, фона и текста. Экспорт/Импорт проектов:Сохранение всей незавершенной работы в файл JSON для последующего редактирования.
