Damit die Filter und Hooks im Mini-Cart-Block von WooCommerce weiterhin ihre magische Wirkung entfalten können, nehmen wir das Mini-Cart-Template und geben ihm ein neues Zuhause unter /dein-theme/woocommerce/cart/
. Dort wird es dann nach unseren Vorstellungen angepasst. Diese kleine Veränderung eröffnet uns eine Welt voller Möglichkeiten, denn wir können nun die advanced custom fields nutzen und sie mit den bestehenden Hooks im Mini-Cart verbinden. Das ist sozusagen wie die Sahnehaube auf dem Eisbecher – unglaublich nützlich! Besonders dann, wenn wir Produkte haben, die ACF-Felder verwenden und wir diese kleinen Schönheiten gerne im Mini-Cart zeigen möchten.
Um die Mini-Cart flexibler zu gestalten, entwickeln wir auch den Mini-Cart als Block. Im Editor können verschiedene Einstellungen für den Mini-Cart vorgenommen werden, wie z.B. das Ein- oder Ausblenden des Gesamtbetrags, automatisches Öffnen des Mini-Carts, Anpassung des Titels des Mini-Carts und das Anzeigen eines Hinweises.
Diese Herangehensweise ermöglicht es, die Mini-Cart-Funktionalität den individuellen Anforderungen anzupassen und flexibel zu bleiben.
Mini-Cart von Github installieren
- Dateien von Github herunterladen
- Feldgruppenfelder von der Datei
/acf-json-import/Feldgruppe_UD-Mini-Cart
importieren (ACF -> Tools -> Import JSON-Datei) - Verzeichnis
acf_mini-cart
mit den Dateienblock.css
,block.js
,block.json
,block.php
in dasblocks
-Verzeichnis kopieren. - das Template «woocommerce/cart/mini-cart.php» in das zuverwendende Theme kopieren
- Alle relevante Funktionen für die Mini-Cart in die
functions.php
übernehmen - Kurze Funktionskontrolle der Mini-Cart