image.html.twig naming sugestions

Klapsius

6/21/23, 4:54 PM

I need to customize the image.html.twig template. I have a new content type with an image field (field_tile_image). How can I overwrite the default image template only for one block?

I tried different naming but it's still using image.html.twig. There aren't other name suggestions.

0 + 0

media

theming

JFK

6/21/23, 5:36 PM

What kind of modifications do you want to apply? The thing is, it will be hard to do what you want. You'll probably want to add a different viewmode for your image. To do so, you'll need to work with media instead of the basic image field.

Klapsius

6/22/23, 8:53 AM

@JFK I need to remove image width, height attributes also add custom HTML tags, but only for this image field without touching the original one.

apaderno

6/22/23, 7:56 PM

Welcome to Drupal Answers! Since the question is about changing the template file used from an image field, but only for a block, the question should make clearer the relation between the content type and the block, how that block is created, and what exactly it outputs. At least there should be more information that allow to "identify" that block.

Score:1

Drupal

rsych

6/22/23, 1:48 PM

The image.html.twig file does not have any names suggestions by default. Then you have to add it yourself. You can do it using hook_theme_suggestions_alter.

Also, here's an example of this hook usage:

/**
 * Implements hook_theme_suggestions_alter().
 */
function MY_THEME_theme_suggestions_alter(array &$suggestions, array $variables, $hook) {
  if ($hook == 'taxonomy_term') {
    $term = $variables["elements"]["#taxonomy_term"];
    $vid = $term->get('vid')->target_id;
    $view_mode = $variables["elements"]["#view_mode"];
    
    $suggestions[] = $hook . '__' . $view_mode;
    $suggestions[] = $hook . '__' . $vid . '__' . $view_mode;
  }
}

0 + 0

Elon Musk

I sit in a Tesla and translated this thread with Ai:

EN: image.html.twig naming sugestions

TH: คำแนะนำในการตั้งชื่อ image.html.twig

RO: Sugestii de denumire image.html.twig

RU: image.html.twig предложения по именованию

VI: gợi ý đặt tên image.html.twig

Post an answer

Most people don’t grasp that asking a lot of questions unlocks learning and improves interpersonal bonding. In Alison’s studies, for example, though people could accurately recall how many questions had been asked in their conversations, they didn’t intuit the link between questions and liking. Across four studies, in which participants were engaged in conversations themselves or read transcripts of others’ conversations, people tended not to realize that question asking would influence—or had influenced—the level of amity between the conversationalists.