Accentsconagua

WooCommerce Legge til produktbeskrivelsen for å arkivere sider

Kode
Share
Hva du skal skape

WooCommerce leveres med arkivsider og looper som gjør en god jobb, men noen ganger kan det hende du må vise litt mer informasjon på hovedbutikken din og andre arkivsidene.

I denne veiledningen vil jeg vise deg hvordan du kan legge til produktets korte beskrivelse på arkivsidene dine og vise den under produkttittelen.

Hva du trenger

Å følge med, du trenger:

  • En utviklingsinstallasjon av WordPress.
  • En kodeditor.
  • WooCommerce installert og aktivert.
  • Produkter lagt til - Jeg har importert dummy produktdata som følger med WooCommerce; For detaljer om hvordan du gjør dette, se denne veiledningen.
  • Et WooCommerce-kompatibelt tema aktivert-jeg bruker Storefront.

Før du begynner, sørg for at du har WooCommerce satt opp. For å legge til korte beskrivelser av produktet, følger du tre trinn:

  1. Opprett et plugin for funksjonen og aktiver pluginet.
  2. Legg til en funksjon som gir produktets korte beskrivelse.
  3. Identifiser kroken i WooCommerce som vi trenger å koble til funksjonen, og fest funksjonen til den kroken.

Så la oss starte!

Opprett plugin

I din wp-innhold / tillegg katalog, opprett en ny PHP-fil. Jeg ringer til min tutsplus-produkt-arkiv-kort-descriptions.php.

Åpne filen i kodeditoren din. Øverst på filen legger du til dette:

Dette setter opp plugin og gir WordPress alt det trenger for å aktivere det.
Gå nå til plugins skjerm i WordPress admin og finn plugin:
Aktiver det nå.
Først vil det ikke gjøre noen forskjell som du ikke har fylt den. Her ser du hva hovedsiden ser ut akkurat nå:
Skrive en funksjon for å utføre den korte beskrivelsen
Den korte beskrivelsen for produkter i WooCommerce bruker utsnittet du vil finne i vanlige innlegg, så for å vise alt du trenger å gjøre er å vise utsnittet for innlegget.
I din plugin-fil legger du til koden nedenfor:
funksjon tutsplus_excerpt_in_product_archives () the_excerpt (); 
Det er så enkelt! Men nå må du koble din funksjon til den riktige handlingen, slik at den er utført på riktig sted i arkivsidene dine.
Hooking Funksjonen til riktig handling
La oss ta en titt på filen i WooCommerce som gir innholdet i sløyfen på arkivsidene. Denne filen er innholds product.php, og du finner den i maler mappe i WooCommerce-plugin.
Filen inneholder en rekke handlingskroker, som alle brukes av WooCommerce til å sende ut annet innhold.
Som vi vil vise vårt utdrag under tittelen på produktet, er kroken vi trenger å bruke woocommerce_after_shop_loop_item_title. Som du kan se fra innholds product.php fil, den har allerede to funksjoner knyttet til den, woocommerce_template_loop_rating () og woocommerce_template_loop_price (), som har prioriteringer av 5 og 10 henholdsvis. Så vi må koble vår funksjon med et høyere prioritetsnummer, for å sikre at det brenner etter disse. Jeg vil legge litt plass og bruke 40 som prioritet.
Under din funksjon legger du til dette:
add_action ('woocommerce_after_shop_loop_item_title', 'tutsplus_excerpt_in_product_archives', 40);
Lagre din plugin-fil og oppdatér butikksiden i nettleseren din. Du ser nå produktbeskrivelsen under produktnavnene:
Disse beskrivelsene (levert av dummy-dataene) er litt lange: Personlig ville jeg bruke kortere beskrivelser på et live-nettsted. Men du kan tydelig se beskrivelsene som vises på arkivsidene.
Sammendrag
Fordi WooCommerce utgir nesten hele innholdet ved hjelp av handlingskroker, er det greit å legge til mer innhold ved å skrive funksjoner og feste dem til de kroker. I denne opplæringen har du lært hvordan du legger til korte beskrivelser av produktene i produktarkivet. Hvis du ønsker å ta dette videre, kan du inkludere en eller flere betingede koder i funksjonen din for å gjøre dette på bestemte arkivsider.





	
	
			
	   
	







Kode
×