9. Добавим новую настройку для товара. Часть 4

Мы подключились к хуку и вывели тестовую фразу.

Заменим тестовую фразу на новую настройку для товара.

Что будем делать? Добавим новое текстовое поле.

Самое главное правило по модификации шаблонов в панели администратора — не придумывай. Все необходимые примеры, элементы, поля, настройки и шаблоны уже готовы. Нужно просто скопировать и изменить под вашу задачу.

Для примера, мы добавим простое текстовое поле “Код от видео”.

  1. Найдём похожую настройку в шаблонах.

    Шаблон редактирования товара имеет много примеров текстовых полей. Например «Название». Возьмём его и переделаем под себя.

  2. Откройте файл:

    /design/backend/templates/views/products/update.tpl

    и найдите участок отвечающий за поле “Название товара”:

    1
    2
    3
    4
    5
    6
    7
    <div class="control-group {$no_hide_input_if_shared_product}">
        <label for="product_description_product" class="control-label cm-required">{__("name")}</label>
        <div class="controls">
            <input class="input-large" form="form" type="text" name="product_data[product]" id="product_description_product" size="55" value="{$product_data.product}" />
            {include file="buttons/update_for_all.tpl" display=$show_update_for_all object_id='product' name="update_all_vendors[product]"}
        </div>
    </div>
    
  3. Перенесите данный код, в файл вашего модуля, который подключается к хуку:

    /design/backend/templates/addons/first_addon/hooks/products/detailed_content.pre.tpl

  4. Проверяем в панели администратора:

    Во вкладке «Модули» страницы редактирования товара должно появится поле «Название», которое является копией основного «Названия».

  5. Изменим код под нашу настройку, а также уберём лишнее. В результате получим:

    1
    2
    3
    4
    5
    6
    <div class="control-group">
        <label for="product_video" class="control-label">{__("first_addon.video")}</label>
        <div class="controls">
            <input class="input-large" form="form" type="text" name="product_data[video]" id="product_video" size="55" value="{$product_data.video}" />
        </div>
    </div>
    
  6. Рассмотрим построчно что было сделано и зачем.

    Строка 1.

    Было
    <div class="control-group {$no_hide_input_if_shared_product}">
    
    Стало
    <div class="control-group">
    
    Комментарий Убрали лишнюю переменную, она не важна и применяется только в случае использования нескольких витрин.

    Строка 2.

    Было
    <label for="product_description_product" class="control-label cm-required">{__("name")}</label>
    
    Стало
    <label for="product_video" class="control-label">{__("first_addon.video")}</label>
    
    Комментарий
    • Изменили label.
    • Убрали cm-required — данный класс делает поле обязательным для заполнения.
    • Изменили языковую переменную. Языковые переменные позволяют задавать название для разных языков.

    Строка 4.

    Было
    <input class="input-large" form="form" type="text" name="product_data[product]" id="product_description_product" size="55" value="{$product_data.product}" />
    
    Стало
    <input class="input-large" form="form" type="text" name="product_data[video]" id="product_video" size="55" value="{$product_data.video}" />
    
    Комментарий
    • Изменили id на равное значению for у label.
    • Изменили значение name.
    • Изменили значение value.

    Строка 5.

    Было
    {include file="buttons/update_for_all.tpl" display=$show_update_for_all object_id='product' name="update_all_vendors[product]"}
    
    Комментарий

    Удалим строку.

    Данный код необходим, если у Вас несколько витрин, тогда будет кнопка для применения настройки на все витрины.

  7. Проверим результат в панели администратора:

    Это то, что вы должны увидеть в результате.

    Что за странный _first_addon.video?

    Так выглядит языковая переменная, если у неё нет значения в CS-Cart.

    Примечание

    Языковые переменные позволяют задавать названия (значения) одних и тех же элементов для разных языков.

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

Большое обновление CS-Cart уже здесь Попробуйте новую панель администратора с темной темой