Продвинутый генератор кастомизации Prodamus XL

Продвинутый генератор кастомизации Prodamus XL

Пройдите 3 простых шага по инструкции, чтобы получить готовые файлы и коды для вашего личного кабинета ученика.

Ваши основные ссылки (нужны для всех шагов)

1

Создание страницы Шапки (HTML)

Инструкция: Что делать на этом шаге? (Нажмите, чтобы развернуть)

На этом шаге мы настраиваем дизайн и ссылки для верхней панели (шапки) вашего кабинета.

Пример шапки
  • Заполните все поля ниже: выберите цвет или фон, цвет текста, вставьте ссылки на ваш логотип, фото победителя и укажите нужные ссылки для кнопок в шапке. Если что-то не нужно (например, логотип) — просто оставьте поле пустым.
  • Внизу этого блока сгенерируется HTML-код. Нажмите кнопку «Скопировать HTML».
  • Перейдите в редактор страниц Prodamus XL и создайте страницу с адресом https://ваш-домен-сайта/tech/custom-header.
  • Вставьте на неё «HTML-блок» и вклейте туда скопированный код. Обязательно сохраните страницу!
#191825
#FFFFFF
Рекомендуемый размер: 86

Блок "Победитель месяца" (оставьте пустым для скрытия)

Верхние иконки соц.сетей (оставьте пустыми для скрытия)

Текстовые кнопки в шапке (оставьте пустыми для скрытия)

Код для страницы /tech/custom-header

Скопируйте и вставьте в HTML-блок на странице.

2

Левое меню и генерация JS-файлов

Инструкция: Как настроить меню и получить файлы? (Нажмите)

На этом шаге мы формируем дизайн и ссылки левого бокового меню. Затем скомпилируем два файла.

  • Настройте цвета текста, фона меню или добавьте картинку.
  • Включите нужные пункты меню тумблером слева. Настройте их названия и адреса. Предварительно создайте эти страницы в разделе сайты.
  • Если хотите заменить стандартную иконку на свою — нажмите «Заменить» рядом с пунктом и вставьте ссылку в появившееся поле.
  • В самом низу этого блока нажмите на две зеленые кнопки, чтобы скачать custom-header.js и custom-left-panel.js. Эти файлы понадобятся на последнем шаге.

Дизайн левой панели

#2a2d3e
#8b92a8
#00c5dc

Настройка структуры меню (строго 10 пунктов)

Ваши JS-файлы сгенерированы!

Обязательно скачайте оба файла. В них уже зашиты настройки шапки, меню и ваши базовые ссылки.

3

Внедрение кода в кабинет (Итог)

Инструкция: Как загрузить файлы и получить итоговый код? (Нажмите)

На финальном этапе мы связываем ваши загруженные файлы с настройками платформы.

  • Перейдите в "Файловое хранилище" в Prodamus XL.
  • Загрузите туда скачанные на Шаге 2 файлы: custom-header.js и custom-left-panel.js.
  • Нажмите на три точки напротив каждого файла, выберите "Сделать публичным" и скопируйте публичную ссылку.
  • Вставьте полученные ссылки в поля ниже. Генератор добавит к ним системный CSS-дизайн и скрипт запуска.
  • Нажмите кнопку «Скопировать итоговый код».
  • Перейдите в "Настройки -> Общие настройки -> Внедрение кода". Вставьте скопированный код и нажмите "Сохранить". Готово!

Итоговый код для "Внедрения кода"

Готовые стили кабинета + асинхронный скрипт запуска