Как интерполировать переменную в цикле ветки для отображения файла?

Question

Я перебираю список социальных профилей для отображения логотипа.Каждый социальный элемент имеет поле svg_icon_code, которое выглядит как «twitter» или «facebook».Я хочу использовать этот код для отображения правильного файла.В настоящее время я просто пишу в твиттере, в результате чего все логотипы являются svg Twitter.Как я могу использовать icon_code для рендеринга правильного SVG?

{% for item in options.social_media_links %}
  <li class="header__social-media-links__item">
     <a href="{{item.link}}" target="_blank">
        {% include 'component/svg-twitter-icon.twig' %}
     </a>
  </li>
{% endfor %}

Answer 1

Вы должны объединить значок следующим образом:

{% for item in options.social_media_links %}
  <li class="header__social-media-links__item">
     <a href="{{item.link}}" target="_blank">
        {% include 'component/svg-'~item.svg_icon_code~'-icon.twig' %}
     </a>
  </li>
{% endfor %}

---

Если значок не имеет шаблона или шаблон отсутствует, вы можете сделать это, чтобы отобразить значок по умолчанию

{% for item in options.social_media_links %}
  <li class="header__social-media-links__item">
     <a href="{{item.link}}" target="_blank">
        {% include [ 'component/svg-'~item.svg_icon_code~'-icon.twig', 'component/svg-default-icon.twig' ]  %}
     </a>
  </li>
{% endfor %}