4

I have a type of content that i use on the homepage of a site I am building, the code is shown here:

<ul>
    {% for point in entry.keyPoints %}
        <li>
            <div class="a-ico">
                <i class="fa fa-{{ point.icon }}"></i>
            </div>
            <div class="a-info">
                <h4>{{ point.heading }}</h4>
                {{ point.text }}
            </div>
        </li>
    {% endfor %}
</ul>

This does exactly what i want it to do. It opens a UL and then loops through the different items which are LI's and output accordingly.

I want to use this same type of content on inner pages however as a matrix block TYPE rather than being the only type of content like on the homepage in the above example.

The problem then is that the FOR loop starts before i even know if this is the type of content i am dealing with so I can't appropriately wrap this type in a UL.

I can solve this by checking if it is the FIRST of TYPE and LAST of TYPE and outputting the opening and closing UL tags that way.

I then run into another problem that the first and last of this type are not necessarily adjacent to each other. If that is the case then all the other content TYPEs in the matrix between the FIRST and LAST of this TYPE will be inside of the UL as well.

My question then is how can i determine if the other matrix blocks that are immediately adjacent to this TYPE are of the same TYPE and if they are don't close the UL and if they are NOT then close the UL.

My code to determine what type is is just a simple FOR loop and then inside it a series of conditionals checking the TYPE and then outputting the appropriate content accordingly.

Christopher Healey
  • 1,378
  • 1
  • 11
  • 27

2 Answers2

8

Fun question! :)

You can use getNext() and getPrev() Methods on the MatrixBlockModel documentation page.

{% for point in entry.keyPoints %}

    {# if this is the "typeToWrap" block type #}
    {% if point.type == 'typeToWrap' %}

        {# if there is a previous point to check #}
        {% if point.getPrev() %}

            {# if the previous point wasn't the "typeToWrap" type start a ul #}
            {% if point.getPrev().type != 'typeToWrap' %}
                <ul>
            {% endif %}

        {# if there isn't a previous point start a ul #}
        {% else %}
            <ul>
        {% endif %}

    {% endif %}

    {# output point #}

    {# if this is the "typeToWrap" block type #}
    {% if point.type == 'typeToWrap' %}

        {# if there is a next point to check #}
        {% if point.getNext() %}

            {# if the next point isn't the "typeToWrap" type end a ul #}
            {% if point.getNext().type != 'typeToWrap' %}
                </ul>
            {% endif %}

        {# if there isn't another point end a ul #}
        {% else %}
            </ul>
        {% endif %}

    {% endif %}

{% endfor %}
Simon Kuran
  • 3,015
  • 1
  • 18
  • 33
  • Nice work @Simon! Very detailed answer. These are both good answers IMHO... Yours is more specific to the OP's exact situation, whereas mine is more general purpose. – Lindsey D Aug 09 '14 at 23:42
  • @LindseyD Thanks! I agree, we both have good answers to have here. – Simon Kuran Aug 10 '14 at 00:01
  • I needed something similar, and I was only checking .next and not .prev, so that gave me a good clue. In my case the design called for mixing 3 different block types, 2 of which could be full width or half width. This isn't really answer to the question so I don't want to add lots of code here, but it may be useful to someone else: gist. I basically used a counter to check if the loop was at the first or last typetowrap block. Thanks @SimonKuran ! – Sebastian Thomas Jan 12 '16 at 09:51
7

You can do that by using the next parameter...

{% for block in entry.myMatrixField %}
    {% if block.next %}
        <p>Next block type is: {{ block.next.type }}</p>
    {% endif %}
{% endfor %}

It's important to check {% if block.next %}, because the last block won't have a "next". If you were to try to call block.next.type where there is no "next", an error will be thrown.

Lindsey D
  • 23,974
  • 5
  • 53
  • 110