Neu Bilder sind mobil im fullscreen zu klein

Specker

Sehr aktives Mitglied
30. März 2015
509
46
Hallo

Unsere Artikelbilder auf der Productdetail-Page werden in der mobilen Ansicht nicht mehr richtig dargestellt im Fullscreen. (Nova-Child)

Original Nova Template hilft nicht weiter - gleicher Fehler.
Leider weiß ich nicht ab wann das Problem angefangen hat zu existieren.

In Chrome werden die Bilder auch zu klein angezeigt, wenn ich die Fenstergröße auf mobil stelle.
Firefox hingegen zeigt alles korrekt an bei mir in mobiler Fenstergröße.
D.h. die Bilder liegen alle in der korrekten Größe auf dem Server vor.

Ich habe alle custom CSS Sachen deaktiviert testweise, aber das bezieht sich ja eh nur auf mein Child Template.

Eigentlich kann es sich ja nur um eine Backend Einstellung dann handeln, oder?

Im Anhang:
Bild 1 -> Firefox, so wie es mobil aussehen sollte.
Bild 2 -> Chrome, so wie es mobil aktuell aussieht.

Help please :)
 

Anhänge

  • firefox.jpg
    firefox.jpg
    89,6 KB · Aufrufe: 7
  • chrome.jpg
    chrome.jpg
    21,9 KB · Aufrufe: 7

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
7.404
2.032
Berlin
Das liegt nicht am css

erstelle in deinem Child Template die Datei productdetails/product_images_modal.tpl
und füge diesen Inhalt dort ein:

Code:
{* in sizes wurde das auto entfernt, da die Bilder im Chrome sonst zu klein sind *}
                        {block name='productdetails-product-images-modal-image'}
                            <div class="square square-image">
                                <div class="inner">
                                    {image alt=$image->cAltAttribut
                                        class="product-image"
                                        fluid=true
                                        lazy=true
                                        webp=true
                                        src="{$Artikel->Bilder[0]->cURLNormal}"
                                        srcset="
                                            {$image->cURLMini} {$image->imageSizes->xs->size->width}w,
                                            {$image->cURLKlein} {$image->imageSizes->sm->size->width}w,
                                            {$image->cURLNormal} {$image->imageSizes->md->size->width}w,
                                            {$image->cURLGross} {$image->imageSizes->lg->size->width}w"
                                        sizes=""
                                        data=["list"=>"{$image->galleryJSON|escape:"html"}", "index"=>$image@index]
                                    }
                                </div>
                            </div>
                        {/block}
 
  • Gefällt mir
Reaktionen: Specker

Specker

Sehr aktives Mitglied
30. März 2015
509
46
Ach in dieser tpl wird das geregelt.. hatte in image.tpl vergeblich gesucht.
Vielen lieben Dank CSS, jetzt läuft es wieder!

kurze Frage zum Verständnis:
Was ist die Ursache des Fehlers? Vorhin habe ich mal in die aktuelle Shop Template Version
reingeschaut (5.3.3), dort steht es noch auf "auto".
Theoretisch müssten doch alle Shopbetreiber dieses Problem haben?
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
7.404
2.032
Berlin
Haben sie auch.
Ich stand da auch wie doof da und hatte ein klärendes Gespräch mit JTL

Ich zitiere mal Ausschnitte von @OliverS :

Da ist Chrome schuld. Chrome setzt das aktuell anscheinend immer auf 300x150px, wenn sizes="auto" für die Bilder/Sources hinterlegt ist. Das kannst du theoretisch aus der /templates/NOVA/productdetails/product_images_modal.tpl rausnehmen.

Das hat irgendwas mit contain-intrinsic-size und object-fit zu tun. object-fit: none führt bei mir im Testshop (Da hab ich 1:1 Bilder, 1024x1024px) dazu, das die oben und unten abgeschnitten werden:
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Megamenü mit Bilder der eigenen Seiten Technische Fragen zu Plugins und Templates 2
Neu webp Bilder werden nicht importiert eBay-Anbindung - Fehler und Bugs 0
Neu Slider-Vorschau Bilder auf der Artikeldetail-Seite werden in der mobilen Version nicht angezeigt Allgemeine Fragen zu JTL-Shop 0
Neu Kann kein Bilder bei Variationen hinterlegen JTL-Wawi - Fehler und Bugs 1
Neu Werden WebP-Bilder im On Page Composer nicht mehr angezeigt? Allgemeine Fragen zu JTL-Shop 0
Neu Abgleich mit JTL-Shop nur neue oder geänderte Bilder Onlineshop-Anbindung 9
Neu Google und Bilder indixieren Allgemeine Fragen zu JTL-Shop 3
Neu Artikel Bilder bei neuen Amazon Artikeln immer nur JTL Dummy Bild Amazon-Lister - Fehler und Bugs 1
Neu Artikel-Bilder je Plattform JTL Ameise - Eigene Exporte 2
Neu Bilder im Header und Footer fehlen, was hab ich gemacht?? Templates für JTL-Shop 3
Neu Bilder für den Cache werden nicht generiert JTL-Shop - Fehler und Bugs 1
Neu Fehlende Bilder JTL zu WooCommerce Englishe Sprache WPML Onlineshop-Anbindung 0
Neu SQL Query zum Bilder löschen Arbeitsabläufe in JTL-Wawi 3
Neu Vater hat jetzt Kinder, aber es sind zu viele! JTL-Ameise - Ideen, Lob und Kritik 2
Neu What the foggl is a boggl? das sind wir ;-) Boggl.org Shops stellen sich vor 0
Neu Neues Lager, Artikel sind angelegt, Bestände auf 0, wie pflege ich jetzt die Bestände korrekt ein ? User helfen Usern - Fragen zu JTL-Wawi 6
Neu [Error][Code:21920427] Adressangaben für die verantwortliche Person sind unvollständig. Geben Sie für die Adresse bitte die Straße, den Ort, die PLZ eBay-Anbindung - Fehler und Bugs 4
Neu Artikel werden als online in der WAWI angezeigt sind es aber nicht! Shopware-Connector 0
Neu JTL-Wawi 1.9.6.5 - GPSR: Bei Amazon wird der Hersteller falsch gefüllt und die Verantwortliche Person ist LEER - eBay/JTL-Shop sind korrekt Amazon-Anbindung - Fehler und Bugs 27
Nach Update auf 1.9.6.5 sind in der Wawi alle Hersteller DOPPELT ! vorhanden JTL-Wawi 1.9 5
Neu SQL: Positionen eines Auftrags sind auf welchem Lieferschein gelandet? Eigene Übersichten in der JTL-Wawi 7
Die Lizenzdaten sind ungültig... kein Connector Abgleich Shopware-Connector 17
Neu Alte Blogbeiträge sind nach Update nicht abrufbar JTL-Shop - Fehler und Bugs 0
Neu Shop Design Desktop und Mobil unabhängig voneinander Bearbeiten Allgemeine Fragen zu JTL-Shop 2

Ähnliche Themen