Accentsconagua

WooCommerce Hinzufügen der Produktkurzbeschreibung zu Archivseiten

Code
Share
Was Sie erstellen werden

WooCommerce wird mit Archivseiten und Loops geliefert, die hervorragende Arbeit leisten. Manchmal müssen Sie jedoch etwas mehr Informationen in Ihrem Hauptshop und anderen Archivseiten anzeigen.

In diesem Tutorial zeige ich Ihnen, wie Sie die Produkt-Kurzbeschreibung zu Ihren Archivseiten hinzufügen und unter dem Produkttitel anzeigen können.

Was du brauchen wirst

Um mitzumachen, brauchst du:

  • Eine Entwicklungsinstallation von WordPress.
  • Ein Code-Editor.
  • WooCommerce installiert und aktiviert.
  • Produkte hinzugefügt - Ich habe die Dummy-Produktdaten importiert, die mit WooCommerce geliefert werden. Einzelheiten dazu finden Sie in dieser Anleitung.
  • Ein WooCommerce-kompatibles Design wurde aktiviert. Ich verwende Storefront.

Bevor Sie beginnen, stellen Sie sicher, dass Sie WooCommerce eingerichtet haben. Um die Kurzbeschreibungen für das Produkt hinzuzufügen, führen Sie drei Schritte aus:

  1. Erstellen Sie ein Plugin für die Funktion und aktivieren Sie das Plugin.
  2. Fügen Sie eine Funktion hinzu, die die Kurzbeschreibung des Produkts ausgibt.
  3. Identifizieren Sie den Hook in WooCommerce, an den wir die Funktion anhängen müssen, und hängen Sie die Funktion an diesen Hook an.

So lass uns anfangen!

Plugin erstellen

In deiner WP-Inhalt / Plugins Erstellen Sie eine neue PHP-Datei. Ich rufe meine an tutsplus-product-archive-short-Beschreibungen.php.

Öffnen Sie die Datei in Ihrem Code-Editor. Fügen Sie am Anfang der Datei Folgendes hinzu:

Dadurch wird das Plugin eingerichtet und WordPress gibt alles an, was zur Aktivierung erforderlich ist.
Gehen Sie jetzt zum Plugins Bildschirm in Ihrem WordPress-Admin und finden Sie das Plugin:
Jetzt aktivieren Sie es.
Zunächst macht es keinen Unterschied, da Sie es nicht gefüllt haben. So sieht die Haupt-Shop-Seite jetzt aus:
Schreiben einer Funktion zur Ausgabe der Kurzbeschreibung
Die kurze Beschreibung für Produkte in WooCommerce verwendet den Auszug, den Sie in normalen Posts finden würden. Um ihn anzuzeigen, müssen Sie nur den Auszug für den Beitrag anzeigen.
Fügen Sie in Ihrer Plugin-Datei den folgenden Code hinzu:
Funktion tutsplus_excerpt_in_product_archives () the_excerpt (); 
So einfach ist das! Nun müssen Sie Ihre Funktion jedoch mit der richtigen Aktion verknüpfen, damit sie an den richtigen Stellen in Ihren Archivseiten ausgegeben wird.
Die Funktion an die richtige Aktion anschließen
Schauen wir uns die Datei in WooCommerce an, die den Inhalt der Schleife auf Archivseiten ausgibt. Diese Datei ist content-product.php, und du findest es in der Vorlagen Ordner im WooCommerce-Plugin.
Die Datei enthält eine Reihe von Aktions-Hooks, die von WooCommerce verwendet werden, um verschiedene Inhalte auszugeben.
Da wir unseren Auszug unter dem Titel des Produkts anzeigen möchten, müssen wir den Haken verwenden woocommerce_after_shop_loop_item_title. Wie man aus dem sehen kann content-product.php Datei, es sind bereits zwei Funktionen vorhanden, woocommerce_template_loop_rating () und woocommerce_template_loop_price (), welche haben Prioritäten von 5 und 10 beziehungsweise. Daher müssen wir unsere Funktion mit einer höheren Prioritätsnummer verknüpfen, um sicherzustellen, dass sie danach ausgelöst wird. Ich lasse etwas Spielraum und nutze es 40 als Priorität.
Fügen Sie unter Ihrer Funktion Folgendes hinzu:
add_action ('woocommerce_after_shop_loop_item_title', 'tutsplus_excerpt_in_product_archives', 40);
Speichern Sie nun Ihre Plugin-Datei und aktualisieren Sie die Shop-Seite in Ihrem Browser. Unter den Produktnamen sehen Sie nun die Kurzbeschreibungen der Produkte:
Diese Beschreibungen (die von den Dummy-Daten bereitgestellt werden) sind etwas lang: Ich persönlich würde kürzere Beschreibungen auf einer Live-Site verwenden. Sie können jedoch die Beschreibungen auf den Archivseiten deutlich sehen.
Zusammenfassung
Da WooCommerce fast seinen gesamten Inhalt über Action-Hooks ausgibt, ist es einfach, weitere Inhalte hinzuzufügen, indem Sie Funktionen schreiben und an diese Hooks anhängen. In diesem Lernprogramm haben Sie erfahren, wie Sie Produkt-Kurzbeschreibungen zu Ihren Produktarchiven hinzufügen. Wenn Sie dies weiter ausführen möchten, können Sie einen oder mehrere bedingte Tags in Ihre Funktion aufnehmen, um dies auf bestimmten Archivseiten durchzuführen.





	
	
			
	   
	







Code
×