Hover-Effekt bei langen Produkttiteln in Produktübersichten - Dawn Theme

psyvin
Excursionist
15 0 6

Hallo zusammen,

 

ich suche nach einer Lösung, einen Hover-Effekt für lange Produkttitel in den Produktübersichten auf der Start- und Kategorieseiten zu erzeugen. Mithilfe von ChatGPT habe ich nun zumindest eine Lösung gefunden, den Titel zu begrenzen, so dass es zumindest einheitlich aussieht. Da ich allerdings ein Laie in Sachen Programmierungen bin, komme ich an der Stelle nicht so ganz weiter, selbst mit GPT. 

 

Dies ist der Code, den ich unter "benutzerdefiniertes CSS" eingefügt habe:

 

/* Begrenzt den Produkttitel auf eine Zeile und endet mit '...' nach der maximalen Breite */
.card__heading {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 150px; /* Justiere diese Breite entsprechend der durchschnittlichen Breite deiner Zeichen */
display: block;
}

 

 Kann mir jemand helfen, den gewünschten Hover-Effekt ohne allzu großen Aufwand hinzuzufügen?

Replies 0 (0)