{% set items = ElementApiCall('joomla-articles', data) %}
{% if items %}
{% if layout == 'list' %}
- {% else %}
- {% endif %}
{% if field('show_image') and images.image_intro != '' %}
{% endif %}
{% if field('link_titles') %} {{ item.title }} {% else %} {{ item.title }} {% endif %}
{% if field('show_date') %} {% if field('show_meta_icon') %} {% endif %} {{ item.displayDate }} {% endif %} {% if field('show_author') %} {% if field('show_meta_icon') %} {% endif %} {{ item.displayAuthorName }} {% endif %} {% if field('show_category') %} {% if field('show_meta_icon') %} {% endif %} {{ item.displayCategoryTitle }} {% endif %}{% if field('show_introtext') and item.displayIntrotext != '' %}{{ item.displayIntrotext }}
{% endif %} {% if field('show_readmore') %} {{ field('readmore_text') }} {% endif %}
{% endif %}
{% for index, item in items %}
{% set images = item.images %}
{% if gird %}
{% else %}{% else %}
{% else %}{% endif %}
{% endfor %}
{% if gird %}
{{ getJoomlaModule(module_id, 'none') }}
{% if accordion_group %}
-
{% set a = 0 %}
{% for index, fields in accordion_group %}
{% set data = fieldsGroup(accordion_group, index) %}
{% if (index == 0) %}
-
{% if icon.media %}
{% if icon.media.type == "svg" %}
{{ icon.media.svg }}
{% endif %}
{% endif %}
{{ data.title.value | wrap(tag) }}
{{ data.description.value }}
{% else %}
-
{% if icon.media %}
{% if icon.media.type == "svg" %}
{{ icon.media.svg }}
{% endif %}
{% endif %}
{{ data.title.value | wrap(tag) }}
{{ data.description.value }}
{% endif %}
{% endfor %}
{% if heading %}
{{ heading }}
{% endif %} {% if content %}{{ content }}
{% endif %}
{# {{ startTag | raw }} #}
{# {{ endTag | raw }} #}
{{ before_text }}
{# Highlight #}
{% if animated_type == 'highlighted' %}
{{ highlighted_text }}
{% set shapeFile = "/app/frontend/elements/animated-headline/shapes/" ~ shape %}
{{ getFileContent( 'animated-headline', shapeFile , 'svg') }}
{% endif %}
{# Rotating #}
{# {% elseif animated_type == 'rotating' %}
{% set array = rotating_text | split(',') %}
{% for single_text in array %}
{{ single_text }}
{% endfor %}
{% endif %} #}
{{ after_text }}
{# {{ endTag | raw }} #}
{{ field('title') | wrap(tag) | link(link) }}
{{ field('content') }}
{{ field('text') | link(link, btnClass) }}
{# call-to-action image #}
{% if element_mode == "classic" %}
{% endif %}
{# call-to-action title #}
{% if title %}
{{title | wrap(tag) }}
{% endif %}
{# call-to-action subtitle #}
{% if subtitle %}
{{subtitle | wrap(subtitle_tag)}}
{% endif %}
{# call-to-action content #}
{% if description %}
{{field('description')}}
{% endif %}
{# call-to-action button #}
{% if button %}
{{ field('button') | link( link, btn_class ) }}
{% endif %}
{% if (bg_overlay and ( getOpacity(bg_overlay, 'normal') or getOpacity(bg_overlay, 'hover') ) ) %}
{% set overlayClass = "qx-background-overlay " ~ id ~ "-background-overlay" %}
{% endif %}
{% endif %}
{{ renderer.render( node['children'], null, 'frontend' ) | raw }}
' %}
{% set separator_end = '
' %}
{% set separator = separator_start ~ separator_sign ~ separator_end %}
{% endif %}
{% if days %}
{% if show_label %}
{{ separator }}
{% endif %}
{% if hours %}
{{ custom_label ? cdays : 'Days' }}
{% endif %}
{% if show_label %}
{{ separator }}
{% endif %}
{% if minutes %}
{{ custom_label ? chours : 'Hours' }}
{% endif %}
{% if show_label %}
{{ separator }}
{% endif %}
{% if seconds %}
{{ custom_label ? cminutes : 'Minutes' }}
{% endif %}
{% if show_label %}
{% endif %}
{{ custom_label ? cseconds : 'Seconds' }}
{% endif %}
{{prefix}}
{{ field("count_start") }}
{{suffix}}
{% if title %}
{{title}}
{% endif %}
{% if divider == 'border' %}
{% else %}
{% if src.media %}
{% if src.media.type == "svg" %}
{{ src.media.svg }}
{% else %}
{{ image( FILE_MANAGER_ROOT_URL ~ src.media.image, alt_text) }}
{% endif %}
{% elseif src.url %}
{{ image(src.url, alt_text) }}
{% endif %}
{% endif %}
{# Start Front #}
{# End Front #}
{# Start Back #}
{# End Back #}
{% if frontEnable == true %}
{% else %}
{% endif %}
{{ field('flipbox_front_title') | wrap(frontTag) | link(frontLink) }}
{{ field('flipbox_front_content') }}
{{ field('flipbox_front_title') | wrap(frontTag) | link(frontLink) }}
{{ field('flipbox_front_content') }}
{% if backEnable == true %}
{% else %}
{% endif %}
{{ field('flipbox_back_title') | wrap(backTag) | link(backLink) }}
{{ field('flipbox_back_content') }}
{{ field('flipbox_back_title') | wrap(backTag) | link(backLink) }}
{{ field('flipbox_back_content') }}
{% if rawName == '' %}
{% endfor %}
{% elseif data.type.value == 'acceptance' and data.acceptance_checked.value %}
{% endmacro %}
{% if renderer %}
{% import "elements/form/partials/macro.html" as forms %}
{% else %}
{% import _self as forms %}
{% endif %}
{% set dataAll = allfield() %}
{% set id = field("id") %}
{% set name = field("name") %}
{% set fieldsGroup = field('form_fields') %}
{% set class = classNames('qx-element qx-element-form-v2') %}
{% set requiredmark = field("required-mark") %}
{% set label = field("label") %}
{% set size = field("size") %}
{% set submit_text = field("submit_text") %}
{% set submit_size = field("submit_size") %}
{% set submit_block = field("submit_block")|default(false) %}
{% set submit_column = field("submit_column") %}
{% set submit_alignment = field("submit_alignment") %}
{% set icon = field("icon") %}
{% set submitInfo = [submit_text, submit_size, submit_column, submit_alignment, icon, submit_block] %}
You must use a name for field!
{% else %} {% if data.type.value != 'hidden' and data.type.value != 'html' %} {{ _self.getLabel(id, label, name, data.required.value, reqmark) }} {% endif %} {% if data.type.value == 'radio' or data.type.value == 'checkbox' %} {% set optionsList = data.options.value|split('\n') %} {% for item in optionsList %} {% set optionid = id %}
{% set acceptanceText = data.acceptance.value|raw %}
{% elseif data.type.value == 'acceptance' %}
{% set acceptanceText = data.acceptance.value|raw %}
{% elseif data.type.value == 'html' %}
{{ data.html.value|raw }}
{% elseif data.type.value == 'select' and data.multiple.value %}
{% elseif data.type.value == 'select' %}
{% elseif data.type.value == 'textarea' %}
{% elseif data.multiple.value %}
{% else %}
{% endif %}
{% if data.type.value != 'hidden' %}
{{ _self.getHelp(id, data.desc.value) }}
{% endif %}
{% endif %}
{% if fieldsGroup %}
{{ wrapper('formTag', 'form', false, false) }}
{% for index, fields in fieldsGroup %}
{% set data = fieldsGroup(fieldsGroup, index ) %}
{% set attributes = [label, size, requiredmark] %}
{{ forms.getInput(index, id, attributes, data) }}
{% endfor %}
{{ forms.getSubmit( id, submitInfo ) }}
{{ formFooter('form', dataAll) }}
{{ wrapper('formTag', 'form', false, true) }}
{% endif %}
{% if fieldsGroup %}
{% for index, fields in fieldsGroup %}
{% set data = fieldsGroup(fieldsGroup, index ) %}
{% set count = index + 1 %}
{% set src = data.image.value %}
{% if src.media %}
{% set imageLink = src.media.image %}
{% elseif src.url %}
{% set imageLink = src.url %}
{% endif %}
{% if caption %}
{% set captionText = data.caption.value %}
{% else %}
{% set captionText = '' %}
{% endif %}
{% if lightbox %}
{% endif %}
{% if lightbox %}{% endif %}
{% endfor %}
{% endif %}
{{ field('title') | wrap(tag) | link(link) }}
{% if fieldsGroup %}
-
{% for index, fields in fieldsGroup %}
- {% set data = fieldsGroup(fieldsGroup, index ) %} {% set src = data.icon.value %} {% set link = data.link.value %} {% set alt_text = '' %} {% if src.media %} {% if src.media.type == "svg" %} {{ src.media.svg }} {% endif %} {% else %} {% endif %} {{ data.title.value | link(link) }} {% endfor %}
{% if src.media %}
{% if src.media.type == "svg" %}
{{ src.media.svg }}
{% else %}
{{ image( startsWith(src.media.image, "data:image") ? src.media.image : FILE_MANAGER_ROOT_URL ~ src.media.image, alt_text) | link(link) }}
{% endif %}
{% elseif src.url %}
{{ image(src.url, alt_text) | link(link) }}
{% endif %}
{% if fieldsGroup %}
{% for index, fields in fieldsGroup %}
{% set data = fieldsGroup(fieldsGroup, index ) %}
{% set count = index + 1 %}
{% set src = data.image.value %}
{% set title = data.title.value %}
{% if src.media %}
{% set imageLink = src.media.image %}
{% elseif src.url %}
{% set imageLink = src.url %}
{% endif %}
{% if caption %}
{% set captionText = data.caption.value %}
{% else %}
{% set captionText = '' %}
{% endif %}
{{ image( imageLink, data.alt_text.value) }}
{% endfor %}
{% endif %}
{# navigation #}
{{title}}
{# person image #}
{# person name #}
{% if name %}
{{field('name') | wrap(tag) }}
{% endif %}
{# person position #}
{% if position %}
{{field('position')}}
{% endif %}
{# person content #}
{% if description %}
{{field('description')}}
{% endif %}
{{ prepareContent(content, event) }}
{% if fieldsGroup %}
{% if navigation == "arrows_and_dots" or navigation == "arrows" %}
{% endif %}
{% if navigation == "arrows_and_dots" or navigation == "arrows_and_dots" %}
-
{% for index, fields in fieldsGroup %}
{% set data = fieldsGroup(fieldsGroup, index) %}
{# ---------------------------------------------------------------
Don't forget to change key of data when you update config.yml
-------------------------------------------------------------------#}
{# title #}
{% set title = data.title.value %}
{# description #}
{% set description = data.content_fields_group.value[0].value %}
{# background image #}
{% set background = data.background_fields_group.value[0].value %}
{% if background.media %}
{% if background.media.type == "svg" %}
{% set src = background.media.svg %}
{% else %}
{% set src = image( background.media.image, title) %}
{% endif %}
{% elseif background.url %}
{% set src = image(background.url, title) %}
{% endif %}
{# button #}
{% set button = data.content_fields_group.value[1].value %}
{% set buttonText = data.content_fields_group.value[2].value %}
{% set buttonLink = data.content_fields_group.value[3].value %}
{# align #}
{% set contentAlignSwitch = data.style_fields_group.value[0].value %}
{% set contentAlignHorizontal = data.style_fields_group.value[1].value %}
{% set contentAlignVertical = data.style_fields_group.value[2].value %}
{% set contentAlign = data.style_fields_group.value[3].value %}
{% if contentAlignSwitch %}
{% set VerticalHorzontalClasses = 'qx-position-' ~ contentAlignVertical.value ~ '-' ~ contentAlignHorizontal.value %}
{% set alignClasses = VerticalHorzontalClasses ~ ' qx-text-' ~ contentAlign.value %}
{% else %}
{% set alignClasses = 'qx-position-center qx-text-center' %}
{% endif %}
{% if buttonLink.nofollow %}
{% set nofollow = "nofollow" %}
{% else %}
{% set nofollow = ""%}
{% endif %}
{% set buttonClasses = "qx-btn qx-slider-btn" %}
{# --------------------------------------------------------------- #}
-
{% if src %} {{ src }} {% else %} {% endif %}
{{ title }}
{{ description }}
{% if button %} {{ buttonText | link(buttonLink, buttonClasses) }} {% endif %}
{% endfor %}
{% if fieldsGroup %}
-
{% for index, fields in fieldsGroup %}
- {% set data = fieldsGroup(fieldsGroup, index ) %} {% set src = data.icon.value %} {% set link = data.link.value %} {% set alt_text = '' %} {% if src.media %} {% if src.media.type == "svg" %} {{ src.media.svg }} {% endif %} {% else %} {% endif %} {% endfor %}
{% if tab_group %}
-
{% for index, fields in tab_group %}
{% set data = fieldsGroup(tab_group, index) %}
{% if (index == 0) %}
- {{ data.title.value | wrap(tag) }} {% else %}
- {{ data.title.value | wrap(tag) }} {% endif %} {% endfor %}
-
{% for index, fields in tab_group %}
{% set data = fieldsGroup(tab_group, index) %}
{% set src = data.image.value %}
{% set alt_text = data.alt_text.value %}
{% set caption = data.caption.value %}
{% if (index == 0) %}
-
{{ data.description.value }}
{% else %}
-
{{ data.description.value }}
{% endif %}
{% endfor %}
{% if content %}
{{ content }}
{% endif %}
{% if src.media %}
{% if src.media.type == "svg" %}
{{ src.media.svg }}
{% else %}
{{ image( src.media.image, alt_text) }}
{% endif %}
{% elseif src.url %}
{{ image(src.url, alt_text) }}
{% endif %}
{% if name %}
{{ name }}
{% endif %}
{% if position %}
{{ position }}
{% endif %}
-
{% if fieldsGroup %}
{% for index, fields in fieldsGroup %}
{% set data = fieldsGroup(fieldsGroup, index ) %}
{% set name = data.name.value %}
{% set content = data.content.value %}
{% set position = data.position.value %}
{% set src = data.image.value %}
{% set alt_text = data.alt_text.value %}
-
{% if src.media %} {% if src.media.type == "svg" %} {{ src.media.svg }} {% else %} {{ image( src.media.image, alt_text) }} {% endif %} {% elseif src.url %} {{ image(src.url, alt_text) }} {% endif %}{% if name %}{{ name }}{% endif %} {% if position %}{{ position }}{% endif %} {% if content %}{{content}}{% endif %}
{% endfor %}
{% endif %}
{{ field('content') }}
{# Youtube iframe #}
{% if link_type == 'youtube' and youtube_id %}
{# Vimeo iframe #}
{% elseif link_type == 'vimeo' and vimeo_id %}
{% endif %}