Vergrößerte Produktansichten

Vergrößerte Produktansichten

Hallo liebe Community,
in der Produktdetailansicht klicke ich auf den Link "vergrößern" der Abbildungen. Die nun vergrößerte Produktansicht liegt leider nicht auf der ersten Ebene im Vordergrund, sondern wird von dem horizontalen Hauptmenü der Joomla-Website überlagert.
Wie kann ich es ändern, dass die Fotos tatsächlich als oberste Ebene die Seite überlagert darstellt werden?
Ich freue mich auf eure Hinweise!
Beste Grüße, Stefan Berndt

---

Aw: Vergrößerte Produktansichten

url?

Aw: Vergrößerte Produktansichten

Da der Shop auf freigelaufen.de noch nicht online ist, sind hier Screenshots.
Screenshot_Nordamerika_Shop_Nr._1.jpg
Screenshot_Nordamerika_Shop_Nr._2.jpg

---

Aw: Vergrößerte Produktansichten

Problem in CSS
z-index

Aw: Vergrößerte Produktansichten

Wo liegt den die CSS-Datei von Joomshopping in der ich den z-index für die vergrößerte Bildansicht einstellen kann?

Aw: Vergrößerte Produktansichten

http://www.webdesigner-profi.de/joomla-webdesign/joomla-shop/forum/posts/7/3567.html?limitstart=0&lang=en

Aw: Vergrößerte Produktansichten

Hallo,

wie webdesigner schon sagte, der Schlüssel ist der z-index.
Mit dem Addon firebug für den Firefox-Browser kannst du das herausfinden und ausprobieren. Firebug zeigt an, in welcher css Datei zu das ändern kannst.
Bei mit wird z.B. angezeigt:

#jquery-lightbox {
z-index: 1200;
}

Wenn ich jetzt den Wert auf z.B. 900 setze, verschwindet das Bild, weil es jetzt bei mir unter eine oder mehreren anderen Ebenen gelegt wird.

Bei dir könnte der z-index zum Beispiel auch bei 100 liegen. Einfach mit dem firebug den Wert erhöhen, bis das Bild "oben" steht. Du kannst die css code Anpassung auch in dein joomla Template einfügen, damit es später mit einem Shopupdate nicht überschrieben wird.

Grüße

---

---

Aw: Vergrößerte Produktansichten

Toll es hat funktioniert - herzlichen Dank für eure Unterstützung!

Aw: Vergrößerte Produktansichten

Auch bei mir funktioniert es nun.
Ich habe jetzt in mein Template den Zusatz des Z-INDEX eingetragen:

#jquery-lightbox {
left: 0;
line-height: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 1200;
}

Nun funktioniert es.
DANKE!!!

Aw: Vergrößerte Produktansichten

Use firefox + firebug
see css.