首页 > 解决方案 > OctoberCMS - 被覆盖的博客组件(Rainlab 博客)在同一页面中的多次使用

问题描述

我是 OctoberCMS 的新手,现在被卡住了,我在同一页面中多次使用我的自定义博客文章组件(它覆盖了 Rainlab 博客文章)时遇到了问题。

假设我已经为postLists创建了默认blogPosts的别名,并且我定义了我的自定义 HTML 结构,它运行良好,没有问题。

现在我想要的是在我的页面中使用postLists帖子结构来处理三个不同的类别,在这里我被卡住了,因为当我将变量传递给这样的组件时 -{ % component 'postLists' categoryFilter='news' %}它不适用于类别过滤器并且如果我从拖放中选择一个类别组件 UI 它成为页面的全局 categoryFilter 设置。

截屏

这是我的要求。

要求

我的 postList 组件代码:-

{% set posts = __SELF__.posts %}
{% for post in posts %}

<div class="col-sm-6">
      <div class="row">
        <div class="col-sm-4 col-4 content_body_img">
            <a href="{{ post.url }}">
        {% if post.featured_images.count > 0 %}
            <img class="media-object" src="{{ post.featured_images.first.getThumb(108, 108) }}" />
        {% else %}
            <img class="media-object" src="http://placehold.it/108x108" />
        {% endif %}
    </a>
        </div>
        <div class="col-sm-8 col-8">
          <p><a href="{{ post.url }}">{{ post.title }}</a></p>
          <!--location_date-->
          <div class="location_date">
            <ul>
              <li><i class="fa fa-calendar"></i><span> {{ post.published_at|date('j F, Y') }}<span></li>
              <li><i class="fa fa-map-marker"></i>Dubai</li>
            </ul>
          </div>
          <!--location_date end -->
        </div>
      </div>
    </div>
    <!--content_body_img end -->
{% else %}
<div class="col-sm-6 col-6 col-lg-3">{{ noPostsMessage }}</div>
{% endfor %}

请帮助我,任何帮助将不胜感激。

谢谢桑尼

标签: phplaraveloctobercmsoctobercms-pluginstwig-extension

解决方案


这是静态方法 - 我将发布动态方法以及给我一些时间

最好且可能最简单的解决方案是(如果您只想显示帖子)是为每个选项卡添加3 Post List component选项Different Category filter

在此处输入图像描述

它应该做你的工作

如果您只需要显示列表,请确保这是最佳解决方案。


推荐阅读