Modul Tooltips für alle Shop Versionen

Da ich gerade so schön dabei bin für Kunden etwas zu erstellen, hier noch eine kleine Sache für diejenigen die gern Tooltips in Ihrem Shop verwenden möchten.

1. zip entpacken
2. den Ordner templates in Shop Root kopieren
3. bei den Tracking Codes folgendes einfügen

Code:

<script type="text/javascript">
$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})
</script>

Tooltip

Code:

<a data-placement="bottom" data-toggle="tooltip" href="#" title="Das  ist der Tooltip">Achtung hier kommt ein Tooltip</a>

data-placement="" gibt an, wo der Tooltip stehen soll, oben, unten rechts, links

oben = top
unten = bottom
links = left
rechts = right

data-toggle="tooltip" aktiviert den tooltip für das Element

title="Das ist der Tooltip"

Mit dieser Möglichkeit kann man jedem egal ob Bild, Text, Links oder Icons einen Tooltip verpassen.

Beispiel für ein Farbiges Icon mit Tooltip:
Das Modul für die Icons findet Ihr hier http://www.gambio-forum.de/threads/23122-Schicke-Icons-im-Shop-einfach-darstellen

Code:

<i class="fa fa-camera-retro fa-5x" data-placement="bottom"  data-toggle="tooltip" style="color:#FF0000" title="Das ist der  Tooltip">&nbsp;</i>

Beispiel für einen Textlink mit Tooltip:

Code:

<a data-placement="bottom" data-toggle="tooltip" href="#" title="Das  ist der Tooltip">Achtung hier kommt ein Tooltip</a>

Beispiel für einen Text mit Tooltip:

Code:

<abbr data-placement="bottom" data-toggle="tooltip" title="Das ist der Tooltip">Das ist der Text mit Tooltip</abbr>

Das ganze basiert auf Bootstrap, die Scripte und das CSS sind nicht von mir, ich habe das nur für Gambio etwas aufbereitet, damit das auch im EyeCandy bzw in allen Templates genutzt werden kann. Wer das ganze auch im MobileCandy nutzen möchte, ändert einfach im Template Ordner den Namen des Templates in MobileCandy und kopiert das ganze noch mal auf den Server.


Auch Hier gilt wieder, funktioniert mit allen Shop Versionen ab 2.0.10.0 und ist updatesicher.

Hier mal noch ein paar Bilder, damit ihr seht was gemeint ist.



Viel Spaß beim Einbauen, postet doch mal Eure Ergebnisse.

 

Hallo Manfred,
ich habe das im Moment nur Local auf dem Rechner, aber keine Angst, ist nichts aus dem K Shop

 

Hallo Heinrich, hast du auch den Code bei den Tracking Codes eingefügt?

 

Hallo Heinrich,
ich habe mal im ersten Beitrag noch ein paar Bilder eingefügt, damit man sehen kann was Tooltips sind.
Wo hast Du z.B. einen eingefügt, das ich mir das mal ansehen kann, ich habe das selbst in fast allen Shop Versionen getestet und es hat problemlos funktioniert. Die Caches hast du auch geleert?

 

dann müsstest du ja die Tooltips direkt mit dem Code da rein packen wo du das anlegst bei den Eigenschaften, und das wird nicht gehen. die Tooltips sind eigentlich für den Content Manager, Kategorie Beschreibungen und Artikelbeschreibungen gedacht.