HTML markup в Fred Elements

Последнее обновление not available | История страницы | Улучшить эту страницу | Сообщить о проблеме

Support the team building MODX with a monthly donation.

The budget raised through OpenCollective is transparent, including payouts, and any contributor can apply to be paid for their work on MODX.

Backers

Budget

$204 per month—let's make that $500!

Learn more

Fred Elements состоят из HTML с определёнными атрибутами. Markup можно расширять Twig и Settings Elements.

Пользовательские теги¶

themplate.theme_dir¶

Для переносимости тем в element используйте {{template.theme_dir}} как динамическую ссылку на каталог темы template, например /assets/theme/default/.

Примеры markup¶

<!-- Simple Element -->
<div class="panel">
    <p data-fred-name="header_text">Default Value</p>
    <img
        src="http://via.placeholder.com/450x150"
        data-fred-name="header_image"
    />
</div>

<!-- Enhanced Element -->
<div class="panel {{ panel_class }}">
    <p data-fred-name="panel_text">Default Value</p>

    {% if cta_link %}
    <a class="btn {{ cta_class }}" href="{{ cta_link }}">{{ cta_text }}</a>
    {% endif %}
</div>