MITS ImageSize - Dimensions d'images pour modified eCommerce Shopsoftware

MITS_ImageSize pour le logiciel de boutique modified eCommerce

MITS_ImageSize est un module performant pour le logiciel de boutique modified eCommerce qui détermine automatiquement les dimensions des images de produits et de catégories et les met à disposition dans le template sous forme de variables Smarty. Les largeurs et hauteurs des images peuvent ainsi être indiquées directement dans la boutique pour assurer une mise en page soignée, de meilleurs temps de chargement et un affichage optimisé sur ordinateur et sur appareil mobile.

L’indication des dimensions des images est un facteur important, notamment pour les templates modernes et les boutiques optimisées pour les moteurs de recherche. Avec MITS_ImageSize, vous réduisez les décalages de mise en page, améliorez l’expérience utilisateur et posez les bases techniques d’un affichage professionnel et performant des images dans votre boutique en ligne.

Avantages de MITS_ImageSize

• Détermination automatique de la largeur et de la hauteur des images de produits et de catégories
• Mise à disposition sous forme de variables Smarty pour des adaptations flexibles du template
• Favorise l’optimisation des Core Web Vitals et réduit le CLS (décalages de mise en page)
• Idéal pour les templates responsive et les boutiques optimisées pour les mobiles
• Compatible avec le logiciel de boutique modified eCommerce
• Intégration rapide sans remaniement complexe du template
• Fonctionnement particulièrement performant avec les dimensions d’images mises en cache

Fonctionnement du module

Le module enrichit votre boutique d’informations supplémentaires sur les images existantes. Les dimensions des images de produits et de catégories sont déterminées et mises directement à disposition dans le template. Vous pouvez ainsi indiquer correctement les dimensions dans le balisage HTML et communiquer leur taille exacte aux navigateurs avant même le chargement de l’image.

MITS_ImageSize devient particulièrement performant lorsqu’il est associé au module MITS_productsImageFilenames : celui-ci enregistre une fois les dimensions des images d’articles et de catégories dans la base de données. MITS_ImageSize peut ensuite lire ces valeurs directement dans la base de données, au lieu de recalculer les dimensions à chaque consultation de page via getimagesize() pendant l’exécution.

Cela réduit considérablement les accès aux fichiers sur le serveur et améliore nettement les performances, notamment pour les grandes boutiques qui comptent de nombreux produits et images.

• Utilisation des dimensions d’images enregistrées dans la base de données
• Suppression des appels répétés à getimagesize()
• Temps de chargement des pages nettement réduits
• Optimisé pour les grands catalogues de produits

Sans module supplémentaire, MITS_ImageSize continue de fonctionner de manière autonome et détermine les dimensions directement à partir des fichiers image.

Variables Smarty disponibles

MITS_ImageSize fournit les dimensions d’images déterminées sous forme de variables pratiques pour votre template. Vous pouvez ainsi utiliser ces informations directement dans vos fichiers de template et créer des affichages personnalisés.

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

L’intégration dans des templates existants ou nouveaux devient ainsi particulièrement simple. Les développeurs et les commerçants disposent d’une solution flexible pour générer des attributs d’image propres et conformes aux standards.

Avantages pour le SEO et les performances

Un affichage des images structuré et techniquement propre joue un rôle important pour le référencement naturel et les performances de votre boutique en ligne. Lorsque les dimensions sont déjà définies dans le HTML, le navigateur peut calculer une mise en page plus stable. Cela améliore l’ergonomie et a également un effet positif sur des indicateurs importants tels que les Core Web Vitals.

• Meilleure base technique pour le SEO
• Optimisation des performances de chargement
• Affichage amélioré sur les appareils mobiles
• Moins de décalages visuels de mise en page dans le front-office
• Meilleure expérience utilisateur pour vos visiteurs

Conclusion

MITS_ImageSize est l’extension idéale pour tous ceux qui souhaitent lire automatiquement les dimensions des images dans le logiciel de boutique modified eCommerce et les utiliser dans le template. Associé à MITS_productsImageFilenames, il permet en outre un traitement particulièrement performant des dimensions d’images à partir de la base de données.

Le module offre davantage de contrôle, un meilleur affichage technique des images et facilite l’optimisation du SEO, des performances et de l’ergonomie.