MODUL: Tooltip für Produktbeschreibung

[cashdown]

Hallo,

hab für den Shop meiner Mama ein kleines Script geschrieben, welches die Wörter die vorher in eine Mysqldatenbank geschrieben wurde, aus der Produktbeschreibung erkennt und mit einem Tooltip versieht. Die Beschreibung die in dem Tooltip erscheint wurde ebenfalls in die Mysql Datenbank geschrieben.

Beispiel findet man hier:

http://www.wellnessmanufaktur.de/xtc/Kosmetikserien/Farfalla-line/Bodybutter::360.html

Falls es jemand brauch hier die Anleitung:
1. Eine Tabelle über Mysqladmin anlegen.
Name: tooltip_lexikon (3 Spalten)
      1. Spalte  id - int (länge 10) - primärschlüssel - autoincrement
      2. Spalte  wort - varchar( länge 150)
      3. Spalte  beschreibung - text

2. Die im Zip Archiv enthaltene product_info_v1.html in das Verzeichnis in deinem TemplateOrdner module/product_info laden. Vorher noch dieser Datei noch die Mysql Daten eintragen.

3. Jetzt den Inhalt aus der stylesheet.txt in die stylesheet.css übernehmen.

4. Die Bilder in den Ordner img laden.

5. Jetzt nur noch die entsprechenden Wörter mit Beschreibung in die Datenbank eintragen und alle Wörter die in einer Produktbeschreibung auftauchen werden mit dem Tooltip versehen. Achtung bei ä,ü,ö usw. dafür den Text in der Mysql Datenbank mit folgenden Zeichen ersetzen: https://dhue.de/html-schreibweise-fuer-aeueoess/

Viel Spaß damit.

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

[ice411]

Das nenne ich mal geil! werd das gleich mal ausprobieren!
Danke

Grüße Hendrik

[Tomcraft]

Also da muss ich schon wirklich sagen... Hut ab!



Das ist mir einen Platz in der Modulecke wert.

Wenn man das jetzt noch erweitern würde mit einem Backend im Admin-Bereich... uiuiui...

Grüße

Torsten

[Hetfield]

Gibt es schon lange so was: Lexikon für xt:Commerce 3.04 SP2.1
Oder hier vom Hersteller in Version 2.0: Lexikon, Encyclopedia v2.0

MfG Hetfield  

[Halli]

Schöne Sache. Nur wenn ich den Tooltip anklicke, lande ich auf der Startseite und darf erst mal wieder den "zurück" Button im Browser klicken. Sollte man vieleicht ändern.

[Tomcraft]

Gibt es schon lange so was: Lexikon für xt:Commerce 3.04 SP2.1
Oder hier vom Hersteller in Version 2.0: Lexikon, Encyclopedia v2.0

MfG Hetfield  

Hast du dazu mal einen Link, wo man das als Demo sieht? Ich finde auf der Southbridge Seite leider keine Demo.

Grüße

Torsten

[Hetfield]

Die Ursprungsversion kannst Du hier sehen: http://www.jungmichels.de/Wein-aus-Europa/Italienischer-Wein/Wein-aus-Venetien/Villa-Santa-Flavia-Pinot-Grigio-15L-Schankwein.html
oder hier (schlechter zu finden, halte Ausschau nach einem Fragzeichen    ) :
http://www.wasserbetten-versand2000.de/Wasserbetten/Wasserbetten-UnoSolo/Wasserbett-Luna-Royal-Comfort-Uno--93.html

MfG Hetfield  

[Tomcraft]

Ja schick... in zweiten Beispiel gleich mit der ThickBox/LightBox verbunden.

Aber die Tooltips-Variante hat Potential... finde ich noch gelungener. Vielleicht kann man ja das beste aus beiden Welten miteinander verbinden?

Grüße

Torsten

[cashdown]

Hallo,

ich weiß nicht wie es bei den anderen Versionen ist, aber der Vorteil von meiner ist, das man kein Eingrif ins System machen muss, man benötigt kein Javascript und es ist sehr einfach aufgebaut.

Natürlich ist noch nicht alles fertig und es gibt bugs, aber ich werd an meiner kleinen Version weiter arbeiten.

Würde auch gerne das man es im Adminsystem einstellen kann, bloß leider weiß ich nicht genau, wie man vorgeht um sein eigenes Menü im Adminmenü zu erstellen?

Viele Grüße

[Tomcraft]

Da kenne ich leider auch kein Tutorial.

Grüße

Torsten

[jahde]

öhm, bin ich jetzt blöd oder versteh ich das nur nicht...?
wenn ich mit der maus auf die buttercreme gehe, sehe ich nur den zum bild gehörenden alt- oder title-eintrag "bodybutter".
keine beschreibung oder sonstiges, was irgendwie besonderes aufsehen erregt.

 

[Tomcraft]

So sollte das bei dir aussehen:

  [ Für Gäste sind keine Dateianhänge sichtbar ]

Grüße

Torsten

[guensi]

Ja sollte, aber an der Browserkompatibilität muss noch etwas gefeilt werden.

Opera unter Mac OSX:

  [ Für Gäste sind keine Dateianhänge sichtbar ]

[guensi]

Im übrigen finde ich die Kommentare zu der verlinkten Seite:

Achtung bei ä,ü,ö usw. dafür den Text in der Mysql Datenbank mit folgenden Zeichen ersetzen: http://danielhuesken.de/2007/07/03/html-schreibweise-fuer-aeueoess/

ja echt drollig. Dabei ist es so einfach sich das zu merken.

Grundprinzip:
& leitet den Befehl zur Darstellung eines Sonderzeichens ein.
; schliesst den Befehl ab.
Für umlaute gilt die Anweisung:
uml = Abkürzung für Umlaut, davor steht der Vokal aus dem der Umlaut gebildet wird.

Damit ist der a-Umlaut, also das ä - auml
der U-Umlaut also das große Ü - Uuml
usw.

daneben gibts noch weitere Angaben die keine Umlaute sind:
das scharfe s nennt sich im Druckerjargon SZ-Ligatur - daher die Abkürzung szlig
Euro ist einfach euro
das & Zeichen heisst Ampersand, deshalb die Abkürzung amp
das " Anführungszeichen kommt vom Englischen quote (also zitieren) - deshalb quot
das <kleiner als Zeichen heißt im Englischen lower than - deshalb lt
das> größer als Zeichen heißt im Englischen greater than - deshalb gt

Also alles kein Hexenwerk mehr, wenn man das erst mal weiß.

Sollte eigentlich leicht fallen sich die paar Begriffe anhand ihrer Bedeutung (= Eselsbrücke) zu merken.

[Tomcraft]

Ja, der Link ist wirklich drollig.

Grüße

Torsten