# Tooltipster in Einkaufswelten

**URL:** https://forum.shopware.com/t/tooltipster-in-einkaufswelten/26305
**Category:** Themes & Design
**Created:** [17. April 2015 um 08:53 UTC](https://forum.shopware.com/t/tooltipster-in-einkaufswelten/26305 "2015-04-17T08:53:32Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![impuls](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/impuls/32/13698_2.png) [@impuls](https://forum.shopware.com/u/impuls)
#### Post date: [17. April 2015 um 08:53 UTC](https://forum.shopware.com/t/tooltipster-in-einkaufswelten/26305/1 "2015-04-17T08:53:32Z")

</div>

Hi, ich habe das Script für [tooltipster](http://iamceege.github.io/tooltipster/)eingebaut was auch soweit auf normalen Kategorieseiten in der Beschreibung funktioniert: theme.php: ` /\*\* @var array Defines the files which should be compiled by the javascript compressor \*/ protected $css = array( 'src/css/tooltipster.css' ); /\*\* @var array Defines the files which should be compiled by the javascript compressor \*/ protected $javascript = array( 'src/js/jquery.tooltipster.js' ); ` Leider läd der Tooltip nicht dort wo ich ihn brauche: in den Einkaufswelten. Hat jemand einen Tipp parat woran es liegen könnte?

---

<div class="post-metadata">

### Author: ![impuls](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/impuls/32/13698_2.png) [@impuls](https://forum.shopware.com/u/impuls)
#### Post date: [22. April 2015 um 08:36 UTC](https://forum.shopware.com/t/tooltipster-in-einkaufswelten/26305/2 "2015-04-22T08:36:46Z")

</div>

/push

---

<div class="post-metadata">

### Author: ![Shopware-5](https://avatars.discourse-cdn.com/v4/letter/s/eb8c5e/32.png) [@Shopware-5](https://forum.shopware.com/u/Shopware-5)
#### Post date: [24. April 2015 um 09:46 UTC](https://forum.shopware.com/t/tooltipster-in-einkaufswelten/26305/3 "2015-04-24T09:46:52Z")

</div>

Kannst du mal zeigen was du genau mit der Funktion bewirkst… Merci Alexander

---

<div class="post-metadata">

### Author: ![t2oh4e](https://avatars.discourse-cdn.com/v4/letter/t/a5b964/32.png) [@t2oh4e](https://forum.shopware.com/u/t2oh4e)
#### Post date: [24. April 2015 um 10:01 UTC](https://forum.shopware.com/t/tooltipster-in-einkaufswelten/26305/4 "2015-04-24T10:01:03Z")

</div>

Ohne genau zu wissen was du vor hast: Vermutlich liegt das daran, dass die Einkaufswelten per JavaScript nachgeladen werden, sie sind also noch gar nicht existent wenn das tooltipster-Plugin geladen wird. Vielleicht gibt es irgendwelche Events die von den Einkaufswelten getriggert werden wenn sie geladen sind, dann könnte man sich da ran hängen. Oder du baust den Aufruf zu Initialisierung der Tooltips in die Einkaufewelten ein (z.B. indem du deren Template anpasst)

---

<div class="post-metadata">

### Author: ![impuls](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/impuls/32/13698_2.png) [@impuls](https://forum.shopware.com/u/impuls)
#### Post date: [30. April 2015 um 08:15 UTC](https://forum.shopware.com/t/tooltipster-in-einkaufswelten/26305/5 "2015-04-30T08:15:56Z")

</div>

[quote=“t2oh4e”]Oder du baust den Aufruf zu Initialisierung der Tooltips in die Einkaufewelten ein (z.B. indem du deren Template anpasst)[/quote] Hast du einen Tipp für mich, wo genau ich da ansetzen müsste? Es wird vermutlich genau das Problem mit dem Nachladen der Einkaufswelte sein.

---

<div class="post-metadata">

### Author: ![t2oh4e](https://avatars.discourse-cdn.com/v4/letter/t/a5b964/32.png) [@t2oh4e](https://forum.shopware.com/u/t2oh4e)
#### Post date: [30. April 2015 um 09:51 UTC](https://forum.shopware.com/t/tooltipster-in-einkaufswelten/26305/6 "2015-04-30T09:51:59Z")

</div>

Eigenes Template erstellen wie hier beschrieben: [https://devdocs.shopware.com/designers- … tom-themes](https://devdocs.shopware.com/designers-guide/getting-started/#custom-themes) Dann musst du noch die richtige Template-Datei finden. Ich vermute du brauchst widgets/emotion/index.tpl Sehe gerade keinen passenden block den man erweitern könnte, also würde ich die ganze Datei aus dem Bare-Theme in dein eigenes kopieren und dort zwischen den ersten beiden oder den letzten beiden Zeilen dein Script einfügen. (Alles nur eine Idee wie es vermutlich funktionieren müsste…)

---

<div class="post-metadata">

### Author: ![Philipp\_Schuch](https://avatars.discourse-cdn.com/v4/letter/p/8797f3/32.png) [@Philipp\_Schuch](https://forum.shopware.com/u/Philipp_Schuch)
#### Post date: [30. April 2015 um 10:38 UTC](https://forum.shopware.com/t/tooltipster-in-einkaufswelten/26305/7 "2015-04-30T10:38:42Z")

</div>

Hallo, hier könntest Du auch über das neue Event-System gehen. Siehe: [https://devdocs.shopware.com/designers-guide/javascript-statemanager-and-pluginbase/#global-jquery-event-observer](https://devdocs.shopware.com/designers-guide/javascript-statemanager-and-pluginbase/#global-jquery-event-observer) Das entsprechende Event aus dem Emotion Plugin wäre: ‘plugin/emotion/init’ Sonnige Grüße, Phil

---

<div class="post-metadata">

### Author: ![t2oh4e](https://avatars.discourse-cdn.com/v4/letter/t/a5b964/32.png) [@t2oh4e](https://forum.shopware.com/u/t2oh4e)
#### Post date: [30. April 2015 um 11:06 UTC](https://forum.shopware.com/t/tooltipster-in-einkaufswelten/26305/8 "2015-04-30T11:06:25Z")

</div>

Da sind also die Events die getriggert werden, wie in meiner ersten Antwort vermutet. Das wäre natürlich noch viel eleganter :thumbup:

---

<div class="post-metadata">

### Author: ![siebi](https://avatars.discourse-cdn.com/v4/letter/s/f9ae1b/32.png) [@siebi](https://forum.shopware.com/u/siebi)
#### Post date: [7. Juni 2015 um 00:58 UTC](https://forum.shopware.com/t/tooltipster-in-einkaufswelten/26305/9 "2015-06-07T00:58:07Z")

</div>

Hallo, gibt es hierfür mittlerweile eine Lösung? In shopware4 wurde der Tooltip in den Einkaufswelten angezeigt. Es wurde sogar ein Bild ausgegeben.

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/6/6726cfc8fd9c6f162a1e5b9627f5b770b0e86b1a.jpeg) In shopware5 funktioniert das wohl leider nicht mehr. Man kann beim Mapping zwar Tooltip auswählen, wird aber nicht mehr so angezeigt. ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/f/f362cbe8a5480852541335a092a812abb5fb1b22.jpeg) Wäre schön, wenn mir das jemand möglichst genau erklären könnte.

---

<div class="post-metadata">

### Author: ![TeichDatensysteme](https://avatars.discourse-cdn.com/v4/letter/t/43a26b/32.png) [@TeichDatensysteme](https://forum.shopware.com/u/TeichDatensysteme)
#### Post date: [5. Januar 2016 um 15:33 UTC](https://forum.shopware.com/t/tooltipster-in-einkaufswelten/26305/10 "2016-01-05T15:33:52Z")

</div>

Huhu! Ich wollte den Thread mal wiederbeleben … Gibt es dazu ein genaues Beispiel? Meine Tests verlaufen nämlich nicht so erfolgreich. Weder ` $.subscribe('plugin/emotion/onInit', function() { console.log('onInit'); }); ` weder ` $.subscribe('plugin/emotion/init', function() { console.log('onInit'); }); ` weder ` $.subscribe('plugin/emotion/onInit.my-plugin', function() { console.log('onInit'); }); ` noch ` $.subscribe('plugin/emotion/init.my-plugin', function() { console.log('onInit'); }); ` Ob ich das in der Console setze, oder in meinem sonst funktionierendem JS Plugin (innerhalb oder außerhalb der ;jQuery(function ($) { … ) - geht beides nicht, kommt keine Rückmeldung. Hat wer eine Idee oder ein weiteres Beispiel? Ich versuche eig. genau das - Tooltipster in den Einkaufswelten. Schöne Grüße, Niklas

---

<div class="post-metadata">

### Author: ![t2oh4e](https://avatars.discourse-cdn.com/v4/letter/t/a5b964/32.png) [@t2oh4e](https://forum.shopware.com/u/t2oh4e)
#### Post date: [5. Januar 2016 um 16:03 UTC](https://forum.shopware.com/t/tooltipster-in-einkaufswelten/26305/11 "2016-01-05T16:03:47Z")

</div>

Die Events sind irgendwann umbenannt worden. Das hier müsste glaube ich aktuell funktionieren: ` $.subscribe('plugin/swEmotionLoader/onLoadEmotionFinished', function() { //wenn die einkaufswelt komplett geladen ist }); $.subscribe('plugin/swEmotionLoader/onInitEmotion', function() { //wenn die einkaufswelt initialisiert wird }); ` Ansonsten einfach mal hier nach den richtigen Events suchen: [https://github.com/shopware/shopware/bl … emotion.js](https://github.com/shopware/shopware/blob/5.1/themes/Frontend/Responsive/frontend/%5C_public/src/js/jquery.emotion.js)
