{# Make sure any variables are listed inside the following if statement #} {% if context %} {# {% set vf-show-more = context.vf-show-more %} #} {% endif %}
{% render '@vf-section-header--default', { "section_title": "Show more demo" } %}
{% set items = [ { title: "foo", id: 1 }, { title: "foo", id: 2 }, { title: "foo", id: 3 }, { title: "foo", id: 4 }, { title: "foo", id: 5 }, { title: "foo", id: 6 }, { title: "foo", id: 7 }, { title: "foo", id: 8 }, { title: "foo", id: 9 } ] %} {% for item in items %} {% render '@vf-box', { "box_heading": item.title, "box_text": "I'm item number " + item.id, "variant": "easy", "override_class": "vf-show-more__item" } %} {% endfor %}
{# A second set to show you can have more than one set on a page #}
{% render '@vf-section-header--default', { "section_title": "Show more demo part 2" } %}