Neu Bilder sind mobil im fullscreen zu klein

Specker

Sehr aktives Mitglied
30. März 2015
515
50
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.706
2.165
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
515
50
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.706
2.165
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 Shopware 6.6.10.2 Abgleich zu JTL | Bilder Übertragung Fehler: Path cannot be empty Shopware-Connector 0
Neu Artikeletiketten Bilder drehen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 2
Neu Bilder über Amazon-Lister 2.0 lassen sich nicht dauerhaft ändern Amazon-Lister - Fehler und Bugs 0
Neu Shop zeigt nur Bilder der Kategorien an, nicht der eigentlichen Produkte WooCommerce-Connector 3
Ameise Bilder Import JTL-Wawi 1.10 23
Neu Große Bilder im Shop (Slider, Blog, Galerie etc.) nachträglich optimieren – wie macht ihr das? Allgemeine Fragen zu JTL-Shop 2
Neu Druckvorlage Artikel Etikett Bilder 1, 2, 3 - auch Ausgabeweg POS - beliebig Bilder in jeder Vorlage aus Datenbank zeigen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu [JTL Shop 5.4] Bilder für die Unterkategorien werden nicht angezeigt Allgemeine Fragen zu JTL-Shop 2
Artikel-Bilder löschen entfernt diese nicht aus der DB JTL-Wawi 1.8 4
Neu "Bilder zu Plattformen zuordnen" weist beim Import der Artikelstammdaten via Ameise nur einer von dreien JTL-POS Filialen zu. JTL-Ameise - Fehler und Bugs 2
Neu Bilder, Bildbeschreibungen und img_alt Tags in WAWI JTL-Wawi - Ideen, Lob und Kritik 1
Neu Komplettabgleich --> Bilder hängt sich auf - wie finde ich den Artikel Shopify-Connector 4
Neu Bilder Import für eBay JTL-Ameise - Ideen, Lob und Kritik 5
Neu Bilder werden nicht übertragen Shopify-Connector 0
Neu Bilder User helfen Usern - Fragen zu JTL-Wawi 6
Neu Bilder fehlen (teilweise) in der Kasse Einrichtung / Updates von JTL-POS 3
offene Postenliste zeigt mir keine offenen Posten an, obwohl Rechnungen offen sind ? JTL-Wawi 1.9 0
Neu JTL Shop 5.5.1 : Lieferzeit wird mit "0 Werktagen" ausgegeben, obwohl Lieferzeiten bei Versandarten hinterlegt sind JTL-Shop - Fehler und Bugs 3

Ähnliche Themen