Template i24-modified eCommerce Shopsoftware-Responsify-01: Thumbnails laden in Safari nicht

[marcus4p]

Hallo!

Wir haben unter www.only-goods.de einen Shop mit dem Template i24-modified eCommerce Shopsoftware-Responsify-01 laufen, Modified ist v1.06 rev 4356.

Unter Firefox und Chrome läuft hier alles problemlos. Wenn ich die Seite jedoch im aktuellen Safari aufrufe, laden die Thumbnails der Produkte nicht.

Das eigenartige ist jedoch:
Klicke ich den Reload-Button, laden die Bilder immernoch nicht. Klicke ich aber in die Adresszeile und bestätige die bestehende Adresse mit Enter, werden die Thumbnails geladen.

Hat da jemand einen Rat und kann helfen?

Linkback: https://www.modified-shop.org/forum/index.php?topic=30883.0

[Modulfux]

Ich kann das Verhalten im Safari leider nicht nachstellen.

Gruß
Ronny

[marcus4p]

Sehr seltsam.
Wir haben das hier auf mehreren Macs getestet und überall kam der gleiche Fehler auf.

Kannst du mal bitte auch folgende Seite testen: http://www.only-goods.de/Raeucherwerk/Kraeuter-Hoelzer---64_1.html

Vielen Dank schonmal .

[Tomcraft]

Ich kann es unter Mac OS X 10.9.4 mit Safari 7.0.6 auch nicht nachvollziehen.

Grüße

Torsten

[marcus4p]

Danke für eure Bemühungen. Dann liegt der Fehler wohl bei uns - ich werde weitersuchen müssen

[hpzeller]

Hallo marcus4p

Ich kann es unter Safari für Windows 5.1.7(7534.57.2) nachvollziehen.
Die Version ist aber uralt und wird soviel ich weiss nicht mehr updatend.

Gruss
Hanspeter

[hpzeller]

Hallo marcus4p

Habe jetzt ein wenig getüftelt und folgendes herausgefunden.

Wenn ich im safari ab Zeile 2201 'width: 100%;' entferne werden die Thumbs angezeigt, aber dafür werden sie im Firefox nicht mehr mittig dargestellt, wenn ich nun ab Zeile 3609 'width: 140px;' auch noch entferne ist es im Firefox wieder okay und im Safari sehe ich sie auch aber kleiner und nicht mittig.
Das ganze bezhiet sich auf folgende CSS-Datei
http://www.only-goods.de/templates/i24-modified_eCommerce_Shopsoftware-Responsify-01-orange-links/css/style.css

ab Zeile 2201

Code: CSS  [Auswählen]

.products-3columns li .product-inner,
.products-4columns li .product-inner,
.products-5columns li .product-inner,
.products-6columns li .product-inner {
    width: 100%;
    min-height: 0px;
    padding-top: 5px;
}

ab Zeile 3609

Code: CSS  [Auswählen]

.products-4columns .product-inner {
    height: 140px;
    margin-bottom: 10px;
    overflow: hidden;
    width: 140px;
}

Gruss
Hanspeter

[marcus4p]

Hallo Hanspeter,
danke! Das scheint doch tatsächlich die Lösung des Problems zu sein.
Ich habe die Änderungen mal durchgeführt und getestet - bis jetzt sieht alles sehr gut aus.

Vielen Dank!