Mini-Cart-Template als Block

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.

Werbung | Webdesign | Schwyz | Zug | Luzern | Altdorf | ulrich.digital
Mini-Cart Editoransicht

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.

Homepage für Kultur und Wirtschaft | Webdesign | Schwyz | Zug | Luzern | Altdorf | ulrich.digital
Mini-Cart Frontendansicht

Diese Herangehensweise ermöglicht es, die Mini-Cart-Funktionalität den individuellen Anforderungen anzupassen und flexibel zu bleiben.

Mini-Cart von Github installieren

Projekt auf Github

  • 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 Dateien block.css, block.js, block.json, block.php in das blocks-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
1 Star2 Stars3 Stars4 Stars5 Stars (1)

Deine Meinung ist uns wichtig! Auch wenn du denkst, dass unser Beitrag so spannend wie eine Präsentation über die Vorteile von Kalkulationstabellen ist, teile es uns mit!

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert