Étiquette : extend

[Magento 2] Etendre un Block pour en hériter et lui ajouter de nouvelles fonctionnalités

Note: dans un but d’anonymisation, le véritable libellé du vendor a été remplacé par MyVendor.

Ressource en ligne: Créer un bloc sous magento 2.

Les fichiers obligatoires pour la création d’un nouveau module dans Magento 2 (ou Adobe Commerce)

app/code/MyVendor/KlarnaOnsitemessaging/registration.php

app/code/MyVendor/KlarnaOnsitemessaging/etc/module.xml

app/code/MyVendor/KlarnaOnsitemessaging/etc/di.xml

Etendre un Block dans Magento 2

Le Block (fichier) initial

vendor/klarna/module-onsitemessaging/Block/Product.php

Le Block étendu

app/code/MyVendor/KlarnaOnsitemessaging/Block/Product.php

Raison de l’extension: dans la fiche produit, nous avons besoin de cacher la bannière Klarna pour les produits > 10 000 euros ainsi que les produits not salable ou qui ont un stock = 0.

Nous allons pour ce faire créer une fonction publique getProduct() qui va nous permettre de récupérer tout un tas d’informations sur le produit affiché et notamment celles que nous allons exploiter dans la fonction publique conditionalShowOnProduct() qui teste que toutes les conditions sont remplies pour afficher la bannière.

app/code/MyVendor/KlarnaOnsitemessaging/etc/config.xml

Dans la class Product que nous venons d’étendre (cf. extension de /Block/Product.php), nous utilisons une config const CHECKOUT_PRICES_ABOVE = 'checkout/prices_above'; que nous définissons dans ce fichier (plutôt qu’en dur).

app/design/frontend/MyTheme/default/Klarna_Onsitemessaging/templates/html/placement/product.phtml

On interroge la fonction conditionalShowOnProduct() présente dans notre Block étendu pour afficher ou non la bannière Klarna.

[Magento 2] Etendre ou surcharger des styles less parent, de composants ou de modules dans un thème

Testé fonctionnel Magento 2.4

Sources: Best way to extend module less found in web/css/source/module, like _minicart.less? et Extend or override parent, components or modules styles in Magento 2 et version PDF pour la postérité.

Etendre les styles less d’un composant

Fichier parent: app/design/frontend/Vendor/default/Magento_Catalog/web/css/source/module/listings/_prod-small.less.

Son extension: app/design/frontend/Vendor/germany/Magento_Catalog/web/css/source/module/listings/_prod-small_extend.less

L’import de l’extension: app/design/frontend/Vendor/germany/Magento_Catalog/web/css/source/_extend.less

[jQuery] Etendre une fonction existante

Source: Extending an existing jQuery function.

Aller plus loin avec un callback

Source: Coderbits – Extending jQuery with onShow and onHide events.

[jQuery] Créer un plugin avec la méthode jQuery.fn.extend()

Sources :

Attention : en l’état, ce code requiert l’utilisation des plugins bxSlider et enquire.js et n’est pas tout-à-fait opérationnel. Le but de ce billet est de mettre en avant le principe de créer un mini plugin qui stocke des valeurs spécifiques de paramètres issus d’un plugin tiers (en l’occurence bxslider) afin de pouvoir les redistribuer à la volée sans avoir à les ressaisir à chaque fois.