WooCommerce Archive Hooks [Ghid complet]

Publicat: 2022-05-28

Cârlige de arhivă WooCommerce În scurta postare de astăzi, vom împărtăși cârligele paginii de arhivă a produselor WooCommerce. Scopul principal al acestui ghid este de a ajuta atât începătorii, cât și dezvoltatorii avansați să personalizeze pagina magazinului.

Este important să învățați cum să personalizați această pagină fără a edita fișierele de bază. Pagina arhivei produselor conține o listă de produse aferente unei categorii.

WooCommerce vine cu diferite cârlige pentru pagina sa de magazin, paginile de produse, pagina de coș și pagina de finalizare a achiziției. Ele ajută la adăugarea de conținut în diferite locuri pe aceste pagini.

Am adunat cârligele de arhivă WooCommerce, astfel încât să puteți cunoaște locațiile lor reale. Merită menționat că le puteți și copia și lipi și apoi plasați funcțiile personalizate.

Cârlige de arhivă WooCommerce

Iată o listă cu toate cârligele:

  • woocommerce_before_main_content – ​​Este plasat la începutul paginii magazinului.
  • woocommerce_archive_description – Este plasat după titlul antetului „Magazin” de pe pagina magazinului.
  • woocommerce_before_shop_loop – Este plasat înaintea listei de produse de pe pagina magazinului.
  • woocommerce_before_shop_loop_item – Este plasat deasupra fiecărui produs din listă.
  • woocommerce_before_shop_loop_item_title – Este plasat deasupra imaginii produsului.
  • woocommerce_shop_loop_item_title – Este plasat deasupra numelui produsului.
  • woocommerce_after_shop_loop_item_title – Este plasat sub numele produsului.
  • woocommerce_after_shop_loop_item – Este plasat deasupra numelui „Adăugați în coș”.
  • woocommerce_after_shop_loop – Este plasat chiar sub lista de produse.
  • woocommerce_after_main_content – ​​Este plasat după tot conținutul paginii.

WooCommerce add_action pentru pagina de arhivă de produse

Este important să aflați cum puteți utiliza aceste cârlige pentru a adăuga funcții personalizate de declanșare în diferite secțiuni din pagina de arhivă din WooCommerce. Puteți decupla/elimina fiecare dintre ele:

add_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10 );

add_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20 );

add_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );

add_action( 'woocommerce_archive_description', 'woocommerce_product_archive_description', 10 );

add_action( 'woocommerce_before_shop_loop', 'woocommerce_output_all_notices', 10 );

add_action( 'woocommerce_before_shop_loop', 'woocommerce_result_count', 20 );

add_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );

add_action( 'woocommerce_before_shop_loop_item', 'woocommerce_template_loop_product_link_open', 10 );

add_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_show_product_loop_sale_flash', 10 );

add_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10 );

add_action( 'woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_title', 10 );

add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 );

add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_rating', 5 );

add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_product_link_close', 5 );

add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );

add_action( 'woocommerce_after_shop_loop', 'woocommerce_pagination', 10 );

add_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10 );

Exemplu pentru a adăuga un cârlig la pagina de arhivă

În această secțiune, vom ilustra cum puteți adăuga o descriere a magazinului deasupra titlului „Magazin”. Este important să lipiți codul în fișierul functions.php al temei copilului dumneavoastră. Acest lucru vă asigură că modificările dvs. nu se pierd în timpul unei actualizări.

Iată pașii pe care trebuie să-i urmezi:

  1. Conectați-vă la tabloul de bord WordPress ca administrator.
  2. Din tabloul de bord, navigați la Aspect > Editor de teme . Când pagina Editor de teme este deschisă, căutați fișierul cu funcțiile temei unde vom adăuga funcția pentru a adăuga o descriere a magazinului sub titlul „Magazin”.
  3. Adăugați următorul cod în fișierul functions.php:
add_action( 'woocommerce_before_main_content', 'shop_banner', 35);
function shop_banner(){
  echo '<h1>Hello</h1>';
}

  1. Acesta este rezultatul: deasupra magazinului
  2. Alternativ, dacă doriți să adăugați text sub pagina „Magazin”, adăugați următorul cod în fișierul functions.php:
add_action( 'woocommerce_archive_description', 'shop_banner', 35);

function shop_banner(){
  echo '<h1>Hello</h1>';
}

  1. Acesta este rezultatul: dedesubt magazinul

Concluzie

În această postare, am distribuit toate cârligele de arhivă WooCommerce. Le puteți folosi pentru a personaliza pagina magazinului adăugând text sau o secțiune fără a edita fișierele de bază.

Este important să inserați codul în fișierul functions.php al temei copilului. Acest lucru vă va asigura că modificările dvs. nu se vor pierde în timpul unei actualizări.

Dacă aveți nevoie de personalizare suplimentară pe pagina magazinului, nu ezitați să ne contactați pentru o ofertă personalizată. Sperăm că această postare v-a ajutat să personalizați pagina magazinului.

Articole similare

  1. Cum să remediați achiziția nu este disponibilă în timp ce coșul dvs. este gol WooCommerce