Neu Google hat auch immer etwas zu mekkern. Bilder zu zu Breit auf eigene Seiten für Mobile

kutti

Gut bekanntes Mitglied
Hallo,
Gibt es ein bestimmtes Maß welches für die Bldergröße welches ich einstellen muss, damit Goggle Mobile keine Probleme hat?
Ich habe nun schon sämtliche Bilder in den eigenen Seiten verkleinert aber trotzdem bekommt man noch mekker :confused:
Langsam werden sie aber zu klein, so das sie auf einem PC zu pipselig wirken.
Kann mir jemand einen guten Rat geben?
 

_simone_

Sehr aktives Mitglied
17. Februar 2013
3.240
452
Emsland
Firma
Notun Delend
Entweder vor dem Inhalt der html-Datei so:
CSS:
<style type="text/css">
img {
  max-width: 100%;
}
</style>
oder direkt beim Bild selber in html:
HTML:
<img src="dein-pfad-zum-Bild.jpg" style="max-width:100%">
 

Xantiva

Sehr aktives Mitglied
28. August 2016
1.787
313
Düsseldorf
Öhm, eigentlich sollte es im Evo-Template ausreichen, bei einem Bild die passende Klasse zu setzen? (Inline-Styles sollten möglichst immer vermieden werden! Ansonsten viel Spaß bei einem kommenden Template-Wechsel/-Update.)
HTML:
class="img-responsive"

Damit wird das gesetzt:
CSS:
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}
 

Xantiva

Sehr aktives Mitglied
28. August 2016
1.787
313
Düsseldorf
Ich weiß nicht genau, was Du alles für Styles eingibst, aber bleiben wir bei den Bildern als Beispiel:

Das Evo-Template sieht die CSS-Klasse img-responsive vor, Bilder so zu formatieren, dass sie auch responsive sind. Beim nächsten Template reicht die Formatierung vielleicht nicht mehr aus und es muss noch der Wert XY gesetzt werden. Da ich auch im CK-Editor bei den eigenen Seiten immer mit img-responsive arbeite, haben alle Bilder automatisch den neuen Wert gesetzt. Oder wenn es die Klasse im neuen Template nicht gibt, dann muss ich nur eine CSS Klasse anlegen und alle Bilder sind korrekt formatiert.

Du gibst jetzt die Formatierung direkt und nur über ein Inline-Style-Element an. Wenn Du jetzt noch den Wert XY hinzufügen musst, bist Du gezwungen, diesen Wert bei jedem Bild von Hand anzugeben. Du siehst was ich meine?
 
Zuletzt bearbeitet:

_simone_

Sehr aktives Mitglied
17. Februar 2013
3.240
452
Emsland
Firma
Notun Delend
@Xantiva
Faktisch hast du natürlich recht, aber für jemand der wenig Routine im Umgang mit css und html hat und evt. kein Child-Template, wären meine Vorschläge ein schneller Workaround.
 
  • Gefällt mir
Reaktionen: kutti

Xantiva

Sehr aktives Mitglied
28. August 2016
1.787
313
Düsseldorf
Hm, was ist an einem
HTML:
<img src="dein-pfad-zum-Bild.jpg" class="img-responsive">

schwieriger als an einem:
HTML:
<img src="dein-pfad-zum-Bild.jpg" style="max-width:100%">

;)
 
  • Gefällt mir
Reaktionen: kutti
Ähnliche Themen
Titel Forum Antworten Datum
Neu Google Shopping 2.2.2 JTL-Shop - Fehler und Bugs 0
Neu Neues Plugin: Google Translate / Übersetzer (DSGVO-konform und weitere Features) Plugins für JTL-Shop 1
Neu Google Shopping Problem Allgemeine Fragen zu JTL-Shop 1
Neu Unterseitenindexierung bei Google - wo ausschalten? Allgemeine Fragen zu JTL-Shop 1
Neu PayPal Checkout mit Apple Pay und Google Pay Plugins für JTL-Shop 1
Neu Google Listings & Ads image Fehler WooCommerce-Connector 2
Datenfeed google shopping - Übertragung saleprice JTL-Wawi 1.8 2
Neu Strukturierte Daten für VarKombis/Varianten nach Google Ankündigung vom 20.02.2024 JTL-Shop - Ideen, Lob und Kritik 0
Neu Unterstuetzung Google Consent Mode V2 Allgemeine Fragen zu JTL-Shop 11
Neu google recaptcha ablösen? dadurch ohne consentmanager leben JTL-Shop - Ideen, Lob und Kritik 7
Neu Google Pmax Kampagnen in Österreich - Shopping Produkte - Erfahrungswerte Smalltalk 0
Neu Inaktive Artikel werden mit 404 Fehler bei Google Search angezeigt Allgemeine Fragen zu JTL-Shop 2
Neu JTL Cookie Banner vs Consent Mode v2 für Google ADs Allgemeine Fragen zu JTL-Shop 6
Exportformat Google Shopping Merkmale Einrichtung JTL-Shop5 1
Neu Fehler beim Update von Exportformat Google Shopping JTL-Shop - Fehler und Bugs 1
Neu Google Shopping - Exportiert nicht alle Artikel? Plugins für JTL-Shop 2
Neu JTL Exportformat Google Shopping - Exportvorlage um Staffelpreise [bulk_price] erweitern? Plugins für JTL-Shop 4
Neu Shopumstellung - Google Ads funktioniert nicht Plugins für JTL-Shop 3
Neu cDeeplink für Google Shopping direkt aus der Shop-Datenbank? Allgemeine Fragen zu JTL-Shop 0
JTL Wawi Update 1.7.15.5 - Worker hat keinen Zugriff auf DB JTL-Wawi 1.7 6
Lieferant hat identischen Artikel von verschiedenen Herstellern oder verschiedene Packungsgrößen JTL-Wawi 1.7 0
Ameise auf Client nicht erreichbar - Wawi hat zugriff auf Datenbank JTL-Wawi 1.7 2
Neu Vorlage hat im Standard die Variable SalesQuotationPositionConfiguration.Name die nicht funktioniert Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu Template für Dateinamen hat nicht den gewünschten Effekt Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 6
Neu jtl datenbank warnung - ein formular hat mehr als 1000 felder in tkunde des Shops Allgemeine Fragen zu JTL-Shop 0
Neu Wawi läuft, aber ein Rechner hat den Pfad zur Datenbank verloren, Mandant kann nicht ausgewählt werden User helfen Usern - Fragen zu JTL-Wawi 3
Neu Online-Bezahlvorgang hat keine Kaufmöglichkeiten - Merchant Center User helfen Usern 0
Tabelle Sync.tScxLogeintrag hat eine Größe von 5,8 GB JTL-Wawi 1.8 3
Neu Ameise Import manuell ausgeführt funktioniert, der gleiche Import über Batch Planung gestartet hat Fehler JTL-Ameise - Fehler und Bugs 2
Neu Wunschzettel Funktion auch bei Vaterartikeln möglich? Templates für JTL-Shop 0
Neu JTL Connector zu SW6 auch als Testumgebung möglich ? Onlineshop-Anbindung 3
Neu Suchen Mitarbeiter für 40h Festanstellung gern auch 100% Homeoffice für Produkt und Kategorie Pflege mit der Wawi Dienstleistung, Jobs und Ähnliches 0
Frage zu Verkauf Kaufland Tschechien und Slowakei - Anbindung notwendig oder auch durch Kaufland realisierbar ? kaufland.de - Anbindung (SCX) 0
Neu Bilder unter "Mehr dieser Waregruppe" und "Kunden, die diesen Artikel gekauft haben, kauften auch" fehlen eBay-Designvorlagen - Fehler und Bugs 0
Neu Versandarten Spedition Stückgut (gestaffelt nach Gewicht und PLZ) - Geht das auch anders? User helfen Usern - Fragen zu JTL-Wawi 0
Verwiesen an Support TSE Modul wird nicht mehr erkannt, kann auch nicht wieder aktiviert werden, diverse Fehlermeldungen JTL-POS - Fehler und Bugs 1
Neu Teillieferung von Artikeln aus Versandbox, auch wenn andere bereits in der Versandbox sind Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 0

Ähnliche Themen