टहनी टेम्पलेट में फ़ील्ड से कई प्रविष्टियों के साथ छवि क्षेत्र प्रिंट करें

9

मेरे पास कस्टम सामग्री प्रकार के लिए एक टहनी टेम्पलेट है। और यह ज्यादातर क्षेत्रों को ठीक करने में सक्षम है, लेकिन मैं एक छवि क्षेत्र को कई छवियों के साथ मुद्रित करने में असमर्थ हूं।

नोड - mycontenttype.html.twig में सम्‍मिलित है

{{ content.field_mytitle }}
{{ content.field_myheaderimage }}
<div class="row expanded">
    {% for galleryimage in content.field_gallery_images %}
           <div class="gallery-image-item"> {{ galleryimage }} </div>
    {% endfor %}
</div>

content.field_mytitle और content._field_myheaderimage बस ठीक शीर्षक और छवि को आउटपुट करता है। लेकिन जब मैं लूप के लिए उपयोग करता हूं

    {% for galleryimage in content.field_gallery_images %}
           <div class="gallery-image-item"> {{ galleryimage }} </div>
    {% endfor %}

मुझे एक त्रुटि प्राप्त हुई

Exception: Object of type Drupal\node\Entity\Node cannot be printed. in Drupal\Core\Template\TwigExtension->escapeFilter() (line 443 of core/lib/Drupal/Core/Template/TwigExtension.php).

जब मैं उपयोग करता हूं

{{ content.field_gallery_images }}

यह प्रत्येक छवि को आउटपुट करने में सक्षम है, लेकिन यह मुझे प्रत्येक आइटम को divs में लपेटने और प्रत्येक में सामग्री जोड़ने की अनुमति नहीं देता है।

theming 8 media

— मैट
स्रोत

नीचे दिए गए @ 4k4 के उत्तर के कई फायदे हैं, लेकिन आपकी पवित्रता के लिए, इसकी जगह: content.field_gallery_images with node.field_gallery_images in your twig 'लूप के लिए आपको प्रत्येक छवि इकाई को लूप में दिया होगा।

— रोमिनरिन

9

किसी अन्य फ़ील्ड की तरह नोड टेम्पलेट में छवि फ़ील्ड प्रिंट करें:

{{ content.field_gallery_images }}

और फिर कई फ़ील्ड आइटम के माध्यम से लूप के लिए एक फ़ील्ड टहनी का उपयोग करें:

क्षेत्र - क्षेत्र गैलरी-images.html.twig

<div class="row expanded">
  {% for item in items %}
    <div class="gallery-image-item">{{ item.content }}</div>
  {% endfor %}
</div>

— 4k4
स्रोत

1

डी 8 पर मैं एक हिंडोला बनाने के लिए एक तरह से मेरी छवियों पर एक फॉर्च लूप बनाने में सक्षम था।

<!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    {% for i in 0..content.field_accueil_image_slide|length %}
     {%if content.field_accueil_image_slide[i]['#item'].entity.uri.value != "" and content.field_accueil_image_slide[i]['#item'].entity.uri.value is not empty %}
        <div class="item {{ (i == 0) ? 'active' : '' }}" style="">{{ content.field_accueil_image_slide[i]}}</div>
     {%endif%}
    {%endfor%}
  </div>

— Pauleau
स्रोत

बहुत मदद धन्यवाद। जब आप टहनी में खरगोश के छेद का पता लगा सकते हैं तो ड्रुपल क्यों करते हैं? : D

— cwiggo