# Hover Effekt
Der Hover Effekt in einem Online-Shop bezieht sich auf eine Designfunktion, bei der eine Aktion oder visuelle Veränderung auftritt, wenn ein Benutzer mit dem Mauszeiger über ein Element, wie zum Beispiel einen [Button](/academy/fachbegriffe/button.md) oder einen Link, fährt.
Der Hover Effekt wird verwendet, um die Benutzerinteraktion und das visuelle Feedback zu verbessern. Wenn der Benutzer mit dem Mauszeiger über ein Element schwebt, kann eine Reihe von Reaktionen ausgelöst werden. Hier sind einige häufige Arten von Hover Effekten in deinem Shopware Shop:
1. Farbänderung: Das Element kann seine Farbe ändern, um anzuzeigen, dass es interaktiv ist oder auf den Mauszeiger reagiert. Dies kann beispielsweise dazu dienen, einen [Button](/academy/fachbegriffe/button.md) hervorzuheben oder auf eine aktive Verknüpfung hinzuweisen.
2. Animation: Bei einem Hover Effekt können animierte Effekte auftreten, wie beispielsweise das Ein- und Ausblenden von Informationen oder das Verschieben von Elementen. Diese Animationen können dem Benutzer visuelles Feedback geben und die Interaktivität des Elements betonen.
3. Vergrößerung oder Zoom: Bei Produkten kann der Hover Effekt dazu verwendet werden, ein vergrößertes Bild des Produkts anzuzeigen, wenn der Benutzer mit dem Mauszeiger über das Produktbild fährt. Dies ermöglicht es dem Benutzer, das Produkt genauer zu betrachten und Details zu erkennen. Diese Funktion findest du bspw. auf der [Produkt Detailseite](/academy/fachbegriffe/produkt-detailseite.md).
4. Schatten oder Hervorhebung: Ein Element kann einen Schattenwurf erhalten oder hervorgehoben werden, wenn der Benutzer mit dem Mauszeiger darüber schwebt. Dadurch wird das Element betont und hebt sich visuell von anderen Elementen ab.
{% hint style="info" %}
Der Hover Effekt kann die Benutzererfahrung in einem Online-Shop verbessern, indem er Interaktivität und visuelles Feedback bietet. Er kann den Benutzern helfen, interaktive Elemente schneller zu erkennen und die Navigation zu erleichtern. Ein gut gestalteter Hover Effekt kann die Aufmerksamkeit der Benutzer auf wichtige Bereiche lenken, das Einkaufserlebnis ansprechender gestalten und die Benutzerfreundlichkeit des Shops erhöhen.
{% endhint %}
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://docs.atloss.de/academy/fachbegriffe/hover-effekt.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.