Как пользоваться конструктором
-
Заполните реквизиты: Нажмите кнопку «Заполнить реквизиты» в левой панели или иконку ⚙️ вверху. Данные вашего магазина мгновенно подставятся во все документы.
-
Отредактируйте текст (при необходимости): Выберите документ слева. Текст на листе можно менять напрямую (кликните в любом месте). Вы можете выделять текст и форматировать его:
Ctrl + B (жирный), Ctrl + I (курсив), Ctrl + U (подчеркивание).
-
Скопируйте HTML-код: Нажмите кнопку «Копировать код» (наверху или в углу листа). Вы получите чистый, семантический HTML-код.
-
Вставьте в OpenCart: В админке перейдите в Каталог → Информация, добавьте/откройте нужную страницу и вставьте скопированный HTML в поле редактора.
Способ зависит от используемого редактора:
-
Summernote (стандартный в OpenCart 3) —
нажмите иконку
</> («режим исходного кода») в панели инструментов редактора,
вставьте скопированный HTML, затем снова нажмите </> чтобы выйти из режима кода и сохраните страницу.
-
CKEditor —
нажмите кнопку «Источник» в панели инструментов,
вставьте HTML, снова нажмите «Источник» и сохраните страницу.
Взаимодействие с «Конструктором статей»
Этот инструмент является частью экосистемы модулей для OpenCart и тесно интегрирован с
Конструктором статей (Content Constructor):
-
Синхронизация домена: Домен вашего сайта (из поля «Сайт») сохраняется в общем хранилище
localStorage и автоматически синхронизируется между конструкторами.
-
Связывание страниц: После того как вы скопировали код документа и создали статью в админке OpenCart (например, с ID 3, ссылка:
index.php?route=information/information&information_id=3), вы можете использовать эту ссылку в Конструкторе статей.
-
Размещение в формах: Вставляйте полученные ссылки на соглашения в футер сайта, в формы подписки на рассылку или формы обратной связи, созданные в Конструкторе статей, чтобы полностью соблюсти законы 152-ФЗ и 38-ФЗ.
Важное примечание о стилях
Экспортируемый HTML-код намеренно очищен от инлайн-стилей, классов и лишних тегов <div>. Это сделано для того, чтобы тексты автоматически наследовали шрифты, отступы и стили Bootstrap 3 вашей активной темы OpenCart 3 и выглядели гармонично без ручной настройки.