{% from '@Provider/macros/iconbox.html.twig' import iconBox %}
{# Default block settings #}
{% set class = pimcore_input('class').getData() %}
{% set marginTop = pimcore_select('margin_top').getData() %}
{% set marginBottom = pimcore_select('margin_bottom').getData() %}
{% set containerWidth = pimcore_select('container_width').getData() %}
{% set areaClass = class ~ ' ' ~ marginTop ~ ' ' ~ marginBottom ~ ' ' ~ containerWidth %}
{% set anchorId = pimcore_input('anchor').getData() %}
{# Iconlist block settings #}
{% set cols = pimcore_select('cols').getData() %}
{% set linkAsBtn = pimcore_checkbox('link_as_button').isChecked() %}
{% set iconSize = pimcore_select('icon_size').getData() %}
{% set iconboxVariant = document.getProperty('iconbox_variant') ? document.getProperty('iconbox_variant') : '' %}
{% if pimcore_checkbox('mobile_one_column').isChecked() %}
{% set areaClass = areaClass ~ ' ' ~ 'mobileOneColumn' %}
{% endif %}
<div class="area area--icon-list {{ areaClass }}"{% if anchorId %} id="{{ anchorId }}"{% endif %}>
{% if editmode %}
{{ pimcore_relations('iconlist_items', {
"types": ["object"],
"subtypes": {
"object": ["object"]
},
"classes": ["Iconbox"],
"reload": true
}) }}
{% endif %}
<div class="area--icon-list-inner {{ iconboxVariant }}">
<div class="cols cols--{{ cols }}">
{% for item in pimcore_relations('iconlist_items') %}
{{ iconBox(item, iconSize, linkAsBtn) }}
{% endfor %}
</div>
</div>
</div>