Mouseover von Produktbeschreibung

[Nils]

Hallo,

gibt es eigentlich ein funktionierendes Modul / Snippet, bei dem man beim mouseover über einen Produktlink die Produktbeschreibung eingeblendet sieht?

MFG
Nils

Linkback: https://www.modified-shop.org/forum/index.php?topic=32817.0

[Matt]

Hört sich jetzt nicht nach Raketenwissenschaft an. jQuery Module dafür gibt's auf jeden Fall, z.B. das hier (keine Wertung, erster Google-Treffer):
http://www.sundoginteractive.com/sunblog/posts/jquery-hover-box

Du solltest aber bedenken, dass hover in Zeiten von touch ein Status ist, den nicht mehr jedes Device kann.

[Nils]

Hi Matt,

danke für den Tipp!

Habe auch was ohne Javascript gefunden:

http://aktuell.de.selfhtml.org/artikel/css/infobox/

Wäre das besser geeignet? Ich habe gelesen, dass hover bei Touchpads manchmal mit einem Klick verwechselt wird und dass man deshalb vorsichtig sein sollte.

Ist die CSS-Methode eventuell universeller verwendbar?

MFG
Nils

[Matt]

Beide Methoden haben mit Touch Schwächen. Du solltest das ausgiebig auch auf entsprechenden Devices testen, um zu sehen, ob es eher stört als es hilft oder gar Verhalten erzeugt, dass man so nicht erwartet.

[Nils]

Ich habe einfach mal nach und nach an unterschiedlichen Stellen den Mozilla-Code eingefügt, also diesen hier:

<noscript>
  <!-- Anker Link zu einer externe Datei -->
  <a href="http://www.mozilla.com/">Externer Link</a>
</noscript>
<p>Rockt!</p>

und dann habe ich mit einem anderen Firefox-Profil, bei dem ich das Addon noscript installiert habe, meine Seite aufgerufen und dabei auch unterschiedliche Seiten ausprobiert und es kam kein Link namens Externer Link, sondern es blieb einfach dort stehen, wenn Javascript im Code war.

MFG
Nils

[Matt]

Also bei mir funktioniert http://ladeze.it/test.html im Chrome wie es soll.

[Nils]

Hm, ja deine Seite funktioniert auch in meinen Browsern wie es soll.
Wo fügt man denn den Code ein. In Bezug auf modified in der general.js.php oder application_top oder header oder head oder index oder direkt in jeder Datei, wo jquery ein Skript startet. Was mache ich da falsch? Es gibt doch eigentlich gar nicht soviel falsch zu machen, oder?

MFG
Nils

[Matt]

Der Code muss innerhalb der body-Tags stehen. Bei den meisten von dir genannten Dateien ist das nicht der Fall. Aber die index.html des Templates wäre mal ein Anfang.

[Nils]

Hi Matt,

richte ich das dann einmal in der index-Datei ein und das greift dann für jede Seite?

Man liest immer, dass eine Website mit html-Tag, dann dem Body-Tag etc. beginnt. In Modified gibts die Tags so gut wie in keiner Datei. Da ist das irgendwie anders geregelt. Z.B. ist der Index-Datei auch kein html-Tag. Soll ich dann solche Tags zusätzlich dort hinschreiben?

MFG
Nils

[Matt]

Die Seite in modified wird dynamisch zusammen gebaut. Die fertige HTML-Seite hat alle Tags, die man so erwartet.

Wenn du es in die index.html einfügst ist es auf jeder Seite. Wenn du es nur an bestimmten Stellen brauchst musst du es in die passende Datei in modules/ einfügen.

[Nils]

Hi Matt,

danke! Ich werds ausprobieren und berichten.

P.S. Ich werde mich zukünftig nicht mehr "nur" wegen des Bedankens auf dein Antworten zurückmelden, weil ich Bedenken habe, dass ich mir mit (für andere) inhaltslosen Beiträgen keine Freunde mache. Aber du sollst wissen, dass ich mich über jede (deiner zahlreichen) Antworteb sehr freue und dankbar bin, auch wenn ich es nicht mehr schreibe! Und wenn das Thema gelöst ist, klicke ich nun immer brav den gelöst-Button an.

P.P.S. Gibt es hier eigentlich sowas wie ein Bedanken-Button, damit man sich bedanken kann, aber nicht jedes Mal einen neuen Beitrag veröffentlicht?

Viele Grüße
Nils