# Warenkorb öffnen mit mouseover Funktion

**URL:** <https://forum.shopware.com/t/warenkorb-offnen-mit-mouseover-funktion/19993>\
**Category:** Shopware 3.5\
**Tags:** themes--design\
**Created:** [30. April 2014 um 00:11 UTC](https://forum.shopware.com/t/warenkorb-offnen-mit-mouseover-funktion/19993 "2014-04-30T00:11:08Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![ffinkelm](https://avatars.discourse-cdn.com/v4/letter/f/fbc32d/32.png) [@ffinkelm](https://forum.shopware.com/u/ffinkelm)\
**Post date:** [30. April 2014 um 00:11 UTC](https://forum.shopware.com/t/warenkorb-offnen-mit-mouseover-funktion/19993/1 "2014-04-30T00:11:08Z")

</div>

Der Warenkorb wir per Mausklick geöffnet und wieder geschlossen, eleganter fände ich allerdings die mouseover/mouseout Funktion. Wo und wie lässt sich das ändern? Danke und Gruß Frank

---

<div class="post-metadata">

**Author:** ![ffinkelm](https://avatars.discourse-cdn.com/v4/letter/f/fbc32d/32.png) [@ffinkelm](https://forum.shopware.com/u/ffinkelm)\
**Post date:** [1. Mai 2014 um 12:40 UTC](https://forum.shopware.com/t/warenkorb-offnen-mit-mouseover-funktion/19993/2 "2014-05-01T12:40:29Z")

</div>

Hat denn niemand eine Idee? Die Funktion müsste ja schon in jquery drin sein, ich weiß nur nicht, wie ich sie für den Fall aktivieren kann.

---

<div class="post-metadata">

**Author:** ![hbee](https://avatars.discourse-cdn.com/v4/letter/h/f08c70/32.png) [@hbee](https://forum.shopware.com/u/hbee)\
**Post date:** [1. Mai 2014 um 13:34 UTC](https://forum.shopware.com/t/warenkorb-offnen-mit-mouseover-funktion/19993/3 "2014-05-01T13:34:05Z")

</div>

Schau mal auf [demo.maxout.de](http://demo.maxout.de) Gesendet von meinem iPhone mit Tapatalk

---

<div class="post-metadata">

**Author:** ![ffinkelm](https://avatars.discourse-cdn.com/v4/letter/f/fbc32d/32.png) [@ffinkelm](https://forum.shopware.com/u/ffinkelm)\
**Post date:** [1. Mai 2014 um 13:46 UTC](https://forum.shopware.com/t/warenkorb-offnen-mit-mouseover-funktion/19993/4 "2014-05-01T13:46:19Z")

</div>

Danke, ja, genau das meinte ich, aber wie geht das??? Ist ja mit NivoSlider realisiert. Gruß

---

<div class="post-metadata">

**Author:** ![hth](https://avatars.discourse-cdn.com/v4/letter/h/b77776/32.png) [@hth](https://forum.shopware.com/u/hth)\
**Post date:** [1. Mai 2014 um 14:24 UTC](https://forum.shopware.com/t/warenkorb-offnen-mit-mouseover-funktion/19993/5 "2014-05-01T14:24:20Z")

</div>

> [@ffinkelm](#):
>
> Danke, ja, genau das meinte ich, aber wie geht das???

---

<div class="post-metadata">

**Author:** ![ffinkelm](https://avatars.discourse-cdn.com/v4/letter/f/fbc32d/32.png) [@ffinkelm](https://forum.shopware.com/u/ffinkelm)\
**Post date:** [1. Mai 2014 um 15:04 UTC](https://forum.shopware.com/t/warenkorb-offnen-mit-mouseover-funktion/19993/6 "2014-05-01T15:04:17Z")

</div>

Danke dir, das funktioniert sogar! Man muss das event nur noch wieder “löschen” können bei mouseleave, da probiere ich gerade etwas rum. ` $('div.ajax\_basket').mouseover(function () { if ($('.ajax\_basket\_result').hasClass('active')) { $('.ajax\_basket\_result').removeClass('active').slidein('faster'); } else { $.basket.getBasket(); } }); ` Da ich mich nicht wirklich gut mit Javascript auskenne, wäre ich dennoch für Hilfe sehr dankbar. @hbee: ich nehme mal an der NivoSlider ist etwas schwieriger umzusetzen, hat dafür aber mehr Gestaltungsspielraum. Hast Du vielleicht eine Anleitung? Gruß

---

<div class="post-metadata">

**Author:** ![Martin\_Schindler](https://avatars.discourse-cdn.com/v4/letter/m/22d042/32.png) [@Martin\_Schindler](https://forum.shopware.com/u/Martin_Schindler)\
**Post date:** [1. Mai 2014 um 17:09 UTC](https://forum.shopware.com/t/warenkorb-offnen-mit-mouseover-funktion/19993/7 "2014-05-01T17:09:05Z")

</div>

Alternativ einfach mal im Community Store nach hovercartwidget suchen [WINKING FACE]

---

<div class="post-metadata">

**Author:** ![hbee](https://avatars.discourse-cdn.com/v4/letter/h/f08c70/32.png) [@hbee](https://forum.shopware.com/u/hbee)\
**Post date:** [1. Mai 2014 um 17:17 UTC](https://forum.shopware.com/t/warenkorb-offnen-mit-mouseover-funktion/19993/8 "2014-05-01T17:17:44Z")

</div>

Der nivoslider hat damit rein gar nichts zutun. Ich habe einfach das Template modifiziert und ein eigenes JavaScript dazu geschrieben. Kannst du im quelltext einfach nachvollziehen. Gesendet von meinem iPhone mit Tapatalk

---

<div class="post-metadata">

**Author:** ![ffinkelm](https://avatars.discourse-cdn.com/v4/letter/f/fbc32d/32.png) [@ffinkelm](https://forum.shopware.com/u/ffinkelm)\
**Post date:** [1. Mai 2014 um 18:21 UTC](https://forum.shopware.com/t/warenkorb-offnen-mit-mouseover-funktion/19993/9 "2014-05-01T18:21:55Z")

</div>

[quote=“hbee”]Der nivoslider hat damit rein gar nichts zutun. Ich habe einfach das Template modifiziert und ein eigenes JavaScript dazu geschrieben. Kannst du im quelltext einfach nachvollziehen. Gesendet von meinem iPhone mit Tapatalk[/quote] OK, super! Soweit gehen meine Kenntnisse leider nicht, dass ich so etwas selber schreiben kann. jquery.overload.js?

---

<div class="post-metadata">

**Author:** ![hbee](https://avatars.discourse-cdn.com/v4/letter/h/f08c70/32.png) [@hbee](https://forum.shopware.com/u/hbee)\
**Post date:** [1. Mai 2014 um 18:26 UTC](https://forum.shopware.com/t/warenkorb-offnen-mit-mouseover-funktion/19993/10 "2014-05-01T18:26:40Z")

</div>

Ja genau. Ich habe einfach die $.basket überlagert. Der Rest ist smarty seitig anzupassen Gesendet von meinem iPhone mit Tapatalk

---

<div class="post-metadata">

**Author:** ![ffinkelm](https://avatars.discourse-cdn.com/v4/letter/f/fbc32d/32.png) [@ffinkelm](https://forum.shopware.com/u/ffinkelm)\
**Post date:** [1. Mai 2014 um 18:54 UTC](https://forum.shopware.com/t/warenkorb-offnen-mit-mouseover-funktion/19993/11 "2014-05-01T18:54:25Z")

</div>

@hbee Ich verstehe zwar nicht, was es heißt, etwas smarty seitig anzupassen, aber ich habe es in meiner Testumgebung zum Laufen gebracht :happy: Darf ich deine Anpassung verwenden, wenn ich mit dem Shop online gehe? Gruß Frank

---

<div class="post-metadata">

**Author:** ![hbee](https://avatars.discourse-cdn.com/v4/letter/h/f08c70/32.png) [@hbee](https://forum.shopware.com/u/hbee)\
**Post date:** [1. Mai 2014 um 18:55 UTC](https://forum.shopware.com/t/warenkorb-offnen-mit-mouseover-funktion/19993/12 "2014-05-01T18:55:13Z")

</div>

Wenn es läuft ist ja gut. Darfst du so verwenden Gesendet von meinem iPhone mit Tapatalk

---

<div class="post-metadata">

**Author:** ![ffinkelm](https://avatars.discourse-cdn.com/v4/letter/f/fbc32d/32.png) [@ffinkelm](https://forum.shopware.com/u/ffinkelm)\
**Post date:** [1. Mai 2014 um 19:06 UTC](https://forum.shopware.com/t/warenkorb-offnen-mit-mouseover-funktion/19993/13 "2014-05-01T19:06:08Z")

</div>

Klasse, vielen Dank!!! :thumbup: PS: na ja, die Funktion ist da, das Aussehen noch nicht ☹ Nun, etwas später: auch das Aussehen ist da.😉
