টুইগ টেমপ্লেটে ক্ষেত্র থেকে একাধিক এন্ট্রি সহ চিত্রের ক্ষেত্র প্রিন্ট করুন


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 এবং কন্টেন্ট। তবে আমি যখন লুপটি ব্যবহার করি

    {% 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 }}

এটি প্রতিটি চিত্র আউটপুট করতে সক্ষম, তবে এটি আমাকে প্রতিটি আইটেমকে ডিভগুলিতে আবৃত করতে এবং প্রতিটিটিতে সামগ্রী যুক্ত করার অনুমতি দেয় না।


নীচে @ 4 কে 4 এর উত্তরটির অনেকগুলি সুবিধা রয়েছে তবে আপনার বিচক্ষণতার জন্য, প্রতিস্থাপন করা হচ্ছে: আপনার লম্বায় নোড.ফিল্ড_গ্যালারি_আইমেজ সহ কন্টেন্ট.ফিল্ড_গ্যালারি_ চিত্রগুলি 'লুপের জন্য আপনাকে প্রতিটি চিত্র সত্ত্বা দিত।
রোমিনরনিন

উত্তর:


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>

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>

বিশাল সাহায্য ধন্যবাদ। আপনি যখন ডুমুর মধ্যে খরগোশের গর্তটি বের করতে পারেন তখন ড্রুপাল কেন করবেন? : D
cwiggo
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.