Как применить пользовательский TWIG для Views, не нарушая AJAX?

Я создаю шаблоны Views для удовлетворения специфических требований клиента к дизайну, но после применения пользовательских шаблонов TWIG перестает работать поддержка AJAX Exposed Filters.

Код для шаблона представления верхнего уровня был скопирован с Classy. В первый раз, когда я применяю фильтр выбора, я на мгновение вижу вертушку, после чего ничего. Ничего не записывается в консоль Chrome.

Вот мои файлы шаблонов:

views-view--near_by_businesses.html.twig:
---------------
<div class="near-by-places">
    {% if exposed %}
    <div class="near-by-places__filters">
        {{ exposed }}
    </div>
    {% endif %}
    <div class="near-by-places__form-spacer"></div>
   <div class="near-by-places__content">

    <div{{ attributes.addClass(classes) }}>
  {{ title_prefix }}
  {% if title %}
    {{ title }}
  {% endif %}
  {{ title_suffix }}
  {% if header %}
    <div class="view-header">
      {{ header }}
    </div>
  {% endif %}
  {% if attachment_before %}
    <div class="attachment attachment-before">
      {{ attachment_before }}
    </div>
  {% endif %}

  {% if rows %}
    <div class="view-content">
      {{ rows }}
    </div>
  {% elseif empty %}
    <div class="view-empty">
      {{ empty }}
    </div>
  {% endif %}

  {% if pager %}
    {{ pager }}
  {% endif %}
  {% if attachment_after %}
    <div class="attachment attachment-after">
      {{ attachment_after }}
    </div>
  {% endif %}
  {% if more %}
    {{ more }}
  {% endif %}
  {% if footer %}
    <div class="view-footer">
      {{ footer }}
    </div>
  {% endif %}
  {% if feed_icons %}
    <div class="feed-icons">
      {{ feed_icons }}
    </div>
  {% endif %}
</div>

   </div>
</div>
<div style="clear: both;"></div>
---------------

views-view-fields--near_by_businesses.html.twig:
---------------
{% include "@molecules/08-view-items/02-near-by-business.twig" with {
    name: fields.title.content,
   category_name: fields.field_category.content,
   category_icon: fields.field_icon_class.content,
   offering: fields.body.content,
   location: fields.field_location.content,
   website: fields.field_website.content
} %}
---------------

02-near-by-business.twig:
---------------
<div class="near-by-places__item">
    <div class="near-by-places__item-background-container">
        <div class="near-by-places__item-title-container">
            {% if category_icon|length > 0 %}
                <div class="near-by-places__item-title-category-icon">
                    <i class="{{ category_icon }}"></i>
                </div>
            {% endif %}
            <div class="near-by-places__item-title-text">{{ name }}</div>
        </div>
        <div class="near-by-places__item-category-label">Category</div>
        <div class="near-by-places__item-category-value">{{ category_name }}</div>
        <div class="near-by-places__item-offers-label">Offers</div>
        <div class="near-by-places__item-offers-value">{{ offering }}</div>
        <div class="near-by-places__item-location-label">Location</div>
        <div class="near-by-places__item-location-value">{{ location }}</div>
        {% if website|length > 0 %}
            <div class="near-by-places__item-website-label">Website</div>
            <div class="near-by-places__item-website-value">{{ website|raw }} <i class="icon-arrow-right"></i></div>
        {% endif %}
    </div>
</div>
---------------

0 ответов

Другие вопросы по тегам