Accentsconagua

WooCommerce de korte beschrijving van het product toevoegen aan archiefpagina's

Code
Share
Wat je gaat creëren

WooCommerce wordt geleverd met archiefpagina's en loops die geweldig werk doen, maar soms moet u misschien wat meer informatie weergeven over uw hoofdwinkel en andere archiefpagina's..

In deze zelfstudie laat ik u zien hoe u de korte beschrijving van het product kunt toevoegen aan uw archiefpagina's en deze onder de producttitel kunt weergeven.

Wat je nodig hebt

Om mee te gaan, heb je nodig:

  • Een ontwikkelingsinstallatie van WordPress.
  • Een code-editor.
  • WooCommerce geïnstalleerd en geactiveerd.
  • Producten toegevoegd - Ik heb de dummy-productgegevens geïmporteerd die bij WooCommerce worden geleverd; Raadpleeg deze handleiding voor meer informatie over hoe u dit kunt doen.
  • Een WooCommerce-compatibel thema geactiveerd - Ik gebruik Storefront.

Zorg voordat je begint dat WooCommerce is ingesteld. Om de korte beschrijvingen van het product toe te voegen, volgt u drie stappen:

  1. Maak een plug-in voor de functie en activeer de plug-in.
  2. Voeg een functie toe die de korte beschrijving van het product uitvoert.
  3. Identificeer de haak in WooCommerce waar we de functie aan moeten haken en bevestig de functie aan die haak.

Dus laten we beginnen!

De plug-in maken

In uw wp-content / plugins map, maak een nieuw PHP-bestand aan. Ik bel de mijne tutsplus-product-archive-short-descriptions.php.

Open het bestand in uw code-editor. Voeg dit aan de bovenkant van het bestand toe:

Hiermee wordt de plug-in ingesteld en krijgt WordPress alles wat nodig is om het te activeren.
Ga nu naar de plugins scherm in je WordPress admin en vind de plugin:
Activeer het nu.
In eerste instantie zal het geen enkel verschil maken, omdat je het niet hebt ingevuld. Dit is hoe de hoofdwinkelpagina er op dit moment uitziet:
Een functie schrijven om de korte beschrijving uit te voeren
De korte beschrijving voor producten in WooCommerce maakt gebruik van het uittreksel dat je in normale berichten zou vinden, dus om het allemaal weer te geven, hoef je alleen het fragment voor het bericht te tonen.
Voeg de onderstaande code toe in uw plug-inbestand:
function tutsplus_excerpt_in_product_archives () the_excerpt (); 
Zo simpel is het! Maar nu moet u uw functie aan de juiste actie koppelen, zodat deze op de juiste plaats op uw archiefpagina's wordt uitgevoerd.
De functie aan de juiste actie koppelen
Laten we eens kijken naar het bestand in WooCommerce dat de inhoud van de lus uitvoert op archiefpagina's. Dit bestand is inhoud product.php, en je zult het vinden in de templates map in de WooCommerce-plug-in.
Het bestand bevat een aantal actiehaken, die allemaal door WooCommerce worden gebruikt om verschillende inhoud uit te voeren.
Omdat we ons fragment onder de titel van het product willen laten zien, is de haak die we moeten gebruiken woocommerce_after_shop_loop_item_title. Zoals je kunt zien aan de inhoud product.php bestand, er zijn al twee functies aan gekoppeld, woocommerce_template_loop_rating () en woocommerce_template_loop_price (), die prioriteiten hebben van 5 en 10 respectievelijk. Dus we moeten onze functie aansluiten op een nummer met een hogere prioriteit, om ervoor te zorgen dat het na die prioriteit vuurt. Ik laat wat ruimte en gebruik 40 als de prioriteit.
Voeg onder je functie dit toe:
add_action ('woocommerce_after_shop_loop_item_title', 'tutsplus_excerpt_in_product_archives', 40);
Bewaar nu uw plugin-bestand en ververs de winkelpagina in uw browser. U ziet nu de korte beschrijvingen van het product onder de productnamen:
Deze beschrijvingen (geleverd door de dummygegevens) zijn een beetje lang: persoonlijk zou ik kortere beschrijvingen gebruiken op een live site. Maar u kunt de beschrijvingen duidelijk zien op de archiefpagina's.
Samenvatting
Omdat WooCommerce vrijwel alle inhoud uitvoert met behulp van actiehaken, is het eenvoudig om meer inhoud toe te voegen door functies te schrijven en deze aan die haken te koppelen. In deze zelfstudie hebt u geleerd hoe u productkorte beschrijvingen aan uw productarchieven kunt toevoegen. Als u dit verder wilt nemen, kunt u een of meer voorwaardelijke tags opnemen in uw functie om dit op specifieke archiefpagina's te doen.





	
	
			
	   
	







Code
×