Öffnungszeiten über Zusatzfelder abbilden

[Moorleiche]

Hallo, in meinem Foundation Plugin habe ich eine vue.js Komponente „moorl-opening-hours“ CustomFields kann kann mit so einer Komponente bestücken… Habs selbst noch nicht mit den CustomFields ausprobiert, kannst es aber gerne mal testen:

Sieht so aus:

Twig Template für die Ausgabe im Storefront:

<div class="moorl-opening-hours">
    {% for dayItem in openingHours %}
        <div class="form-row">
            <div class="col-12 col-md-5">
                <div>{{ "moorl-foundation.days.#{dayItem.day}"|trans }}:</div>
            </div>
            <div class="col-12 col-md-7">
                {% if not dayItem.times %}
                    <span class="moorl-opening-hours-range closed">
                            {{ dayItem.info ? dayItem.info|trans : "moorl-foundation.days.closed"|trans }}
                        </span>
                {% else %}
                    {% for time in dayItem.times %}
                        {% if time.from %}
                            <span class="moorl-opening-hours-range">
                                    {{ time.from|slice(0, 5) }}-{{ time.until|slice(0, 5) }}
                                </span>
                        {% endif %}
                    {% endfor %}
                {% endif %}
            </div>
        </div>
    {% endfor %}
</div>