Drupal 8 - Создание карусели из пользовательского типа контента

Question

Я начинаю работать над D8 несколько дней назад. Я хочу создать веб-сайт, как вы можете сделать это с помощью Wordpress + ACF, используя D8 и его тип содержимого.

Шаги аналогичны: создание определенной страницы> добавление настраиваемых полей> отображение их, как мы хотим на странице.

мне удалось отобразить некоторое содержимое, достигая значения в больших DATAS D8:

// example for a h1 tag 
<h1>{{ node.field_accueil_slide_titre.value }}</h1> 

Использование узла или содержимого основного объекта/массива. Кстати, уже сложно и довольно глупо разбираться в массиве node/content, чтобы угадать «.value», «.uri» или «.title», которые необходимы, когда мы хотим конкретных вещей. Это хороший способ сделать? Я не могу найти документ или листинг.

Я хочу сказать, что теперь я хочу сделать что-то как «цикл foreach» в поле, которое содержит изображения, но я не могу найти способ достичь изображений в чистом массиве. И если я пытаюсь отобразить поле вникать мою вкладку хром аварии ..

{% for images in content.field_accueil_image_slide %} 

Это не работает, например.

Должен ли я генерировать новый блок только для генерации карусели?

Answer 1

первый шаг: вам необходимо создать новый тип контента с полевыми изображениями и настройкой без ограничений (вы можете загрузить столько фотографий, сколько хотите для своей карусели).

второй шаг: создать новый шаблон для этого типа содержимого. в вашем шаблоне вы можете прокручивать загруженные фотографии.

например: (мое поле в типе content_carousell_picture).

Я использую сова-карусель. Я включил Java-скрипт сова-карусель и назвал его тегом стиля.

<div class="col-md-12"> 
     <div class="owl-carousel"> 
     {% for i in 0..content.field_carousell_picture|length %} 
     {%if content.field_carousell_picture[i]['#item'].entity.uri.value != "" and content.field_carousell_picture[i]['#item'].entity.uri.value is not empty %} 
      <div> 
       {{ content.field_carousell_picture[i]}} 
      </div> 
     {%endif%} 
     {%endfor%} 
     </div> 
    </div> 

Третий шаг: вы можете наблюдать за своим узлом и видеть свою карусель или включать ее на страницу.