{#
{
"key": "framework_empty",
"category": "Framework",
"label": "Content / Media / Module",
"description": "...",
"allowMove": true,
"divider": true,
"priority": 1,
"blocks": [
{
"key": "block-0",
"size": 12,
"required": "",
"buttons": true,
"multiple": true,
"fields": []
}
]
}
#}
<section
class="empty {{wrapper.cssClass is defined ? wrapper.cssClass : ''}}"
id="{{wrapper.cssId is defined ? wrapper.cssId : ''}}"
style="{% if wrapper.bgColor %}background-color: {{wrapper.bgColor}};{% endif %}"
>
<div class="container">
{% if wrapper.label or wrapper.intro is not empty %}
<div class="introblock">
{% if wrapper.label is not empty %}
<div class="introtitle">
{{wrapper.label|raw}}
</div>
{% endif %}
{% if wrapper.intro is not empty %}
<div class="introtext">
{{wrapper.intro|raw}}
</div>
{% endif %}
</div>
{% endif %}
<div class="row">
{% for b in wrapper.blocks %}
<div class="col-sm-12 col-md-12 col-lg-{{b.width}} {{b.config.class}}" id="{{b.config.id}}">
<div class="block">
{% if b.data.type is defined and b.data.type == 'video' %}
<div class="responsive-wrapper">
{{b.video|raw}}
</div>
{% elseif b.media is not empty %}
<img src="/{{b.media.getWebPath}}"/>
{% else %}
{{b.content|raw}}
{% endif %}
{% if b.config.buttons is defined %}
<div class="btns">
{% for button in b.config.buttons %}
<a href="{{button.url}}" {% if button.target is defined and button.target != "null" %} target="{{button.target}}" {% endif %} class="btn {{button.class}}">
{{button.label}}
<i class="fa fa-angle-right"></i>
</a>
{% endfor %}
</div>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
</section>