MODx

EasyCalc примеры по заявкам желающих

📅 👨‍💻 admin 👁 450 просмотров

После того, как мы создали конфигурацию, необходимо вывести эту конфигурацию на сайт. Укажем ID нашей конфигурации (который можно посмотреть в админке)

Вызов сниппета:
```
[[!easyCalc?
&id=`1`
]]
```
В разделе «Выведите калькулятор на сайт», есть чанки, в которых нужно расставить блоки с разными типами данных. Посмотрите сначала, как выглядит чанк tpl.Easycalc.Outer, потом скопируйте содержимое (классы не меняем) и создайте свой, после указав его в параметре &tplOuter при вызове сниппета.

Чанк tpl.Easycalc.Outer:
```
<form id="easycalc-[[+id]]" action="" method="post" class="easycalc__form" enctype="multipart/form-data" data-autoload="[[+autoload]]">
    <h2>[[+name]]</h2>

    

    <input type="hidden" name="easycalc" value="[[+id]]">
    <hr/>
    <div class="easycalc__total">
        Итого:
        <span class="easycalc__total-num">0</span> руб.
    </div>
</form>
```
В пределах формы, расставляем блоки [[+block_1]], где 1 это ID блока.

Что должно получиться в итоге:

Вызов сниппета:

[[!easyCalc?
&id=`1`
&tplOuter=`myChunk`
]]

Чанк tpl.Easycalc.Outer:

<form id="easycalc-[[+id]]" action="" method="post" class="easycalc__form" enctype="multipart/form-data" data-autoload="[[+autoload]]">
    <h2>[[+name]]</h2>

    [[+block_1]]
    [[+block_2]]
    [[+block_3]]
    <!-- Please, insert block's here. Example: [[+block_1]] -->

    <input type="hidden" name="easycalc" value="[[+id]]">
    <hr/>
    <div class="easycalc__total">
        Итого:
        <span class="easycalc__total-num">0</span> руб.
    </div>
</form>