Accentsconagua

WooCommerce Lägger till produktens kort beskrivning på arkivsidor

Koda
Share
Vad du ska skapa

WooCommerce levereras med arkivsidor och loopar som gör ett bra jobb, men ibland kanske du behöver visa lite mer information på din huvudbutik och andra arkivsidor.

I denna handledning visar jag dig hur du kan lägga till produktens kort beskrivning på dina arkivsidor och visa den under produkttiteln.

Vad du behöver

För att följa med, behöver du:

  • En utvecklingsinstallation av WordPress.
  • En kodredigerare.
  • WooCommerce installerad och aktiverad.
  • Produkter tillagd-Jag har importerat de dummiga produktdata som följer med WooCommerce; För detaljer om hur du gör det, se den här guiden.
  • Ett WooCommerce-kompatibelt tema aktiverat-jag använder Storefront.

Innan du börjar, se till att du har installerat WooCommerce. För att lägga till produktens korta beskrivningar följer du tre steg:

  1. Skapa ett plugin för funktionen och aktivera plugin.
  2. Lägg till en funktion som matar ut den korta beskrivningen av produkten.
  3. Identifiera kroken i WooCommerce som vi behöver koppla till funktionen och bifoga funktionen till den kroken.

Så låt oss börja!

Skapa plugin

I din wp-content / plugins katalog, skapa en ny PHP-fil. Jag ringer min tutsplus biprodukt-archive-kort descriptions.php.

Öppna filen i kodredigeraren. Lägg till följande på toppen av filen:

Detta ställer in plugin och ger WordPress allt som behövs för att aktivera det.
Gå nu till plugins skärm i din WordPress admin och hitta plugin:
Aktivera den nu.
Först kommer det inte att göra någon skillnad eftersom du inte har fyllt den. Här ser du hur huvudsidan ser ut just nu:
Skriva en funktion för att utföra den korta beskrivningen
Den korta beskrivningen för produkter i WooCommerce använder det utdrag som du hittar i vanliga inlägg, så att visa allt du behöver göra är att visa utdraget för inlägget.
I din plugin-fil lägg till koden nedan:
funktion tutsplus_excerpt_in_product_archives () the_excerpt (); 
Så enkelt är det! Men nu måste du koppla din funktion till rätt åtgärd, så att den är utskrift på rätt plats i dina arkivsidor.
Haka funktionen till rätt åtgärd
Låt oss ta en titt på filen i WooCommerce som matar ut innehållet i slingan på arkivsidor. Den här filen är innehålls product.php, och du hittar den i mallar mappen i pluginprogrammet WooCommerce.
Filen innehåller ett antal handlingshakar, som alla används av WooCommerce för att mata ut annat innehåll.
Som vi vill visa vårt utdrag under produktens titel, är den krok som vi behöver använda woocommerce_after_shop_loop_item_title. Som du kan se från innehålls product.php fil, det har redan två funktioner kopplade till det, woocommerce_template_loop_rating () och woocommerce_template_loop_price (), som har prioriteringar av 5 och 10 respektive. Så vi måste koppla vår funktion med ett högre prioritetsnummer, för att se till att det brinner efter dem. Jag lämnar lite utrymme och använder 40 som prioritet.
Lägg till följande under din funktion:
add_action ('woocommerce_after_shop_loop_item_title', 'tutsplus_excerpt_in_product_archives', 40);
Spara nu din plugin-fil och uppdatera butikssidan i din webbläsare. Nu ser du produktens korta beskrivningar under produktnamnen:
Dessa beskrivningar (tillhandahålls av dummy data) är lite långa: personligen skulle jag använda kortare beskrivningar på en levande webbplats. Men du kan tydligt se beskrivningarna som visas på arkivsidorna.
Sammanfattning
Eftersom WooCommerce utmatar nästan allt innehåll med hjälp av krokar är det enkelt att lägga till mer innehåll genom att skriva funktioner och fästa dem på de krokarna. I den här handledningen har du lärt dig hur du lägger till korta beskrivningar av produkt i dina produktarkiv. Om du vill ta det här ytterligare kan du inkludera en eller flera villkorliga taggar i din funktion för att göra detta på specifika arkivsidor.





	
	
			
	   
	







Koda
×