Обновление темы для выбора стиля компонента H1 другими пользователями

Стили для компонента с темой можно зарегистрировать, чтобы другие пользователи могли переключаться между стилями, которые вы предоставляете для своего компонента, на панели настроек или на вкладке Стиль.

Порядок обновления темы, чтобы другие пользователи могли выбрать стиль компонента:
  1. Добавьте еще несколько стилей в файл design.css своего компонента. Перед именем каждого стиля указывайте зарегистрированный префикс styleClassName компонента, как определено в файле appInfo.json. Для этого компонента такой префикс имеет вид h1-component.

    Добавлены еще два стиля: h1-component-gothic-style и h1-component-courier-style.

    Новое содержимое файла design.css:

    .h1-component-default-style .scs-component-content {
     font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
     font-size: 24px;
     color:red;
     font-weight: normal; }
    .h1-component-gothic-style .scs-component-content {
     font-family: "Century Gothic","CenturyGothic","AppleGothic",sans-serif;
     font-size: 32px;
     font-weight: bold; }
    .h1-component-courier-style .scs-component-content {
     font-family: "Courier";
     font-size: 32px;
     font-weight: bold; }
  2. Зарегистрируйте свои стили в файле design.json темы. Этот файл можно найти в теме, используемой сайтом. Перейдите к файлам тем в папке проектов, а затем к папке по умолчанию и добавьте в файл design.json раздел для своего компонента.

    Приведенный ниже полужирный текст служит примером добавления:

               "news-article": {
                        "styles": [{
                                          "name": "News Article 1",
                                          "class": "news-article-default-style"
                                          },
                        {
                                          "name": "News Article 2",
                                          "class": "news-article-style-1"
                                          }
                                   ]
               }, 
               "h1-component": { 
        "styles": [{ 
          "name": "Plain", 
          "class": "h1-component-default-style" 
       }, { 
                "name": "Courier", 
                "class": "h1-component-courier-style" 
       }, { "name": "Gothic", 
            "class": "h1-component-gothic-style" 
       }] 
      }
      },
      "componentIcons": {
              "scs-socialbar": {
                        "icons": [

Добавленные имена в данном фрагменте файла design.json ("Plain", "Courier", "Gothic") появятся на панели настроек компонента на вкладке стиля, как показано ниже. В случае их выбора к компоненту применяются соответствующие стили ("h1-component-default-style", "h1-component-courier-style", "h1-component-gothic-style").