Инструкция по ручному обновлению темы дизайна LandingPage, v.1.5

1 августа 2017

Инструкция по ручному обновлению темы дизайна LandingPage, v.1.5.

Приложение "Сайт" (v.1.5)

  • Добавление политики обработки персональных данных к формам

1. Сайт - Дизайн - Шаблоны. В файле order_form.html

1.1. Добавить код

{$is_consent_on = $theme_settings['section'|cat:$form_id|cat:'_consent_on']}
{$consent_text = $theme_settings['section'|cat:$form_id|cat:'_consent_text']}

сразу после строки

{$is_phone_active = $theme_settings['section'|cat:$form_id|cat:'_field_phone']}

1.2. Заменить строку

<div class="wa-form">

на строку

<div class="wa-form consent-form">

1.3. Добавить код

{if $theme_settings.consent_type != "none" && $is_consent_on && $consent_text}
    {strip}
        <div class="wa-field consent-field" data-blockid="{$form_id}">
            {if $theme_settings.consent_type == "checkbox"}
                <label>
                    {if $form_id != 10}
                        <input type="checkbox" checked="checked" />
                    {/if}
            {/if}
            {$consent_text}
            {if $theme_settings.consent_type == "checkbox" && $form_id == 10}
                <input type="checkbox" checked="checked" />
            {/if}                
            {if $theme_settings.consent_type == "checkbox"}
                </label>
            {/if}
        </div>
    {/strip}
{/if}

сразу после

</form>

2. Сайт - Дизайн - Шаблоны. В файле landingpage.css

2.1. Добавить код

.action_btn[disabled="disabled"] {
    opacity:.5;
}

сразу перед строкой

.main_slider .action_btn_container {

2.2. Добавить код

.order_form .consent-field input {
    display:inline;
    height:auto;
    margin: 0 !important;
    margin-right:3px !important;
    vertical-align:middle;
}

сразу перед строкой

.order_form h2 {

2.3. Добавить код

.dblock_3 .order_form .wa-value {
    margin-bottom:0 !important;
}

сразу перед строкой

.dblock_4 .order_form .wa-value {

2.4. Добавить код

.dblock_3 .consent-field {
    text-align:center;
}

сразу перед строкой

.timeout {

2.5. Добавить код

.dblock_4 .wa-field.consent-field {
    display:block;
    padding:0;
    text-align:right;
}
.dblock_4 .wa-field.consent-field input {
    margin:0 !important;
    margin-left:5px !important;
}

сразу перед строкой

.dblock_4 .order_form input {

2.6. Добавить код

.ordercall_window .wblock_12 .consent-field {
    text-align:center;
}

сразу перед строкой

.ordercall_window .ui-widget-header {

2.7. Добавить код

/* Политика обработки персональных данных */
.consent-field {
    font-size:12px !important;
    line-height:1 !important;
    margin-top:10px !important;
}
.consent-field label, .consent-field input {
    cursor:pointer;
}
.consent-field a {
    text-decoration:underline;
}
.consent-field a:hover {
    text-decoration:none;
}

в самый конец файла

3. Сайт - Дизайн - Шаблоны. В файле landingpage.js

3.1. Добавить код

$.consentEvent = function (elem) {
    $(document).on("change", elem, function () {
        var sbt = $(this).closest(".consent-form").find("[type='submit']");
        if ($(this).is(":checked")) {
            sbt.removeAttr("disabled");
        }
        else {
            sbt.attr("disabled", "disabled");
        }
    });
}

сразу перед строкой

$(document).ready(function () {

3.2. Добавить код

$(".consent-field input").each(function () {
    $.consentEvent('.consent-field input');
});

сразу перед строкой

$(".sl-prev, .sl-next").on('click', function () {

4. В файле theme.xml приложения Сайт

4.1. Заменить код

<theme id="landingpage" system="0" vendor="934303" author="BodySite" app="site" version="1.4">
  <name locale="en_US">LandingPage 1.4</name>
  <name locale="ru_RU">LandingPage 1.4</name>

на код

<theme id="landingpage" system="0" vendor="934303" author="BodySite" app="site" version="1.5">
  <name locale="en_US">LandingPage 1.5</name>
  <name locale="ru_RU">LandingPage 1.5</name>

4.2. Добавить код

<li><a href="#consent_settings">18. Настройки политики обработки персональных данных</a></li>

сразу после строки

<li><a href="#footer_settings">17. Настройки "Подвала" сайта</a></li>

4.3. Добавить код

<setting var="section4_consent_on" control_type="checkbox">
  <value>1</value>
  <name locale="ru_RU">Отобразить поля политики обработки персональных данных</name>
  <name locale="en_US">Display the fields of the personal data processing policy</name>
</setting>
<setting var="section4_consent_text" control_type="text">
  <value><![CDATA[Нажимая на кнопку подтверждения, я соглашаюсь с <a href="---ВСТАВЬТЕ СЮДА ССЫЛКУ НА ДОКУМЕНТ!---" target="_blank">политикой обработки персональных данных</a>]]></value>
  <name locale="en_US">The text of the agreement with the policy</name>
  <name locale="ru_RU">Текст согласия с политикой</name>
</setting>

сразу перед строкой

<setting var="divider_section_6" control_type="group_divider">

4.4. Добавить код

<setting var="section10_consent_on" control_type="checkbox">
  <value>1</value>
  <name locale="ru_RU">Отобразить поля политики обработки персональных данных</name>
  <name locale="en_US">Display the fields of the personal data processing policy</name>
</setting>
<setting var="section10_consent_text" control_type="text">
  <value><![CDATA[Нажимая на кнопку подтверждения, я соглашаюсь с <a href="---ВСТАВЬТЕ СЮДА ССЫЛКУ НА ДОКУМЕНТ!---" target="_blank">политикой обработки персональных данных</a>]]></value>
  <name locale="en_US">The text of the agreement with the policy</name>
  <name locale="ru_RU">Текст согласия с политикой</name>
</setting>

сразу перед строкой

<setting var="divider_section_11" control_type="group_divider">

4.5. Добавить код

<setting var="section12_consent_on" control_type="checkbox">
  <value>1</value>
  <name locale="ru_RU">Отобразить поля политики обработки персональных данных</name>
  <name locale="en_US">Display the fields of the personal data processing policy</name>
</setting>
<setting var="section12_consent_text" control_type="text">
  <value><![CDATA[Нажимая на кнопку подтверждения, я соглашаюсь с <a href="---ВСТАВЬТЕ СЮДА ССЫЛКУ НА ДОКУМЕНТ!---" target="_blank">политикой обработки персональных данных</a>]]></value>
  <name locale="en_US">The text of the agreement with the policy</name>
  <name locale="ru_RU">Текст согласия с политикой</name>
</setting>

сразу перед строкой

<setting var="divider_footer" control_type="group_divider">

4.6. Добавить код

<setting var="divider_consent" control_type="group_divider">
  <value/>
  <name locale="en_US">Privacy Policy settings</name>
  <name locale="ru_RU"><div id="consent_settings">Настройки политики обработки персональных данных</div><a class="theme-link" href="#theme_nav"><span>↑</span>Вверх</a></name>
</setting>
<setting var="consent_type" control_type="select">
  <value>none</value>
  <name locale="en_US">Options for displaying a personal data processing policy</name>
  <name locale="ru_RU">Варианты отображения политики обработки персональных данных</name>
  <options>
    <option value="none">
      <name locale="ru_RU">Не требовать согласия с политикой обработки персональных данных</name>
      <name locale="en_US">Do not require consent with the policy of processing personal data</name>
    </option>
    <option value="text">
      <name locale="ru_RU">Показывать только подсказку со ссылкой на политику</name>
      <name locale="en_US">Show only a hint with a policy link</name>
    </option>
    <option value="checkbox">
      <name locale="ru_RU">Предлагать включить обязательный флажок с подсказкой и ссылкой</name>
      <name locale="en_US">Propose to include a mandatory checkbox with a hint and a link</name>
    </option>
  </options>
</setting>

сразу перед строкой

</settings>

Приложение "Блог" (v.1.2)

  • Добавление политики обработки персональных данных к формам

1. Блог - Дизайн - Шаблоны. В файле comments.html

1.1. Заменить строку

<section class="comment-form">

на строку

<section class="comment-form consent-form">

1.2. Добавить код

{if $theme_settings.consent_type != "none" && $theme_settings.blog_consent_on && $theme_settings.blog_consent_text}
    {strip}
        <div class="consent-field">
            {if $theme_settings.consent_type == "checkbox"}
                <label>
                    <input type="checkbox" checked="checked" />
            {/if}
            {$theme_settings.blog_consent_text}
            {if $theme_settings.consent_type == "checkbox"}
                </label>
            {/if}
        </div>
    {/strip}
{/if}

сразу после строки

<img src="{$wa_static_url}wa-content/img/loading16.gif" style="display: none;" alt="">

2. Блог - Дизайн - Шаблоны. В файле landingpage.blog.css

2.1. В самый конец файла добавить код

/* Политика обработки персональных данных */
 .consent-field input {
    display:inline;
    margin-right:3px;
    vertical-align:middle;
}

3. Блог - Дизайн - Шаблоны. В файле theme.xml

3.1. Заменить код

<theme id="landingpage" system="0" vendor="934303" author="BodySite" app="blog" parent_theme_id="site:landingpage" version="1.1">
  <name locale="en_US">LandingPage 1.1</name>
  <name locale="ru_RU">LandingPage 1.1</name>

на код

<theme id="landingpage" system="0" vendor="934303" author="BodySite" app="blog" parent_theme_id="site:landingpage" version="1.2">
  <name locale="en_US">LandingPage 1.2</name>
  <name locale="ru_RU">LandingPage 1.2</name>

3.2. Добавить код

<settings>
    <setting var="divider_blog_consent" control_type="group_divider">
      <value/>
      <name locale="en_US">Privacy Policy settings in the Blog application</name>
      <name locale="ru_RU">Настройки политики обработки персональных данных в приложении Блог</name>
    </setting>
    <setting var="blog_consent_on" control_type="checkbox">
      <value>1</value>
      <name locale="ru_RU">Отобразить поля политики обработки персональных данных</name>
      <name locale="en_US">Display the fields of the personal data processing policy</name>
    </setting>
    <setting var="blog_consent_text" control_type="text">
      <value>Нажимая на кнопку подтверждения, я соглашаюсь с <a href="---ВСТАВЬТЕ СЮДА ССЫЛКУ НА ДОКУМЕНТ!---" target="_blank">политикой обработки персональных данных</a></value>
      <name locale="en_US">The text of the agreement with the policy</name>
      <name locale="ru_RU">Текст согласия с политикой</name>
    </setting>
</settings>

стазу перед строкой

<locales>