使用Wordpress中的Twig引擎和ACF中继器进行条件显示检查,以设置图像和视频转盘



我正在尝试使用wordpress中的owl-carousel插件构建一个合理的混合图像和视频转盘。我正在基于Twig引擎环境";Elementor的无限元素小工具创建器";以及使用具有用于内容的两个子字段的ACF中继器。一个用于图像,一个用于视频。

现在我尝试设置逻辑;当在acf中继器视频字段中有视频时,如果不使用图像DIV,则使用视频DIV;因此,旋转木马会显示图像或视频,具体取决于是否有视频上传到项目中。

问题是,在ACF中继器项目循环中,无论是否有特定项目的视频,转盘都只使用所有项目的图像DIV或所有项目的视频DIV。

这是我的测试设置:

<div class="owl-carousel owl-theme" style="direction:ltr; overflow:hidden;" id="{{uc_id}}">
{% for item in current_post.cf_projekt_gallery %}
{% if ".mp4" in "{{item.projekt_gallery_video}}" %}
<div class="item-video">
<video controls preload="none" width="auto" height="{{desktop_height}}" poster="{{item.projekt_gallery_image}}">
<source src="{{item.projekt_gallery_video}}" type='video/mp4' />
</video>
</div>
{% else %}
<div class="item" style="position:relative;">
<a ><img src="{{item.projekt_gallery_image}}" style="width:auto;"></a>
</div>
{% endif %}

{% endfor %}
</div>

有人看到我做错了什么吗?

谢谢!

​解决了它:

没有{{}}​在{%%}内​声明!

最新更新