How to render Entity Reference fields in the current language

Question

I am trying to render fields from an entity reference in a twig template but they are displaying in the default language instead of the selected one. My twig code:

{% for location in node.field_locations %}
  <div class="home-location">
    <div class="wording">
      {{ location.entity.title.value }}
       <span>{{ location.entity.field_sub_title.value }}</span>
     </div>
   </div>
 {% endfor %}

Answer 1

You can use the following procedure for translated fields

Add language in your THEMENAME.theme

function dru8_preprocess_node(&$vars) {
  $language = \Drupal::languageManager()->getCurrentLanguage()->getId();
  $vars['lang'] = $language;
}

And in your node.html.twig to get translated fields

{% if node.field_stories.entity.hastranslation(lang) %}
  <p>{{ node.field_stories.entity.translation(lang).title.value }}</p>
{% else %}
  <p>No translation<p/>
{% endif %}

Thus in your case you will need

{% for location in node.field_locations %}
  <div class="home-location">
    <div class="wording">
      {{ location.entity.translation(lang).title.value }}
       <span>{{ location.entity.translation(lang).field_sub_title.value }}</span>
     </div>
   </div>
 {% endfor %}