Ergebnis 1 bis 6 von 6

Thema: Twig - dem <img> eine Klasse geben

  1. #1
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.867
    Contao-Projekt unterstützen

    Support Contao

    Standard Twig - dem <img> eine Klasse geben

    Hallo,

    PHP-Code:
            {% if image %}

                {% 
    set figure contao_figure(imagesize, {
                    
    setMetadata: {
                        
    alt'Logo'
                    
    },
                    
    options: {
                        
    attr: {
                            class: 
    'mb-0'
                        
    }
                    }
                }) %}
                {% 
    set figure_html figure|raw %}
                {% 
    set figure_html figure_html|replace({'<img ''<img class="logo-default object-fit-contain w-100" '}) %}
                {{ 
    figure_html|raw }}
            {% endif %} 
    komme ich auch einfacher ran, um dem <img> direkt eine Klasse zuzuordnen?
    Grüsse
    Bernhard


  2. #2
    Contao-Fan
    Registriert seit
    24.02.2021.
    Beiträge
    492

    Standard

    PHP-Code:
    {# unter /templates/content_element/image.html.twig #}

    {% extends "@Contao/content_element/image.html.twig" %}

    {% 
    set img_attributes attrs(img_attributes|default)
        .
    addClass('my-image--class')
    %} 

  3. #3
    Alter Contao-Hase Avatar von bizon
    Registriert seit
    16.06.2010.
    Beiträge
    1.125

    Standard

    Steht in der Doku

  4. #4
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.199
    Partner-ID
    10107

    Standard

    Das würde aber allen <img> die Klasse hinzufügen.

    Die <img> Klasse wird über die Bildgröße gesteuert.
    » sponsor me via GitHub or PayPal or Revolut

  5. #5
    Alter Contao-Hase Avatar von bizon
    Registriert seit
    16.06.2010.
    Beiträge
    1.125

    Standard

    Ja ist bekannt.
    Siehe auch hier eine Möglichkeit über die config/config.yaml.
    Man kann in der config.yaml jeder Bildgröße eine andere Klasse mitgeben.

  6. #6
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.867
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Danke, die Möglichkeit über die Bildgrösse kannte ich. Ich suchte jedoch explizit nach einer einfacheren Möglichkeit in einem Template eine Klasse einzufügen.
    ... OK, das zeigt mir, dass ich zumindest mit der replace-Variante nicht soooo falsch liege
    Grüsse
    Bernhard


Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •