Рейтинг:0

Как добавить индекс в шаблон абзаца

флаг af

Я хочу использовать абзацы для реализации карусели, и на данный момент у меня есть внешний абзац, называемый слайд-шоу, и шаблон — абзац —slideshow.html.twig. Затем внутри этого абзаца я могу добавить слайды, а шаблон — абзац —slide.html.twig.

На данный момент у меня есть только шаблон абзацев по умолчанию, который выглядит так:

{%
  установить классы = [
    'пункт',
    'paragraph--type--' ~ paragraph.bundle|clean_class,
    режим просмотра ? 'paragraph--view-mode--' ~ view_mode|clean_class,
    не параграф.isPublished() ? 'абзац - неопубликованный'
  ]
%}

{% блокировать абзац%}
  <div{{ атрибуты.addClass(классы) }}>
    {% заблокировать содержимое %}
      {{ содержание }}
    {% конечный блок%}
  </div>
{% абзац в конце блока %}

Проблема: Когда я просматриваю страницу во внешнем интерфейсе, все слайды div имеют одинаковые свойства.

Вопрос: Как подсчитать на дисплее количество однотипных абзацев? Есть ли способ добавить индексацию?

HTML-код должен выглядеть так:

<div class="paragaph-1 other_classes"></div>
<div class="paragaph-2 other_classes"></div>
<div class="paragaph-3 other_classes"></div>
<div class="paragaph-4 other_classes"></div>
leymannx avatar
флаг ne
Вы должны посмотреть, что внутри `{{ content }}`. Установите модуль Twig Tweak, а затем напечатайте `{{ dd() }}` внутри своего шаблона. Слайды, вероятно, находятся где-то в `{{ content.field_slides|field_value }}` или подобном. Получайте элементы поля, зацикливайте, создавайте разметку и подключайте библиотеки по мере необходимости. Возможно, сначала включите отладку Twig. Прочтите https://www.drupal.org/docs/theming-drupal/twig-in-drupal/discovering-and-inspecting-variables-in-twig-templates и https://www.drupal.org/docs/theming -drupal/twig-in-drupal/debugging-twig-templates.
4uk4 avatar
флаг cn
Да, это один из способов, но обход шаблона поля может привести к нежелательным побочным эффектам. Лучше визуализировать `{{ content }}` как есть и использовать получившийся шаблон поля для вывода индекса и настройки CSS в соответствии со структурой шаблона. См. https://drupal.stackexchange.com/questions/244152/getting-index-of-item-in-items-inside-twig-template

Ответить или комментировать

Большинство людей не понимают, что склонность к познанию нового открывает путь к обучению и улучшает межличностные связи. В исследованиях Элисон, например, хотя люди могли точно вспомнить, сколько вопросов было задано в их разговорах, они не чувствовали интуитивно связи между вопросами и симпатиями. В четырех исследованиях, в которых участники сами участвовали в разговорах или читали стенограммы чужих разговоров, люди, как правило, не осознавали, что задаваемый вопрос повлияет — или повлиял — на уровень дружбы между собеседниками.