# Kontakt/Service Infobox am Seitenrand

**URL:** <https://forum.shopware.com/t/kontakt-service-infobox-am-seitenrand/56315>\
**Category:** Programmierung\
**Tags:** customelements\
**Created:** [8. November 2018 um 12:40 UTC](https://forum.shopware.com/t/kontakt-service-infobox-am-seitenrand/56315 "2018-11-08T12:40:15Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![sleezy](https://avatars.discourse-cdn.com/v4/letter/s/cab0a1/32.png) [@sleezy](https://forum.shopware.com/u/sleezy)\
**Post date:** [8. November 2018 um 12:40 UTC](https://forum.shopware.com/t/kontakt-service-infobox-am-seitenrand/56315/1 "2018-11-08T12:40:15Z")

</div>

Hey Community,

ich suche eine Möglichkeit eine Kontaktbox am Bildshirmrand zu platzieren.

Ähnlich wie bei diesem Shop: [billi.de](http://billi.de)

Habe bislang nur ein einziges Plugin gefunden welches das wahrscheinlich erledigen würde:

> **[Infobar / Service & Kontakt Icons](https://store.shopware.com/swkwe77443855080/infobar/service-kontakt-icons.html)**
>
> Die Infobar sorgt für ein stetig gutes Service Gefühl und mehr Vertrauen beim Kunden. So können Sie Wichtiges immer an präsenter Stelle zeigen.…

Kann mir jemand sagen ob es vielleicht direkt eine Funktion is SW5 gibt? Oder kann jemand weitere Plugins empfehlen?

Vielen Dank vorab & beste Grüße

sleezy

---

<div class="post-metadata">

**Author:** ![sleezy](https://avatars.discourse-cdn.com/v4/letter/s/cab0a1/32.png) [@sleezy](https://forum.shopware.com/u/sleezy)\
**Post date:** [13. November 2018 um 19:15 UTC](https://forum.shopware.com/t/kontakt-service-infobox-am-seitenrand/56315/2 "2018-11-13T19:15:32Z")

</div>

push&nbsp;¯\_(ツ)\_/¯&nbsp;

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [13. November 2018 um 21:06 UTC](https://forum.shopware.com/t/kontakt-service-infobox-am-seitenrand/56315/3 "2018-11-13T21:06:33Z")

</div>

Wie schauts mit HTML/CSS Kenntnissen aus?

---

<div class="post-metadata">

**Author:** ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)\
**Post date:** [13. November 2018 um 22:19 UTC](https://forum.shopware.com/t/kontakt-service-infobox-am-seitenrand/56315/4 "2018-11-13T22:19:19Z")

</div>

Simple und einfach mit HTML und CSS:

```
    Marmot Quick SlideIn Banner
    
    
    
    
    

    #slidein {
        -moz-border-radius: 0 5px 5px 0;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-border-radius: 0 5px 5px 0;
        -webkit-transition-duration: 0.3s;
        background: #189eff;
        border-radius: 0 5px 5px 0;
        left: 0;
        padding: 12px 0;
        position: fixed;
        text-align: center;
        top: 40px;
        transition-duration: 0.3s;
        width: 35px;
    }

    #slidein_inner {
        -moz-border-radius: 0 0 5px 0;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-border-radius: 0 0 5px 0;
        -webkit-transition-duration: 0.3s;
        background: #189eff;
        border-radius: 0 0 5px 0;
        height: auto;
        left: -250px;
        padding: 25px;
        position: fixed;
        text-align: left;
        top: 40px;
        transition-duration: 0.3s;
        width: 200px;
    }

    #slidein:hover {
        left: 250px;
    }

    #slidein>i {
        color: white;
    }

    .info {
        color: white;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        line-height: 28px;
        margin-top: 20px;

    }

    #slidein:hover #slidein_inner {
        left: 0;
    }

    
    
        
        
            
               
                Kontaktieren Sie uns jetzt!
                Tel.: 01234-55-66-777

```

![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/c/cbe7a6631eb063cd900cf35ca8421a232aa05324.png)

&nbsp;

---

<div class="post-metadata">

**Author:** ![sleezy](https://avatars.discourse-cdn.com/v4/letter/s/cab0a1/32.png) [@sleezy](https://forum.shopware.com/u/sleezy)\
**Post date:** [14. November 2018 um 02:45 UTC](https://forum.shopware.com/t/kontakt-service-infobox-am-seitenrand/56315/5 "2018-11-14T02:45:04Z")

</div>

> [@SB schrieb:](https://forum.shopware.com/profile/20633/SB "SB")
> 
> **„push“** ¯\_(ツ)\_/¯&nbsp; nach ein paar tagen in einem kostenlosem forum mit geben und nehmen geht gar nicht - von daher -\>&nbsp;[https://developers.shopware.com/](https://developers.shopware.com/)
> 
> und der nächste auf meiner blacklist für aktive hilfe - lol

gut dass du deine zeit in dem forum sinnvoll nutzt! ich bin sicher du bist ein echter genie und anderen eine große hilfe- lol

&nbsp;

danke&nbsp;@Murmeltier für die antwort&nbsp;- werde die vorlage direkt testen.