# Swag Lightbox Plugin

**URL:** <https://forum.shopware.com/t/swag-lightbox-plugin/1943>\
**Category:** Shopware 3.5\
**Tags:** templates--design\
**Created:** [24. Februar 2011 um 10:52 UTC](https://forum.shopware.com/t/swag-lightbox-plugin/1943 "2011-02-24T10:52:05Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![jipo](https://avatars.discourse-cdn.com/v4/letter/j/e19b73/32.png) [@jipo](https://forum.shopware.com/u/jipo)\
**Post date:** [24. Februar 2011 um 10:52 UTC](https://forum.shopware.com/t/swag-lightbox-plugin/1943/1 "2011-02-24T10:52:05Z")

</div>

Hi, ich hab mal die neue Lightbox ein bisschen angepasst, damit wenn der User schon mal ein bisschen gescrollt hat und dann auf das Image klickt nicht die Lightbox oben am Webseiten klebt, sondern sich am Browserfenster-Rand (sprich an der aktuellen Position)öffnet ;-)) Die 2 Zeilen mit den Änderungen habe ich kommentiert - also wer Lust hat kann es ja mal ausprobieren. Schöne Grüsse Jörg /\* Lightbox \*/ #swag\_lightbox { background: #fff url(…/img/ajax-loader.gif) no-repeat center center; padding: 4px; -webkit-box-shadow: 0px 0px 6px #111; -moz-box-shadow: 0px 0px 6px #111; box-shadow: 0px 0px 6px #111; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; position: fixed; /\* JIPO von absolute auf fixed \*/ z-index: 11000; top: 5px; left: 50%; width: 250px; height: 250px; margin-left: -125px; } #swag\_lightbox.active { background: #fff } #swag\_close { background: url(…/img/close.png) no-repeat center center; width: 30px; height: 30px; position: fixed; /\* JIPO von absolute auf fixed \*/ z-index: 12000; cursor: pointer; top: 0; left: 50%; }

---

<div class="post-metadata">

**Author:** ![ssamy](https://avatars.discourse-cdn.com/v4/letter/s/8e8cbc/32.png) [@ssamy](https://forum.shopware.com/u/ssamy)\
**Post date:** [23. März 2011 um 20:28 UTC](https://forum.shopware.com/t/swag-lightbox-plugin/1943/2 "2011-03-23T20:28:29Z")

</div>

in welcher Datei muss man die Änderungen vornehmen? gruss ssamy

---

<div class="post-metadata">

**Author:** ![artep](https://avatars.discourse-cdn.com/v4/letter/a/aca169/32.png) [@artep](https://forum.shopware.com/u/artep)\
**Post date:** [23. März 2011 um 21:01 UTC](https://forum.shopware.com/t/swag-lightbox-plugin/1943/3 "2011-03-23T21:01:51Z")

</div>

@ssamy ind der swag\_lightbox.css Hallo Jipo, habe es gerade so übernommen, aber bei mir hängt es immer noch oben am Rand, da hat sich nicht viel geändert! Cache habe ich gelöscht! Schöner fände ich es, wenn es wie früher in der Mitte aufgeht.

---

<div class="post-metadata">

**Author:** ![ssamy](https://avatars.discourse-cdn.com/v4/letter/s/8e8cbc/32.png) [@ssamy](https://forum.shopware.com/u/ssamy)\
**Post date:** [23. März 2011 um 21:11 UTC](https://forum.shopware.com/t/swag-lightbox-plugin/1943/4 "2011-03-23T21:11:50Z")

</div>

Danke petra! ssamy

---

<div class="post-metadata">

**Author:** ![artep](https://avatars.discourse-cdn.com/v4/letter/a/aca169/32.png) [@artep](https://forum.shopware.com/u/artep)\
**Post date:** [23. März 2011 um 21:19 UTC](https://forum.shopware.com/t/swag-lightbox-plugin/1943/5 "2011-03-23T21:19:46Z")

</div>

Ich habe die Lightbox jetzt etwas runter gezogen, was ich viel besser finde. Dazu habe ich hier top: 5px; auf 48px geändert `#swag\_lightbox { background: #fff url(../img/ajax-loader.gif) no-repeat center center; padding: 4px; -webkit-box-shadow: 0px 0px 6px #111; -moz-box-shadow: 0px 0px 6px #111; box-shadow: 0px 0px 6px #111; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; position: fixed; z-index: 11000; top: 48px; left: 50%; width: 250px; height: 250px; margin-left: -125px; }` und hier height: 30px in 100px `#swag\_close { background: url(../img/close.png) no-repeat center center; width: 30px; height: 100px; position: fixed; z-index: 12000; cursor: pointer; top: 0; left: 50%; }` Danke Jipo für Deine Idee!

---

<div class="post-metadata">

**Author:** ![jipo](https://avatars.discourse-cdn.com/v4/letter/j/e19b73/32.png) [@jipo](https://forum.shopware.com/u/jipo)\
**Post date:** [24. März 2011 um 11:28 UTC](https://forum.shopware.com/t/swag-lightbox-plugin/1943/6 "2011-03-24T11:28:40Z")

</div>

Hi, ihr müsst auch die Caches löschen im Backend - glaub ich zumindest 😉 Das funktioniert bei uns auf allen Browsern sehr gut, weil der Hintergrund scrollt und das Bild nicht mehr an die Seite gekoppelt ist. Vg Joerg