Creative Elements 2.5.10 : Introduction du Product Miniature Builder et des Dynamic Tags
Creative Elements 2.5.10 introduit de nouvelles fonctionnalités puissantes conçues pour vous offrir plus de flexibilité, de cohérence et de contrôle dans la création de votre boutique PrestaShop. Avec le Product Miniature Builder, les Dynamic Tags et plusieurs améliorations des pages produit et du header, cette mise à jour étend considérablement les possibilités offertes par Creative Elements.
Produit Miniature
Découvrez l’une des nouveautés les plus importantes de Creative Elements : le Product Miniature Builder entièrement personnalisable (également appelé Loop Builder).
Les miniatures de produit sont des éléments essentiels de toute boutique e-commerce. Elles apparaissent sur les pages catégories, les listings produits, les pages marques, les résultats de recherche et les carrousels. Avec ce nouveau builder, vous pouvez désormais concevoir vos propres cartes produits à l’aide d’un large choix de widgets, au lieu de dépendre de mises en page prédéfinies.
Balises dynamiques
Creative Elements inclut déjà des widgets dynamiques tels que les Product Boxes, Product Carousels et Product Grids. Avec les Dynamic Tags, vous pouvez désormais ajouter des fonctionnalités dynamiques à des widgets auparavant statiques. Cette fonctionnalité vous permet d’insérer du contenu dynamique ou de déclencher des actions, élargissant considérablement vos possibilités de création.
Les Dynamic Tags peuvent être divisés en deux groupes : l’un pour afficher du contenu dynamique (comme des images ou du texte) et l’autre pour exécuter une action.
Voyons quelques exemples simples :
Vous pouvez définir une action d’ajout au panier sur un widget Bouton ou simplement ouvrir une lightbox.
Ou créer une navigation personnalisée pour les carrousels produits à l’aide de widgets Icône — le système détecte automatiquement et contrôle le carrousel le plus proche. Dans l’exemple ci-dessous, deux widgets Icône sont utilisés pour les actions de navigation (gauche et droite).
Améliorations de la page produit
Cette mise à jour introduit plusieurs améliorations pour optimiser l’expérience utilisateur et le design des pages produit.
La lightbox produit prend désormais en charge le zoom, permettant aux utilisateurs de zoomer avec des gestes tactiles sur mobile ou en double-cliquant sur desktop. Vous pouvez également afficher un compteur indiquant le nombre d’images disponibles pour chaque produit.
Dans le widget Product Image, le zoom au survol est désormais disponible, offrant une expérience plus interactive.
De plus, la largeur des widgets peut maintenant être définie dynamiquement grâce à la fonction calc(). Cela permet de créer des mises en page plus avancées, par exemple en plaçant un champ quantité, un bouton Ajouter au panier et une icône Wishlist sur une seule ligne avec des valeurs comme calc(100% - 70px - 40px).
Améliorations du header
Le header est une zone clé et souvent très dense dans une boutique en ligne. Pour améliorer l’ergonomie, la fonctionnalité Sticky Position a été améliorée : le header disparaît lors du scroll vers le bas et réapparaît lors du scroll vers le haut.
Combinée avec le calcul dynamique des largeurs, cette amélioration permet une meilleure gestion de l’espace, notamment pour les menus de navigation.
Vous pouvez également réorganiser les widgets selon les appareils, ce qui réduit le DOM et améliore les performances de chargement.
Hover transform repensé
Initialement conçu pour les miniatures produit, le système de hover transform a été étendu à plusieurs widgets.
Vous pouvez désormais déclencher des animations et transitions en survolant une section ou une colonne, et non plus uniquement des éléments individuels. Il est également possible de contrôler l’opacité des widgets lors du hover, permettant de créer des call-to-action plus avancés et interactifs.
Votre produit personnalisé
Votre produit personnalisé
Drink Juice
Restez frais
Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Support du format WebP
L’optimisation des images joue un rôle essentiel dans les performances d’un site. Utiliser des images bien dimensionnées et compressées permet d’améliorer significativement les temps de chargement.
Avec Creative Elements 2.5.10, vous pouvez désormais utiliser le format WebP dans vos contenus. Ce format moderne offre une meilleure compression tout en conservant une excellente qualité, ce qui permet d’accélérer le chargement des pages.
Nous recommandons toujours l’utilisation d’outils comme Compressor.io ou TinyJPG pour optimiser vos images.
Creative Elements 2.5.10 apporte des améliorations majeures en termes de flexibilité et de performance. Avec le Product Miniature Builder et les Dynamic Tags, vous avez un contrôle total sur l’affichage et le comportement de votre contenu. Combinée aux améliorations des pages produit, du header et au support WebP, cette mise à jour vous permet de créer des expériences e-commerce plus performantes et engageantes.
Comment mettre à jour ?
Creative Elements v2.5.10 est disponible dès maintenant. Vous pouvez effectuer la mise à jour directement via votre gestionnaire de modules afin de profiter immédiatement de ces nouvelles fonctionnalités.
Le processus de mise à jour prend tout en charge automatiquement, vous permettant de reprendre rapidement la création de vos pages sans interruption.
Créez plus intelligemment. Concevez librement. Optimisez votre boutique.
Explorer d’autres mises à jour
Creative Elements 2.9.14 : Theme Style, icônes personnalisées et améliorations de l’interface
Creative Elements 2.9.14 introduit de nouveaux outils puissants pour vous aider à concevoir des bout…
En savoir plus »
Creative Elements 2.13 : Support de PrestaShop 9, nouveaux constructeurs de pages et bien plus encore
Nous sommes ravis d’annoncer la sortie de Creative Elements 2.13, une mise à jour majeure riche en n…
En savoir plus »
Creative Elements 2.11 : Améliorations majeures des performances et de la vitesse
Dans le monde du e-commerce en constante évolution, chaque seconde compte. Découvrez Creative Elemen…
En savoir plus »