با استفاده از این هوک های می تونیم صفحه آرشیو محصولات ووکامرس رو ویرایش و سفارشی سازی انجام بدیم .
لیست اکشن های صفحه آرشیو محصولات ووکامرس به شرح زیر هست :
// These are actions you can unhook/remove! 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 );
هوک فروشگاه ووکامرس
به طور خلاصه هوک و اکشن های برگه فروشگاه ووکامرس به شرح زیر هست :
woocommerce_before_main_content woocommerce_archive_description woocommerce_before_shop_loop woocommerce_before_shop_loop_item woocommerce_before_shop_loop_item_title woocommerce_shop_loop_item_title woocommerce_after_shop_loop_item_title woocommerce_after_shop_loop_item woocommerce_after_shop_loop woocommerce_after_main_content
1. woocommerce_before_main_content
این هوک در ابتدای صفحه نمایش داده میشه و در فایل single-product.php قرار داره . به طور مثال در این تصویر، بنر تخفیف 10 درصدی با استفاده از این هوک به ابتدای صفحه اضافه شده
هوک woocommerce_before_main_content
2. woocommerce_archive_description
با استفاده از هوک می تونیم توضیحات برگه رو در ابتدای صفحه ویرایش کنیم . این هوک در فایل archive-product.php تعریف شده. برای مثال در این تصویر ،با استفاده از این هوک ما یه متنی رو قبل از شروع نمایش محصولات اضافه کرد .
هوک ووکامرس woocommerce_archive_description
3. woocommerce_before_shop_loop
با استفاده از این هوک، دقیقا قبل از لوپ محصولات متن یا کد مورد نظر اضافه میشه . این هوک در فایل archive-product.php قرار داره و در این تصویر مثلا متن New & Trending به ابتدای لوپ اضافه شده.
هوک ووکامرس woocommerce_before_shop_loop
5. woocommerce_before_shop_loop_item_title
با استفاده از این هوک می تونیم قبل از تصویر هر محصول داخل لوپ، متن و یا کد خودمون رو اضافه کنیم . همینطور می تونیم شرط بزاریم و فقط برای محصولات خاص متن، کد خاص و یا استایل خاص اضافه کنیم . مثلا در این تصویر با استفاده از این هوک ، محصولات رو با عنوان best seller متمایز کردیم . این هوک در فایل content-product.php قرار دارد.
هوک ووکامرس woocommerce_before_shop_loop_item_title
6. woocommerce_shop_loop_item_title
با استفاده از این هوک، متن و یا کد خاصی قبل از عنوان محصول در هر آیتم لوپ ها قابل نمایش و اجرا هست .
هوک ووکامرس woocommerce_shop_loop_item_title
7. woocommerce_after_shop_loop_item_title
با استفاده از این هوک متن و یا کد خاصی بعد از عنوان محصول در لوپ ارشیو محصولات ووکامرس نمایش و اجرا میشه . مثلا می تونیم بعد از عنوان محصول، دسته بندی اون محصول رو اضافه کنیم .
هوک woocommerce_after_shop_loop_item_title
8. woocommerce_after_shop_loop_item
با استفاده از این هوک می تونیم کد یا متن مورد نظر خودمون رو در بالای دکمه خرید یا افزودن به سبد خرید و یا همون add to cart اضافه کنیم . مثلا می تونیم متن ” توصیه شده” یا recommended رو به بالای این دکمه اضافه کنیم.
هوک woocommerce_after_shop_loop_item
9. woocommerce_after_shop_loop
با استفاده از این هوک ووکامرس ،متن و یا کد مورد نظر خودمون رو بعد از لوپ آرشیو ووکامرس اضافه می کنیم این هوک در فایل archive-product.php قرار داره .
هوک woocommerce_after_shop_loop
10. woocommerce_after_main_content
این هوک دقیقا بعد از محتوای صفحه آرشیو و در پایان صفحه نمایش داده میشه و در این فایل single-product.php قرار داره و می تونیم به طور مثال لینک و جزئیات پشتیبانی رو بهش اضافه کنیم
هوک ووکامرس woocommerce_after_main_content