Modifications du template Hyvä pour Magento 2

MAGENTO 2 · MISE EN PAGE · CATALOGUE · FICHES PRODUIT

Kowal Hyva — modifications du template

Gérez la largeur du contenu, la grille de produits et la mise en page des détails produit depuis la configuration Magento. Le pack Kowal Hyva structure la présentation du catalogue et des contenus sans créer de thème enfant distinct pour les modifications prises en charge.

Configuration Store View · Mise en page produit · Présentation du catalogue

FONCTIONNEMENT EN PRATIQUE

Dans Stores → Configuration → Kowal → Hyva Layout → Content Width, définissez des largeurs maximales distinctes pour la page d’accueil, les catégories, les produits et les pages CMS. Les valeurs vides conservent la largeur du thème ; vous pouvez indiquer des pixels ou un pourcentage.

L’option facultative Force width on all pages donne la priorité à la largeur globale et couvre également les autres routes de la boutique. Les paramètres concernent le contenu principal ainsi que les conteneurs d’en-tête et de breadcrumbs pris en charge ; le pied de page conserve sa propre largeur.

Le tableau Columns by list width définit le nombre de colonnes de 1 à 12 selon la largeur réelle de la liste après prise en compte des filtres latéraux. Le plus petit seuil correspondant l’emporte ; une ligne sans maximum peut définir la mise en page au-delà du plus grand seuil.

Un tableau vide conserve le thème. Le mécanisme couvre le mode GRID natif des catégories, et non le mode LIST, la recherche ou les recommandations. Les règles de seuil nécessitent la prise en charge des CSS container queries par le navigateur.

La configuration Product Page permet de choisir 1, 2 ou 3 colonnes de détails à partir d’une largeur de 1024 px ; sur les écrans plus petits, une seule colonne est conservée. Vous pouvez contrôler la visibilité des libellés More Information et la hauteur maximale des cartes.

Les cartes longues disposent d’options indépendantes Afficher plus / Afficher moins. Une hauteur vide affiche tout le contenu. Le changement concerne la grille native des détails, et non la mise en page de la galerie et de l’achat ni les sections indépendantes en pleine largeur.

La description du produit conserve le filtrage des attributs Magento et reçoit la typographie native Hyvä. Les protections de mise en page maintiennent les descriptions et les onglets dans les limites de la section : les longs blocs de code peuvent défiler à l’intérieur, tandis que le code inline et le texte passent à la ligne.

Les styles explicites de Page Builder restent dans le contenu. Les onglets personnalisés sont responsables de leur propre typographie ; les retours à la ligne manquants doivent être corrigés dans la description source.

Catalog Display permet d’ajouter les seuils natifs de prix dégressifs aux cartes produits des catégories, de la recherche et des sliders. Les produits sans seuils correspondants conservent l’apparence standard du prix.

L’option Icons Add To transforme les actions prises en charge wishlist, compare et demandes Kowal en boutons avec icône et libellé. Elle conserve leur fonctionnement ; le module de demandes reste facultatif.

Vous pouvez conserver le HTML ainsi qu’un contenu plus complet de la description courte en mode LIST, et masquer la sortie du prix dont la valeur finale est nulle en LIST et GRID. Le masquage du prix concerne la présentation et ne modifie ni la possibilité d’achat ni les prix enregistrés.

Vous définissez en pixels des dimensions de miniatures distinctes pour GRID et LIST. Les originaux plus petits ne sont pas agrandis ; les marges existantes dans le fichier source sont conservées. Les valeurs vides conservent le comportement du thème.

Le pack respecte la désactivation du raccourci PayPal sur la page produit Hyvä lorsque la configuration interdit explicitement son affichage. Les autres composants PayPal peuvent fonctionner conformément à leurs propres paramètres.

Le champ du logo d’en-tête dans Design Configuration prend en charge un profil limité et validé de SVG statique. Le diagnostic facultatif des rejets reCAPTCHA lors de l’inscription est désactivé par défaut ; il ne remplace pas la validation et ne garantit pas la correction d’une erreur de configuration.

Le pack kowal/module-hyva nécessite Hyvä. Les paramètres utilisent l’héritage standard Magento Default → Website → Store View ; le rendu des modifications prises en charge conserve le fallback Luma.

Les cartes, en-têtes et composants personnalisés à largeur fixe peuvent nécessiter un ajustement. Après la mise à jour, intégrez setup:upgrade, la compilation et le déploiement des ressources dans le processus de la boutique, puis actualisez le cache. Vérifiez le résultat sur téléphone et ordinateur, ainsi qu’avec les données réelles du catalogue.

Pack kowal/module-hyva, module Kowal_Hyva. Après avoir configuré l’accès au dépôt Kowal, installez le pack, activez le module, mettez Magento à jour et videz le cache. En production, intégrez la compilation et le déploiement du contenu statique conformément au processus de la boutique.

1. Vous choisissez le périmètre des paramètres
Vous adaptez la configuration au website ou au Store View.

2. Vous définissez la mise en page et la présentation
Vous choisissez les largeurs, les colonnes, les descriptions et les actions du catalogue.

3. Vous vérifiez le thème actif
Vous actualisez le cache et évaluez le résultat sur les pages réelles de la boutique.

Vous définissez une catégorie plus large et un nombre de colonnes dépendant de l’espace disponible pour la liste. En mode LIST, vous conservez la description courte formatée, et pour les produits avec des seuils définis, vous ajoutez les prix dégressifs. Sur la page produit, vous choisissez la mise en page des détails et la hauteur des cartes.