OctoberCMS - переопределенный компонент блога (блог Rainlab), многократное использование на одной странице - PullRequest
0 голосов
/ 31 января 2019

Я новичок в OctoberCMS, и я застрял сейчас, у меня возникла проблема с использованием моего пользовательского компонента сообщений в блоге (который переопределяет сообщения в блоге Rainlab) на одной и той же странице несколько раз.

Скажем, я создал псевдоним по умолчанию blogPosts до postLists , и я определил свою собственную структуру HTML, и она работает хорошо, никаких проблем.

Теперь я хочу использовать структуру постов postLists на моей странице для трех разных категорий, и здесь я застрял, потому что когда я передаю переменную компоненту, как это - { % component 'postLists' categoryFilter='news' %}, она не работает для категориифильтра, и если я выбираю категорию из пользовательского интерфейса перетаскиваемого компонента, она становится глобальной настройкой categoryFilter для страницы.

screenshot

Это мое требование.

requirements

Мой код компонента 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 %}

Пожалуйста, помогите мне, любая помощь будет очень признательна.

Спасибо, Санни

1 Ответ

0 голосов
/ 31 января 2019

Это статический подход - я также опубликую динамический подход и дам мне немного времени

Лучшее и, возможно, простое решение (в случае, если вы просто намереваетесь показывать сообщения) - добавить 3 Post List component с помощью *Опция 1004 * для каждой вкладки.

enter image description here

Это должно сделать вашу работу

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

...