Mobile Shop-Ansicht

Hallo Torsten,

willkommen im Forum. Das kann ich bei meiner eigenen Seite so nicht nachvollziehen. Die Anzeige im Warenkorb und auch sonst im Shopbereich wird komplett in der mobilen Darstellung ausgeführt.

Ohne Link zur Seite lässt sich nur mutmaßen. Im ersten Schritt würde ich dazu raten, das Projekt zu kopieren und in der Kopie sämtlichen Fremdcode entfernen.

Hallo Torsten,

ich habe den Artikel 2 x bei uns mit reingenommen (https://www.hanabi-pirna.de/teambekleidung.php). Bei der Kopie des Artikels habe ich anstelle der Trennstriche jeweils ein Leerzeichen verwendet. Die Ansicht ändert sich damit je nach Gerät allerdings kaum. Im Vergleich zu unserer Vereinsbekleidung wird aber sichtbar, wo das Problem liegt. Der Artikelname ist bei Dir wesentlich länger.

Hier sollten die Entwickler überprüfen, ob in der mobilen Ansicht die Bilder im Warenkorb ausgeblendet werden können (schnelle Lösung) oder die Darstellung insgesamt umgebaut wird und Bild, Text und Preis untereinander erscheinen.

Die Silbentrennung ist übrigens nicht vom Programm abhängig, sondern vom verwendeten Browser, siehe dazu auch https://torstenlandsiedel.de/2020/09/06/sil…tes-im-browser/.

Zitat von ToWiDo

Guten Morgen,

bei der Gestaltung eines Shops ist mir aufgefallen, dass die insbesondere die Textdarstellung im Warenkorb nicht vollständig responsive ist. Zwar im Wortsinne (reaktiv), jedoch nicht aus optisch ästhetischer Sicht.

In der Smartphone-Ansicht (siehe Screenshot) wird die Artikel-Beschreibung im Warenkorb in bis auf Einzelbuchstaben zerstückelter Weise dargestellt.

Nach meiner Einschätzung liegt dies daran, dass a) die Schriftgröße nicht responsiv angepasst werden kann (Viewports) und b) in der mobilen Ansicht drei Elemente (Produktbild, Beschreibung und Preisfeld) in einer Zeile verbleiben, also nebeneinander statt untereinander dargestellt werden.

Gibt es hier eine Lösung (per Code oder Widget*), über die sich die Schriftgröße bzw. die Anordnung der Elemente einstellen lässt?

Vorab vielen Dank für die Gemeinschaftliche Hilfsbereitschaft!

Torsten

*für Seiteninhalte außerhalb der Shop-Seiten gibt es ein Widget (Text responsive) um die Schriftgröße per festgelegtem Viewport anzupassen. Auf die Artikel-Beschreibung im Warenkorb ist dieses Widget nicht anwendbar.

Alles anzeigen

Sieht bei mir genauso aus.

Baustelle

Zitat von ToWiDo

Was sagen die Entwickler?

Wir setzen das auf unsere Todo-Liste. Danke für den Hinweis.

Das wird dann künftig ab 460px Bildschirmbreite 1-Spaltig angezeigt, also Bild, darunter Artikelbezeichnung, darunter Preis und Bearbeiten-Button…

Die Verbesserung ist per Online-Update für Version 15.4.X raus. In frühestens 30 Minuten auf "Extras > Updates suchen" klicken und nachdem Inhalte geladen wurden (Hinweis unten rechts) die Tastenkombination STRG-SHIFT-T drücken. Danach ggf. veröffentlichen.

Nun wird bei Bildschirmbreiten von 460px oder schmaler 1-spaltig (untereinander) dargestellt, also:

Bild

Artikelbezeichnung

Preis und Bearbeiten-Button

Zitat von Stefan S

Die Verbesserung ist per Online-Update für Version 15.4.X raus. In frühestens 30 Minuten auf "Extras > Updates suchen" klicken und nachdem Inhalte geladen wurden (Hinweis unten rechts) die Tastenkombination STRG-SHIFT-T drücken. Danach ggf. veröffentlichen.

Nun wird bei Bildschirmbreiten von 460px oder schmaler 1-spaltig (untereinander) dargestellt, also:

Bild

Artikelbezeichnung

Preis und Bearbeiten-Button

Supergeil!

Danke an das Team

Ich wünsche schöne Ostern