Hallo.
Ist es so gewollt, dass im Shop bei Ansicht der Artikel von mobilen Endgeräten wie Smartphones, nur 1 Bild zu sehen ist, obwohl mehrere in der Desktop-Version bzw. in ZP eingefügt wurden?
Nur 1 Bild bei mobilen Geräten?
- Zur hilfreichsten Antwort springen
-
Hallo Detailer ,
aus meiner Sicht wäre es zumindest logisch hinsichtlich der Übertragungsgeschwindigkeit und Menge sowie für die Übersicht des Besuchers.
Für alle, die das ebenfalls mal testen wollen, diese Seite https://show--and--shine.de/artikeldetail.…0-cm-bis-138-cm in einem separten Fenster öffnen und dann das Fenster in der Breite zusammenschieben. Wenn man die Handybreite erreicht hat, sieht es für den Betrachter ganz normal aus, dass nach einem Produktfoto direkt der Beschreibungstext kommt.
-
Ich vermute, da fehlt etwas.
Denn unter dem Bild ist links ein undefinierter micro Inhalt.
Siehe Screenshot:
Habe selbst keinen Shop und kann nicht mehr dazu beitragen. -
- Hilfreichste Antwort
Hallo,
das ist so nicht gewollt. Da muss sich ein Fehler im VCSS eingeschlichen haben. Das werden wir beheben. Bis dahin, hilft folgendes:
- Klicken Sie im Menü Website auf "Einstellungen"
- Klicken Sie auf CSS
- Fügen Sie folgende Textzeilen (ohne Überschrift und ohne Zeilennummern – am besten über das Dokumente-Icon rechts oben im Quellcode-Kasten kopieren) in das Feld "CSS" ein und schließen Sie den Dialog dann mit Klick auf "OK"
CSS<style> @media screen and (max-width: 667px) { .zpshoparticle .zpProduct .c4 ul.thumbs li, .zpshoparticle .zpProduct .c6 ul.thumbs li, .zpshoparticle .zpProduct .c8 ul.thumbs li, .zpshoparticle .zpProduct .c12 ul.thumbs li { width: 100%; } } </style>Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.
-
Am einfachsten direkt drunter.
-
Merci!
-
Also damit erziele ich Responsive keine weiteren Bilder. Aber wenn Sie das demnächst beheben, dann ist das für mich auch i.O.
-
Hallo,
doch, mit dem CSS-Code werden auch auf kleinen Bildschirmen die Alternativbilder unter dem 1. Bild angezeigt. Der Code ist bei Ihnen aber noch nicht online. Ggf. sollten Sie erst alles erstellen und veröffentlichen, oder Sie haben den Code nicht wie beschrieben eingegeben.
-
Er steht genau so wie in dem Bild oben aufgeführt. Heute morgen noch wurden alle Seiten erstellt und auch alle veröffentlicht (Das mache ich sowieso fast immer, auch wenn das immer eine Ewigkeit dauert, aber anders wird vieles leider nicht live realisiert.). Cache vom Gerät wurde geleert. Ich sehe immer noch nur den Mikropunkt.
-
Hallo,
auf der Startseite ist der Code auch enthalten, auf der Produktseite (https://show--and--shine.de/artikeldetail.…0-cm-bis-138-cm) aber nicht. Vielleicht überschreibt auf der Shop-Seite ja ein seitenbezogenes Attribut das globale CSS?
-
Prüfen ob auf der Seite ein seitenbezogenes Attribut gesetzt ist. Siehe Handbuch-Link in voriger Antwort.
-
Hatte nicht richtig hingeguckt.
Sorry. Klar. Prüfe ich. Melde mich. Danke. -
Und jetzt stehe ich auf dem Schlauch. Warum macht da was Probleme?
-
Hallo Detailer ,
die Chrome-Entwicklertools zeigen folgende Fehler auf der entsprechenden Seite an. Eventuell erstmal diese Fehler beseitigen, damit sie als Störer ausgeschlossen werden können:
The SSL certificate used to load resources from https://www.paypalobjects.com will be distrusted in M70. Once distrusted, users will be prevented from loading these resources. See https://g.co/chrome/symantecpkicerts for more information.
badges.instagram.com/static/thirdparty/images/badges/ig-badge-sprite-48.png/ed6a4719fe46.png Failed to load resource: the server responded with a status of 500 ()
-
das Erste ist nur ein Hinweis, dass das Zertifikat der seite https://www.paypalobjects.com demnächst ungültig wird. Die Quelle wird damit zu einer unsicheren Quelle und auf Deiner https-Seite nicht mehr angezeigt.
zum zweiten geht es um Bilder, die aus einer externen Quelle geladen werden. Hier gibt es beim Abfordern einen Serverfehler 500.
-
Hallo,
ein Löschen per Rechtsklick auf das seitenbezogene Attribut additional_css könnte bezgl. der Bilddarstellungen die Lösung bringen. Danach veröffentlichen.
-
Das hat es dann auch tatsächlich gebracht. Ich vermute stark, dass der CSS-Code noch aus V12.5 stammt. Da wurde mir hier mal geholfen mit einem Code, da das ausgefahrene Menu hinter Teile des Headers verschwand.
Vielen Dank für die Hilfe.
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!