GetDesign: набор стилей для GetCourse
  • Подготовка аккаунта школы к установке набора
  • Установка набора стилей
    • Редактирование «подвала» в footer.js
    • Установка стилей на страницы входа и обратной связи
    • Установка стилей на страницу «Спасибо»
    • Установка стилей на страницу оплаты заказа
    • Установка стилей на страницу профиля
    • Замена цвета и дополнительные переменные
    • Установка и использование аккордеона
    • Рекомендации для обновления и изменения набора
  • Дополнительные классы
  • Шаблоны баннеров
  • История изменений
Powered by GitBook
On this page
  • Видеоинструкции
  • Краткий алгоритм установки
  1. Установка набора стилей

Установка стилей на страницу профиля

PreviousУстановка стилей на страницу оплаты заказаNextЗамена цвета и дополнительные переменные

Last updated 13 days ago

В наборе есть стили для системных страниц: страницы профиля, смены пароля и для мобильного приложения. Все эти стили находятся в файле pages-profile/profile-styles.css.

Видеоинструкции

Важно. Адреса для кастомных страниц должны быть в точности как ниже:

Для страницы профиля: profile

Для страницы смены пароля: changePassword

Для страницы мобильного приложения: chatium

Если зададите другие адреса, необходимо будет исправить их в глобальном скрипте и в скрипте для страниц.


Краткий алгоритм установки

  1. Перейдите в раздел Сайт — Страницы.

  2. Создайте отдельную папку для кастомных страниц.

  3. Создайте пустую страницу. В настройках страницы отключите индексирование и боковое меню для всех пользователей.

  4. Перейдите в визуальный редактор страницы и добавьте HTML-блок. Вставьте в него код из файла frame-profile.html.

  5. Добавьте на страницу блок JavaScript-код и добавьте в него код из файла frame-script.js.

  6. Перейдите в вашу тему, которая включена в аккаунте и скопируйте ссылку на bundle-файл стилей. Вставьте ссылку в скрипт на новой странице профиля. Используйте относительный путь.

  7. Сохраните страницу профиля, вернитесь в её настройки и скопируйте дважды, чтобы настроить страницы смены пароля и мобильного приложения.

  8. На страницах смены пароля и мобильного приложения замените в HTML-блоках iframe на соответствующие. Они находятся в файлах frame-changePassword.html и frame-chatium.html.

  9. Добавьте в тему файл стилей для профиля: profile-styles.css.

  10. Добавьте в тему глобальный скрипт из файла global-script.js. Можно во вкладку JS настроек темы, можно в отдельный файл — работать будет в любом случае.

Готово, вы великолепны!

Если у вас проблемы с работой Youtube, .

откройте видео в VK