Start Matrix loop from item that contains todays day

Question

I have a Matrix block weeklyMenuItems, each item in the block has a dropdown with days of the week (Monday, Tuesday etc). Each entry will have a Matrix block with 7 items, matching the 7 days of the week.

In the template, I would like to start the loop from todays day but still include previous days in the loop, at the end. So, according to the example, whichever item.dayOfTheWeek matches {{ now|date('l') }}.

For instance, if today's day is Wednesday, the loop will output...

• Wednesday
• Thursday
• Friday
• Saturday
• Sunday
• Monday
• Tuesday

Here is part of my code, the entries that are being looped are from an entries field of another channel menuSection but I don't think that matters in this instance.

{% for entry in craft.entries.section('menuSection').find() %}

    {% for menuItem in entry.menuEntries %}

        <h2>{{ menuItem.title }}</h2>

        <ul>
            {# Matrix blocks #}
            {% for item in menuItem.weeklyMenuItems %}
                <li>
                    <h3>{{ item.dayOfTheWeek }}</h3>
                    <p>{{ item.itemTitle }}</p>
                </li>
            {% endfor %}
        </ul>

    {% endfor %}

{% endfor %}

Any guidance will be welcomed, let me know if I can clarify anything!

Thanks

Answer 1

Do you really want to start the Matrix loop from the week day offset? Or do you just want to only start printing when that offset matches. The former seems like a bit of a micro-optimization.

For the latter, something like this completely untested code should do it:

{% for entry in craft.entries.section('menuSection').find() %}

    {% for menuItem in entry.menuEntries %}

        <h2>{{ menuItem.title }}</h2>

        <ul>
            {% set offset = false %}

            {# Matrix blocks #}
            {% for item in menuItem.weeklyMenuItems %}

                {% if item.dayOfTheWeek == now|date('l') or offset > 0 }}
                    {% set offset = loop.index0 %}

                    <li>
                        <h3>{{ item.dayOfTheWeek }} - Matched</h3>
                        <p>{{ item.itemTitle }} - Matched</p>
                    </li>
                {% endif %}
            {% endfor %}

            {% if offset == false %}
                {% set offset = 0 %}
            {% endif %}

            {# 2nd pass #}
            {% for item in menuItem.weeklyMenuItems|slice(0, offset) %}
                <li>
                    <h3>{{ item.dayOfTheWeek }} - Matched</h3>
                    <p>{{ item.itemTitle }} - Matched</p>
                </li>
            {% endfor %}
        </ul>

    {% endfor %}

{% endfor %}

Answer 2

This is the solution I ended up with. Creating arrays of both:

• The days in the week from and including today
• The days in the week previous to today

And then looping through each in succession to produce the format I want. I also added some code to display "today" and "tomorrow" as the title.

I have no doubt there will be a more elegant solution but this did the job for me.

{% for entry in craft.entries.section('menuSection').find() %}

    <ul>

        {% set day = now|date('l') %}

        {% set daysFromToday = [] %}
        {% set previousDays = [] %}

        {% for item in menuItem.weeklyMenuItems %}
            {% if item.dayOfTheWeek == day %}
                {% set daysFromToday = daysFromToday|merge([item.id]) %}
                {% set day = day|date_modify('+1 day') %}
                {% set day = day|date('l') %}
            {% else %}
                {% set previousDays = previousDays|merge([item.id])  %}
            {% endif %}
        {% endfor %}

        {% set daysFromTodayString = daysFromToday|join(', ') %}
        {% set previousDaysString = previousDays|join(', ')  %}

        {% for item in menuItem.weeklyMenuItems.id(daysFromTodayString) %}

            <li>
                <h3>{% if loop.index == 1 %}today{% elseif loop.index == 2 %}Tomorrow{% else %}{{ item.dayOfTheWeek }}{% endif %}</h3>
                <p>{{ item.itemTitle }}</p>
            </li>

        {% endfor %}

        {% for item in menuItem.weeklyMenuItems.id(previousDaysString) %}

            <li>
                <div>
                    <h3>{{ item.dayOfTheWeek }}</h3>
                    <p>{{ item.itemTitle }}</p>
                </div>
            </li>

        {% endfor %}
    </ul>

{% endfor %}