MITS ImageSize - Bildgrößen für modified eCommerce Shopsoftware

MITS_ImageSize für modified eCommerce Shopsoftware

MITS_ImageSize ist ein leistungsstarkes Modul für die modified eCommerce Shopsoftware, das die Bildgrößen von Produktbildern und Kategoriebildern automatisch ermittelt und als Smarty-Variablen im Template bereitstellt. Damit lassen sich Bildbreiten und Bildhöhen direkt im Shop ausgeben, um ein sauberes Layout, bessere Ladezeiten und eine optimierte Darstellung auf Desktop- und Mobilgeräten zu ermöglichen.

Besonders bei modernen Templates und suchmaschinenfreundlichen Shops ist die Angabe von Bildmaßen ein wichtiger Faktor. Mit MITS_ImageSize reduzierst du Layout-Verschiebungen, verbesserst die Nutzererfahrung und schaffst die technische Grundlage für eine professionelle und performante Bildausgabe in deinem Online-Shop.

Vorteile von MITS_ImageSize

• Automatische Ermittlung von Breite und Höhe für Produkt- und Kategoriebilder
• Bereitstellung als Smarty-Variablen für flexible Template-Anpassungen
• Unterstützt die Optimierung von Core Web Vitals und reduziert CLS (Layout Shift)
• Ideal für responsive Templates und mobil optimierte Shops
• Kompatibel mit modified eCommerce Shopsoftware
• Schnelle Integration ohne aufwendige Template-Umbauten
• Kann mit gecachten Bildgrößen besonders performant arbeiten

Funktionsweise des Moduls

Das Modul ergänzt deinen Shop um zusätzliche Informationen zu vorhandenen Bildern. Für Produktbilder und Kategoriebilder werden die jeweiligen Maße ermittelt und direkt im Template verfügbar gemacht. Dadurch kannst du Bildgrößen im HTML-Markup sauber ausgeben und Browsern bereits vor dem Laden der Grafik die exakten Dimensionen mitteilen.

Besonders leistungsstark wird MITS_ImageSize in Kombination mit dem Modul MITS_productsImageFilenames: Dieses speichert die Bildabmessungen von Artikel- und Kategoriebildern einmalig in der Datenbank. Anschließend kann MITS_ImageSize diese Werte direkt aus der Datenbank auslesen, anstatt die Bildgrößen bei jedem Seitenaufruf über getimagesize() zur Laufzeit neu zu ermitteln.

Das reduziert Dateizugriffe auf dem Server erheblich und sorgt für eine deutlich bessere Performance – besonders bei großen Shops mit vielen Produkten und Bildern.

• Nutzung gespeicherter Bildgrößen aus der Datenbank
• Vermeidung von wiederholten getimagesize()-Aufrufen
• Deutlich schnellere Seitenladezeiten
• Optimiert für große Produktkataloge

Ohne zusätzliche Module funktioniert MITS_ImageSize weiterhin eigenständig und ermittelt die Bildgrößen direkt aus den Bilddateien.

Bereitgestellte Smarty-Variablen

MITS_ImageSize stellt die ermittelten Bildmaße als praktische Variablen für dein Template zur Verfügung. So kannst du die Informationen direkt in deinen Template-Dateien verwenden und individuelle Ausgaben realisieren.

{foreach name=inner item=picture_data from=$pictureset_box}
{assign var="img_type" value=$picture_data.IMAGE|upper}
{assign var="img_size" value="PRODUCTS_`$img_type`_SIZE"}
  
{/foreach}

Dadurch wird die Integration in bestehende oder neue Templates besonders einfach. Entwickler und Shopbetreiber erhalten eine flexible Lösung, um Bildattribute sauber und standardkonform auszugeben.

SEO- und Performance-Vorteile

Eine strukturierte und technisch saubere Bildausgabe spielt für die Suchmaschinenoptimierung und die Performance deines Onlineshops eine wichtige Rolle. Wenn Bildabmessungen bereits im HTML hinterlegt sind, kann der Browser den Seitenaufbau stabiler berechnen. Das verbessert nicht nur die Benutzerfreundlichkeit, sondern wirkt sich auch positiv auf wichtige Kennzahlen wie die Core Web Vitals aus.

• Bessere technische Grundlage für SEO
• Optimierung der Ladeperformance
• Verbesserte Darstellung auf mobilen Endgeräten
• Weniger visuelle Layout-Verschiebungen im Frontend
• Bessere Nutzererfahrung für deine Besucher

Fazit

MITS_ImageSize ist die ideale Erweiterung für alle, die in der modified eCommerce Shopsoftware Bildgrößen automatisch auslesen und im Template nutzen möchten. In Kombination mit MITS_productsImageFilenames profitierst du zusätzlich von einer datenbankbasierten, besonders performanten Verarbeitung der Bildabmessungen.

Das Modul sorgt für mehr Kontrolle, eine bessere technische Bildausgabe und unterstützt die Optimierung von SEO, Performance und Benutzerfreundlichkeit.