<!-- Error rendering component -->
<!-- TwigException: Unable to parse '=> "data-#{k}=#{v}")|join(' ') ~ ' ' : ''' at template position71 -->
<!-- Error: TwigException: Unable to parse '=> "data-#{k}=#{v}")|join(' ') ~ ' ' : ''' at template position71
    at /builds/michaelhulsman/footballrs.net/htdocs/content/themes/footballrs.net/node_modules/@frctl/twig/src/adapter.js:156:24
    at new Promise (<anonymous>)
    at TwigAdapter.render (/builds/michaelhulsman/footballrs.net/htdocs/content/themes/footballrs.net/node_modules/@frctl/twig/src/adapter.js:134:16)
    at ComponentSource._renderVariant (/builds/michaelhulsman/footballrs.net/htdocs/content/themes/footballrs.net/node_modules/@frctl/fractal/src/api/components/source.js:212:30)
    at _renderVariant.next (<anonymous>)
    at onFulfilled (/builds/michaelhulsman/footballrs.net/htdocs/content/themes/footballrs.net/node_modules/co/index.js:65:19) -->
{# @var media_item_slider ThemeViews\Organisms\mediaItemSlider\MediaItemSliderViewModel #}
{% extends '@atoms/section/section.twig' %}
{% set className = "media-item-slider" %}
{% block content %}
{# --BLUEPRINT DO NOT REMOVE--
<!-- molecule media_item -->
{% include '@molecules/MediaItem/media_item.twig' with media_item only %}
<!-- field .amount / number -->
{{ .amount }}
<!-- /field .amount / number -->
{{ amount }}
<!-- field area / select -->
<!-- available choices:
    * Teams:team
    * Stadiums:stadium
    * Matches:football_match
 -->
{{ area }}
<!-- /field area / select -->

{{ area }}

/--BLUEPRINT DO NOT REMOVE-- #}

    {% for slide in media_item_slider.slides %}
        <img src="{{ slide.image.src|resize(300)|towebp }}">
    {% endfor %}
{% endblock %}
/* No context defined. */
  • Handle: @media_item_slider
  • Preview:
  • Filesystem Path: resources/Views/Organisms/mediaItemSlider/media_item_slider.twig

Media item slider

{% include '@organisms/media_item_slider/media_item_slider.twig' with {

    } only %}

ACF

Fields media_item -> molecule

amount -> number

area -> select