Hallo,

leider funktioniert das gewohnte Template mit Randshop Version 3.0 bei uns nicht.
Das Template "standard_2017" kann man zwar auswählen, aber die Webseite liefert eine leere Seite zurück
(auch nach Löschen des Browserverlaufes).

Beim neuen Template standard_2020 haben sich bereits Kunden beschwert, daß die Bilder nicht richtig dargestellt werden und "Schwarze Balken" über den Bildern liegen.

Gibt es hierzu erweiterte Einstellmöglichkeiten ??

Gruß
Heidrunwebt

Die alten Templates können nicht mehr gehen, wie auch angekündigt, da die Struktur von Grundauf neu aufgebaut wurde.

Zwecks der Kundenbeschwerden müsste man das mal sehen.

Wir haben aktuell nur eins feststellen können, dass ist bei Handys und Artikeln mit mehreren Bildern. Da geht der Swiper nicht, wie er soll, wir sind gerade dabei das zu korrigieren.

Eine CSS hängt hier dran, die man im Template einspielen bzw. die layaut.css überspielen kann.

Hallo Randshopteam,
es hat sich was getan! Beim Aufruf meiner Seite mit dem Handy, sieht nach Anwählen der Detailansicht alles gut aus. Danke. Wenn ihr mir jetzt noch sagen könntet, wie ich aus den schwarzen Balken beim Menü eine frauenfreundlichere Farbe wählen könnte ?
Freundliche Grüße aus Südhessen,

Da musst halt das CSS ändern.
Also genau die Datei, die angehangen war.
Ab Zeile 436 bzw. ab der classe toggleMenu.

Ja, Danke !

das funzt ...

Ich habe da aber noch etwas gefunden, auf dem Android Handy hatte ich es mit dem Firefox getestet dort wird der Artikel mit mehreren Bildern ganz bescheiden angezeigt weil der Slider nicht geht, im Chrome oder Edge auf dem Handy sieht es normal aus. Ich habe das auch mit dem Testshop hier getestet das Ergebnis ist das gleiche und auch der tausch der Layout.css spielt dabei keine Rolle.

Auch oben das mit dem Warenkorb und der Kundenanmeldung ist in allen Browsern auf dem Handy sehr gequetscht, so das die Anzahl der Artikel im Warenkorb teilweise überdeckt wird.

Zeile 196, da dies hier einfügen margin-top: 20px;

Ist das so richtig:

.mein-konto { text-align: center; } margin-top: 20px;

Fast, dass muss auch in die Klammern rein.

.mein-konto { text-align: center; margin-top: 20px; }

Prima danke!

Also bei mir funktioniert das mit der CSS Datei nicht.
Habe die Datei runtergeladen.
Die Zeile 196 mit einem HTML Editor um den Eintrag ergänzt.

Dann die css Datei am Server /templates/standard_2020/design/blau/css überschrieben.
Die aktuellen Artikelbilder auf der Startseite sind am Tablet noch immer abgeschnitten, am Handy passt es soweit.

Der Warenkorb und Mein Konto ist durch das Suchfeld noch immer teilweise verdeckt. Sowohl am Handy als auch am Tablet.

Betrifft das Hochformat. Wenn ich Handy oder Tablet quer halte, stimmt es wieder.

Ich habe das bei mir jetzt noch einmal auf 2 Handys mit unterschiedlicher Displaygröße und mit verschiedenen Browsern getestet. Der Shop wird im Egde, Opera, Opera Mini, Chrome und im Samsung Browser im hoch- und querformat mit dieser Layout.css correct angezeigt. Die Bilder sind auch nicht abgeschnitten. Nach dem ändern der Zeile 196 ist nun auch oben alles Top.

Einzig und alleine der Firefox auf den Handys (neuste Version) kann die Artikel sobald mehrere Bilder vorhanden sind nicht darstellen, es entsteht ein großes Chaos der Artikelansicht auf dem Display.

@Harry2859, ich glaube da ist noch etwas im Cache, wenn selbst oben nach dem ändern der Zeile 196 alles beim alten verdeckt ist, ist entweder beim Upload was nicht richt gelaufen oder die Geräte haben noch immer die alte Layout.css im Cache. Dann bitte diesen in den Browsern der Geräte löschen.

Es reicht auch ein höheres Bildformat aus. Das ganze kann nur ein Kompromiss sein. Wir wissen nicht, in welchen Bildformaten Artikel eingestellt werden und es muss Mindesthöhen sowie Mindestbreiten geben. Wenn also bei einer der mittlerweile 1000 Auflösungen es nicht passt, werden auch die Bilder abgeschnitten.
Die Alternative wäre ungleichhohe Reihen, was noch weniger möchten.

Zum Swiper auf Handy hatten wir das schon in der Downloadversion angepasst.
Hier wird ca. ab Zeile 1116 eine neue Klassenzuweisung benötigt: .flex-container { display: block; }
Der Swiper kommt mit display: flex nicht klar.

Also das mit dem Cache im Broser hat gestimmt. Jetzt zeigt er oben alles richtig an.
Das mit den Bildgroßen wird auch stimmen, das die Bilder teilweise abgeschnitten sind.
Was wäre denn das optimale Bildformat?