block type embedded_list. How can I get the last item

Hi,
I am working on the frontend of orocommerce. I dont know how to check the last item in embedded_list.

this is my code:

PHP

- '@addTree': items: blog_tags_container: blockType: container blog_tags: blockType: embedded_list options: items: '=data["tag_provider"].getAll()' use_slider: false blog_tags_item: blockType: container tree: page_content: blog_tags_container: blog_tags: blog_tags_item: ~

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

- '@addTree':             items:                 blog_tags_container:                     blockType: container                 blog_tags:                     blockType: embedded_list                     options:                         items: '=data["tag_provider"].getAll()'                         use_slider: false                 blog_tags_item:                     blockType: container             tree:                 page_content:                     blog_tags_container:                         blog_tags:                             blog_tags_item: ~

PHP

{% block _blog_tags_widget %} {% set attr = layout_attr_defaults(attr, { '~class': ' blog-tag' }) %} <div {{ block('block_attributes') }}> <div class="tag"> Tag: {{ block_widget(block, {attr: attr}) }} </div> </div> {% endblock %} {% block _blog_tags_item_widget %} {% set attr = layout_attr_defaults(attr, { '~class': ' blog-tag-item' }) %} <div {{ block('block_attributes') }}> <a href="item.id}) }}" rel="nofollow"> {{ item.name }} </a> // Want to check if last item here </div> {% endblock %}

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

{% block _blog_tags_widget %}   {% set attr = layout_attr_defaults(attr, {       '~class': ' blog-tag'   }) %}     <div {{ block('block_attributes') }}>         <div class="tag">             Tag: {{ block_widget(block, {attr: attr}) }}         </div>   </div> {% endblock %}   {% block _blog_tags_item_widget %}     {% set attr = layout_attr_defaults(attr, {         '~class': ' blog-tag-item'     }) %}       <div {{ block('block_attributes') }}>         <a href="item.id}) }}" rel="nofollow">           {{ item.name }}         </a>         // Want to check if last item here     </div> {% endblock %}

Topic

[Andrey YatsenkoModerator]

Hello thinh2010,

To know what item is the last you can override embeded_list_widget twig block and pass standard twig loop variable to the child block
here the reference for the variable https://twig.sensiolabs.org/doc/2.x/tags/for.html

To make it working just insert below block type to your twig template

XHTML

{% block embedded_list_widget %} <div class="embedded-list"> {% set attr = layout_attr_defaults(attr, { 'class': 'embedded-list__container' }) %} {% if use_slider %} {% set attr = layout_attr_defaults(attr, { 'data-page-component-module': 'orofrontend/js/app/components/list-slider-component', '~data-page-component-options': slider_options, '~class': ' embedded-list__container--slider' }) %} {% else %} {% set attr = layout_attr_defaults(attr, { '~class': ' embedded-list__container--tiles' }) %} {% endif %} {% if label is defined %} <h2 class="embedded-list__label"> <span class="embedded-list__label-inner">{{ label|trans }}</span> </h2> {% endif %} <div {{ block('block_attributes') }}> {% for item in items %} <div class="embedded-list__item"> {% set context = { loop: loop, (item_key): item } %} {% for dataKey, dataValue in items_data %} {% set context = context|merge({ (dataKey): dataValue[item.id]|default(null) }) %} {% endfor %} {% do block|merge_context(context) %} {{ block('container_widget') }} </div> {% endfor %} </div> </div> {% endblock %}

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43

{% block embedded_list_widget %}     <div class="embedded-list">         {% set attr = layout_attr_defaults(attr, {             'class': 'embedded-list__container'         }) %}           {% if use_slider %}             {% set attr = layout_attr_defaults(attr, {                 'data-page-component-module': 'orofrontend/js/app/components/list-slider-component',                 '~data-page-component-options': slider_options,                 '~class': ' embedded-list__container--slider'             }) %}         {% else %}             {% set attr = layout_attr_defaults(attr, {                 '~class': ' embedded-list__container--tiles'             }) %}         {% endif %}           {% if label is defined %}             <h2 class="embedded-list__label">                 <span class="embedded-list__label-inner">{{ label|trans }}</span>             </h2>         {% endif %}           <div {{ block('block_attributes') }}>             {% for item in items %}                 <div class="embedded-list__item">                     {% set context = {                         loop: loop,                         (item_key): item                     } %}                     {% for dataKey, dataValue in items_data %}                         {% set context = context|merge({                             (dataKey): dataValue[item.id]|default(null)                         }) %}                     {% endfor %}                     {% do block|merge_context(context) %}                     {{ block('container_widget') }}                 </div>             {% endfor %}         </div>     </div> {% endblock %}

This is the copy of the original block from https://github.com/orocrm/customer-portal/blob/master/src/Oro/Bundle/FrontendBundle/Resources/views/layouts/blank/layout.html.twig#L197-L237

The only thing I changed is line 29, with

XHTML

{% set context = { loop: loop, } %}

1 2 3

{% set context = {     loop: loop, } %}

Here I passed the standard loop variable that available in any {% for %} loop from the parent block to the child with {% do block|merge_context(context) %}

Now you can use loop variable in the child items template of embedded_list block

PHP

{% block _blog_tags_item_widget %} {% set attr = layout_attr_defaults(attr, { '~class': ' blog-tag-item' }) %} <div {{ block('block_attributes') }}> <a href="item.id}) }}" rel="nofollow"> {{ item.name }} </a> // Want to check if last item here {% if loop.last %}<strong>I'm the last one item.</strong>{% endif %} </div> {% endblock %}

1 2 3 4 5 6 7 8 9 10 11 12 13

{% block _blog_tags_item_widget %}     {% set attr = layout_attr_defaults(attr, {         '~class': ' blog-tag-item'     }) %}     <div {{ block('block_attributes') }}>         <a href="item.id}) }}" rel="nofollow">           {{ item.name }}         </a>         // Want to check if last item here        {% if loop.last %}<strong>I'm the last one item.</strong>{% endif %}     </div> {% endblock %}

That it!

[Author]

Replies