it-swarm.com.de

Wie füge ich <div view-content> in Views zusätzliche Klassen hinzu?

Gibt es eine Möglichkeit, dem View Content Wrapper eine zusätzliche Klasse hinzuzufügen, die als <div class="view-content"> Ausgibt?

Um es klar zu machen: Ich verwende semantische Ansichten, um eine nette UL für einen Schieberegler zu generieren, aber ich kann keinen Wrapper mit dem richtigen Klassennamen hinzufügen, um die Jquery auszulösen.

(enter image description here

2
petergus

Für Drupal 7

Das div mit der Klasse view-content stammt aus der Vorlagendatei views-view.tpl.php.

Sie können Ihr Ansichtsthema jederzeit überschreiben und die Klassennamen, HTML usw. anpassen.

Klicken Sie im Abschnitt "Erweiterte Ansicht" unten im Abschnitt zum nächsten Thema auf "Informationen". Daraufhin wird eine Liste der Vorlagendateien angezeigt, einschließlich der Vorlage der obersten Ebene "views-view.tpl.php".

Sie finden viele Tutorials zum Überschreiben von Ansichtsvorlagendateien. Im Allgemeinen geht es jedoch darum, die richtige Datei in Ihr Thema zu kopieren und mit der richtigen Vorlagendatei umzubenennen.

Sie können sich das ansehen Tutorial wie das geht

Für Drupal 8

Die Benutzeroberfläche von Ansichten bietet keine Vorschläge mehr. Um dieselben Informationen zu erhalten, müssen Sie Twig Debugging) aktivieren.

Sie können Twig Debugging in sites/default/services.yml) aktivieren.

Setzen Sie die Debug-Variable auf true. Und Cache leeren.

parameters:
  twig.config:
    debug: true

( Wenn services.yml noch nicht vorhanden ist, kopieren Sie default.services.yml und kopieren Sie es in services.yml.)

Wenn Sie Ihren Browser-Debugger verwenden, wird der Vorlagenvorschlag als HTML-Kommentar angezeigt. Stellen Sie jedoch sicher, dass in Ihrem Browser-Debugger HTML-Kommentare angezeigt werden.

(Twig debugging output - Firebug/Firefox

4
Ziftman

Wenn Ihr Thema Classy als Basisthema verwendet (wie Bartik). (Sie können dies in der .info.yml Ihres Themas überprüfen.)

Kopieren Sie dann /core/themes/classy/templates/views/views-view.html.twig

und fügen Sie es in den Ordner/Vorlagen Ihres Themas ein.

Fügen Sie hier einfach eine neue Klasse hinzu

  {% if rows %}
    <div class="view-content some-new-class">
      {{ rows }}
    </div>
  {% elseif empty %}

Wenn diese Frage für D7 gilt, ersetzen Sie .html.twig durch .tpl.php

3
No Sssweat