MITS ImageSize - Image Sizes for modified eCommerce Shopsoftware

MITS_ImageSize for modified eCommerce Shopsoftware

MITS_ImageSize is a powerful module for modified eCommerce Shopsoftware that automatically determines the dimensions of product and category images and makes them available as Smarty variables in the template. Image widths and heights can therefore be output directly in the shop to provide a clean layout, faster loading times and optimised display on desktop and mobile devices.

Specifying image dimensions is an important factor, particularly for modern templates and search-engine-friendly shops. With MITS_ImageSize, you reduce layout shifts, improve the user experience and create the technical foundation for professional, high-performance image output in your online shop.

Benefits of MITS_ImageSize

• Automatically determines width and height for product and category images
• Provides dimensions as Smarty variables for flexible template adjustments
• Supports Core Web Vitals optimisation and reduces CLS (layout shift)
• Ideal for responsive templates and mobile-optimised shops
• Compatible with modified eCommerce Shopsoftware
• Quick integration without extensive template changes
• Can work particularly efficiently with cached image dimensions

How the module works

The module adds extra information about existing images to your shop. It determines the dimensions of product and category images and makes them available directly in the template. You can therefore output image dimensions cleanly in the HTML markup and tell browsers the exact dimensions before the image is loaded.

MITS_ImageSize becomes particularly powerful in combination with the MITS_productsImageFilenames module: this stores the dimensions of product and category images once in the database. MITS_ImageSize can then read these values directly from the database instead of determining the image dimensions again at runtime via getimagesize() on every page view.

This significantly reduces file access on the server and delivers much better performance – especially in large shops with many products and images.

• Uses image dimensions stored in the database
• Avoids repeated getimagesize() calls
• Significantly faster page loading times
• Optimised for large product catalogues

Without additional modules, MITS_ImageSize continues to work independently and determines image dimensions directly from the image files.

Available Smarty variables

MITS_ImageSize provides the determined image dimensions as convenient variables for your template. You can use the information directly in your template files and create customised output.

{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}

This makes integration into existing or new templates particularly straightforward. Developers and shop operators get a flexible solution for outputting image attributes cleanly and in line with standards.

SEO and performance benefits

Structured, technically sound image output plays an important role in search engine optimisation and the performance of your online shop. When image dimensions are already included in the HTML, the browser can calculate a more stable page layout. This not only improves usability but also has a positive effect on key metrics such as Core Web Vitals.

• Better technical foundation for SEO
• Optimised loading performance
• Improved display on mobile devices
• Fewer visual layout shifts in the frontend
• Better user experience for your visitors

Conclusion

MITS_ImageSize is the ideal extension for anyone who wants to automatically read image dimensions and use them in templates in modified eCommerce Shopsoftware. Combined with MITS_productsImageFilenames, it also gives you particularly efficient, database-based processing of image dimensions.

The module gives you greater control and technically improved image output, while supporting the optimisation of SEO, performance and usability.