# Hover Effekt einbauen, wenn man über die Artikel fährt?

**URL:** <https://forum.shopware.com/t/hover-effekt-einbauen-wenn-man-uber-die-artikel-fahrt/30043>\
**Category:** Themes & Design\
**Created:** [28. August 2015 um 09:30 UTC](https://forum.shopware.com/t/hover-effekt-einbauen-wenn-man-uber-die-artikel-fahrt/30043 "2015-08-28T09:30:59Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![toby1973](https://avatars.discourse-cdn.com/v4/letter/t/87869e/32.png) [@toby1973](https://forum.shopware.com/u/toby1973)\
**Post date:** [28. August 2015 um 09:30 UTC](https://forum.shopware.com/t/hover-effekt-einbauen-wenn-man-uber-die-artikel-fahrt/30043/1 "2015-08-28T09:30:59Z")

</div>

Hi, gibt es eine Möglichkeit einen Hover Effekt einzubauen (zum Beispiel einen Schatten) im Artikellisting, wenn man mit der Maus über die Artikel fährt? Vielen Dank

---

<div class="post-metadata">

**Author:** ![pemmler](https://avatars.discourse-cdn.com/v4/letter/p/c68b51/32.png) [@pemmler](https://forum.shopware.com/u/pemmler)\
**Post date:** [11. September 2015 um 12:37 UTC](https://forum.shopware.com/t/hover-effekt-einbauen-wenn-man-uber-die-artikel-fahrt/30043/2 "2015-09-11T12:37:19Z")

</div>

Über den Artikel oder das Bild? [http://store.shopware.com/tonur91184388 … are-5.html](http://store.shopware.com/tonur91184388946/artikel-zoom-shopware-5.html) Oder das hier: [http://store.shopware.com/pmsw792255541 … sicht.html](http://store.shopware.com/pmsw792255541984/erweiterter-artikelzoom-in-der-listenansicht.html) Aber noch nicht für SW5. Vielleicht macht er das mit dem Schatten, wenn du fragst. Gruß Patrick

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [11. September 2015 um 12:39 UTC](https://forum.shopware.com/t/hover-effekt-einbauen-wenn-man-uber-die-artikel-fahrt/30043/3 "2015-09-11T12:39:56Z")

</div>

In deiner Less / CSS Datei einfach entsprechend mit :hover arbeiten. `.product--box { .box--content { &:hover { -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.18); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.18); } } }` Wie du eine eigene Less Datei für dein Theme anlegest: [https://blog.hostianer.de/shopware-scre … i-anlegen/](https://blog.hostianer.de/shopware-screencast-eigene-less-datei-anlegen/)

---

<div class="post-metadata">

**Author:** ![toby1973](https://avatars.discourse-cdn.com/v4/letter/t/87869e/32.png) [@toby1973](https://forum.shopware.com/u/toby1973)\
**Post date:** [11. September 2015 um 13:02 UTC](https://forum.shopware.com/t/hover-effekt-einbauen-wenn-man-uber-die-artikel-fahrt/30043/4 "2015-09-11T13:02:26Z")

</div>

Juhuu Danke kayyy :)) Funktioniert perfekt! Merci