Hallöchen!
Ich suche mich schon seit zwei Tagen kaputt und dachte mir ich frage nun einfach direkt nach
Wir möchten gerne die Kategoriebilder in unserem Shop mit einem kleinen Tooltipp versehen.
Einfach als Info für den Kunden was er sich unter der entsprechenden Kategorie vorzustellen hat.
Ich habe nun in der custom.css folgenden Code hinterlegt.
header .submenu-headline-toplevel {
font-size: 15px;
}
a.tooltipp {
cursor: pointer;
position: relative;
}
a.tooltipp span {
display: none;
left: 10px;
position: absolute;
top: 30px;
}
a.tooltipp:hover span {
display: block;
}
und mit dem entsprechenden HTML Code kann ich auch bei Texten einen Tooltipp einfügen. Das funktioniert also.
Beispiel: "<a class="tooltipp">Test 1 2 3<span>Dies ist ein Test</span></a>"
Allerdings möchte ich gerne, dass ein solcher Text erscheint wenn man mit der Maus über die Kategoriebilder hovert.
Grundsätzlich würde dies auch funktionieren. Ich habe über Chrome mit [Strg] + über Elemente einfach den "<a class="tooltipp">" vor der entsprechenden Bild-URL eingegeben und
das funktioniert auch.
Die Frage ist nun also, wie kann ich diesen Tooltipp fest an den entsprechenden Bildern "verankern"?
Eine Datei in welcher der Quelltext für das Mega Menu bzw. die Kategorien mit den Bildquellen aufgeführt sind finde ich leider nicht.
Kann man möglicherweise diesen "Anker" direkt im Wawi an die Bilder anhängen?
Mir raucht schon die Birne und ich bin leider keine CSS-Profi und lese mir vieles nur an.
Für eine Hilfe wäre ich seeeeeeehr dankbar.
Danke schön schonmal
Gruß
Der RahmenMax
Ich suche mich schon seit zwei Tagen kaputt und dachte mir ich frage nun einfach direkt nach
Wir möchten gerne die Kategoriebilder in unserem Shop mit einem kleinen Tooltipp versehen.
Einfach als Info für den Kunden was er sich unter der entsprechenden Kategorie vorzustellen hat.
Ich habe nun in der custom.css folgenden Code hinterlegt.
header .submenu-headline-toplevel {
font-size: 15px;
}
a.tooltipp {
cursor: pointer;
position: relative;
}
a.tooltipp span {
display: none;
left: 10px;
position: absolute;
top: 30px;
}
a.tooltipp:hover span {
display: block;
}
und mit dem entsprechenden HTML Code kann ich auch bei Texten einen Tooltipp einfügen. Das funktioniert also.
Beispiel: "<a class="tooltipp">Test 1 2 3<span>Dies ist ein Test</span></a>"
Allerdings möchte ich gerne, dass ein solcher Text erscheint wenn man mit der Maus über die Kategoriebilder hovert.
Grundsätzlich würde dies auch funktionieren. Ich habe über Chrome mit [Strg] + über Elemente einfach den "<a class="tooltipp">" vor der entsprechenden Bild-URL eingegeben und
das funktioniert auch.
Die Frage ist nun also, wie kann ich diesen Tooltipp fest an den entsprechenden Bildern "verankern"?
Eine Datei in welcher der Quelltext für das Mega Menu bzw. die Kategorien mit den Bildquellen aufgeführt sind finde ich leider nicht.
Kann man möglicherweise diesen "Anker" direkt im Wawi an die Bilder anhängen?
Mir raucht schon die Birne und ich bin leider keine CSS-Profi und lese mir vieles nur an.
Für eine Hilfe wäre ich seeeeeeehr dankbar.
Danke schön schonmal
Gruß
Der RahmenMax