Release notes Atomic Suite v1.4.3

Cette version introduit des outils pour optimiser la qualité et le poids des images. La mise à jour intègre aussi la compatibilité avec le nouveau système de traduction PrestaShop. Les performances de chargement sur les appareils mobiles ont été optimisées. Une nouvelle option permet d’ajouter un produit au panier à travers un bouton sur la miniature produit. Un bug sur le reCAPTCHA a été corrigé. Cette version est compatible avec PrestaShop à partir de la version 1.7.8.0 mais pas encore compatible avec PrestaShop 8.0

[+] Add image optimization suite

Une palette d’outils permet d’optimiser les images utilisées par les molécules. Grâce à cette évolution, le poids et les dimensions des images pourront être optimisées automatiquement.

Lorsqu'une image est optimisée, elle sera transformée en différents types et optimisée pour un affichage rapide selon trois niveaux (qualité minimale, moyenne ou élevée). L'image qui sera montrée au client sur le site sera choisie en fonction de la configuration d'Atomic et des performances du navigateur utilisé par l'internaute.

[+] Adding image information on molecules

Dans les molécules contenant des images, il sera possible de voir la date, le format et le poids de chaque image générée par les outils d'optimisation.

[+] Improving performance on mobile devices

Quelques modifications mineures ont été apportées pour améliorer le temps d'affichage des pages sur les appareils mobiles.

[+] Add new module translation system

PrestaShop a introduit un nouveau système de traduction (depuis PrestaShop 1.7) pour les modules Core et Natif. Cela vise à harmoniser les systèmes de traduction dans l’ensemble de PrestaShop tout en offrant une rétrocompatibilité.

Grâce à cette évolution, le marchand pourra modifier certaines traductions facilement et les exporter via un fichier CSV.

[+] Compatibility with new wishlist module

Certains problèmes de compatibilité créaient des anomalies sur la page du produit si le module “Wishlist block” de PrestaShop était utilisé. La compatibilité avec ce module a été optimisée pour permettre l'utilisation de ce module avec Atomic.

[+] Add "automatic display" option to Modal molecule

La molécule modale permet, avec cette évolution, l’affichage d’un popin sans cliquer sur un bouton, au moment de l’ouverture d’une page ou au moment de la fermeture. Cette fonction est utile pour afficher un message, une promotion, ou un avis sur une page spécifique du site.

[+] Add button "Add to cart" on product miniatures

Nous avons ajouté une option permettant de gérer le bouton d'ajout au panier sur les miniatures produit. L'option est disponible dans le menu 'Configuration' > 'Général' > 'Configuration du thème'.

Trois choix sont possibles :

1) Pas de bouton

C'est le choix par défaut. Le produit ne peut pas être ajouté au panier à partir de la miniature. Le bouton n'est pas affiché, comme dans les versions précédentes de Atomic.

2) Afficher le bouton “Ajouter au panier” pour les produits avec déclinaisons

• S’il s’agit d’un produit simple, le bouton “Ajouter au panier” ajoutera le produit au panier.

• Si le produit est en vente avec des déclinaisons, le bouton ouvrira une pop-in avec l'aperçu du produit qui permet de choisir la déclinaison à ajouter au panier

Ce choix n’est pas recommandé si la boutique affiche des produits à personnaliser. Dans le cas d’un produit de ce type, le bouton “Ajouter au panier”, redirige vers la page produit pour permettre la personnalisation.

3) Afficher le bouton “Aperçu” pour les produits avec déclinaisons

Le bouton ouvre toujours la page produit.

[+] Sanitize svg images

Un procès de vérification et d'assainissement des fichiers .svg empêche les attaques XSS avec du code qui pourrait être associé aux images.

[+] Add option in Back office to choose Carousel arrow colors

Les flèches de défilement associées au carrousel de la page d'accueil peuvent être affichées, dans cette version, avec un fond clair ou un fond foncé. Cela permettra de mettre en évidence les indicateurs de défilement dans des contextes différents : l'utilisateur pourra choisir entre des indicateurs clairs s'il utilise des images plutôt sombres et des indicateurs plus foncés s'il utilise des images majoritairement claires.

[*] Remove double canonical URL call on product page

Dans la version précédente, il était possible de trouver deux balises rel="canonical" dans la même page produit. Cela a été corrigé pour améliorer le référencement et une seule balise de ce type est affichée dans cette nouvelle version.

[*] Bugfix: reCaptcha on mobile

Un bug empêchait la protection reCAPTCHA de fonctionner correctement sur les appareils mobiles. Cela pourrait exposer le site au risque de spam. Le bug a été corrigé.

Autre :

[+] Replace "remove" button by icon in the cart page [+] Adding a parent template to Extend for the slick slider [+] Use passive listeners to improve scrolling performance in Home page [+] Use passive listeners to improve scrolling performance of product page [+] Create a template for drawer [+] Remove container and row elements from template of Video molecule tpl [+] Translating tooltips of action icons into French [+] Add possibility to increase number of default variant in product miniature [+] SEO improvement: link with a discernible name [+] SEO improvement: fix error on Google Search Console for Product page [+] Correction of a severe chained vulnerability [+] Add suggestions in the interstitiel molecule [+] Update jquery-ui version from 1.12.1 to 1.13.2 [*] BugFix: modificator registration order [*] Bugifix: Error 500 on "Configure" page [*] Bugfix: error 500 when editing a brand image [*] Add missing templates for Cart page [*] Bugfix: Static token is not available [*] Bugfix: Invalid attribute in product miniature [*] Bugfix: displaying the number of colors on the product card [*] Bugfix: product customization block after switch combination Product page