2016-12-05 65 views
1

我几天前开始在D8上工作。我想建立一个网站,你可以用Wordpress + ACF使用D8及其内容类型来完成。Drupal 8 - 从自定义内容类型生成旋转木马

步骤相似:创建特定页面>添加自定义字段>显示他们在页面中的方式。

我设法达到在大D8 DATAS值来显示一些内容:

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

使用节点或内容主要对象/阵列。顺便说一下,当我们需要特定的东西时,必须深入研究节点/内容数组以猜测需要的“.value”,“.uri”或“.title”,这已经很困难,也很愚蠢。这是一个好方法吗?我无法找到关于它的文档或列表。

我的观点是我现在想要在包含图像的字段上做一个“foreach循环”,但是我无法找到一种方法来在干净的数组中找到图像。 如果我尝试显示领域钻研Chrome标签页崩溃..

{% for images in content.field_accueil_image_slide %} 

例如,这不行的作品。

我是否必须为传送带生成生成一个新块?

回答

1

第一步: 您必须创建一个新的内容类型的字段图片和设置无限(您可以上传尽可能多的图片,你想为你的旋转木马)。

第二步: 为此内容类型创建一个新模板。在您的模板中,您可以循环播放上传的图片。

例如:(我在contenttype中的字段是field_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> 

第三步:你可以看你的节点,看看你的轮播或包括它到一个页面。

+0

第一步:完成,它是我用于我的主页的自定义内容类型。步骤twp:完成:node - page-accueil.html.twig,我在其中调用我的字段(h1示例)。第三步:我需要的,我会尝试你的%for循环,因为我的(粘贴在我的Q)不起作用。 –

+0

@保罗勒克莱尔给我反馈,如果它工作 – Gabbax0r

+0

似乎工作:)我只是看为此:“0..content.field_accueil_image_slide”和“content.field_accueil_image_slide [i] ['#item']。entity.uri.value”。当我kint()内容或content.myfield时,我的chrome崩溃,然后我无法深入并研究我的数组。 如何找到变量和“0..content”的良好“路径”。东西? +1 –