خانه مقالات 123 کدنویسی خدمات دانلود پشتیبانی تماس با ما درباره ما

هوک های صفحه آرشیو ووکامرس WooCommerce Archive Page

[short_link]
با استفاده از این هوک ها و اکشن های ووکامرس می تونیم متن و یا کدهای خودمون رو در بخش های مورد نظرمون در صفحه آرشیو یا همون بایگانی محصولات ووکامرس وارد کنیم و به طور اختصاصی نمایش بدیم و یا اون ها رو حذف کنیم و جلو نمایش اون ها رو بگیریم و بر حسب نیاز فروشگاه اینترنتی خودمون، صفحه فروشگاه خودمون رو ویرایش و سفارشی کنیم.

با استفاده از این هوک های می تونیم صفحه آرشیو محصولات ووکامرس رو ویرایش و سفارشی سازی انجام بدیم .
لیست اکشن های صفحه آرشیو محصولات ووکامرس به شرح زیر هست :

 

// 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

هوک woocommerce_before_main_content

 

2. woocommerce_archive_description

با استفاده از هوک می تونیم توضیحات برگه رو در ابتدای صفحه ویرایش کنیم . این هوک در فایل   archive-product.php  تعریف شده. برای مثال در این تصویر ،با استفاده از این هوک ما یه متنی رو قبل از شروع نمایش محصولات اضافه کرد .

هوک ووکامرس woocommerce_archive_description

هوک ووکامرس woocommerce_archive_description

3. woocommerce_before_shop_loop

با استفاده از این هوک، دقیقا قبل از لوپ محصولات متن یا کد مورد نظر اضافه میشه . این هوک در فایل  archive-product.php  قرار داره و در این تصویر مثلا متن New & Trending به ابتدای  لوپ اضافه شده.

هوک ووکامرس woocommerce_before_shop_loop

هوک ووکامرس woocommerce_before_shop_loop

5. woocommerce_before_shop_loop_item_title

با استفاده از این هوک می تونیم قبل از تصویر هر محصول داخل لوپ، متن و یا کد خودمون رو اضافه کنیم . همینطور می تونیم شرط بزاریم و فقط برای محصولات خاص متن، کد خاص و یا استایل خاص اضافه کنیم . مثلا در این تصویر با استفاده از این هوک ، محصولات رو با عنوان best seller  متمایز کردیم . این هوک در فایل content-product.php  قرار دارد.

هوک ووکامرس woocommerce_before_shop_loop_item_title

هوک ووکامرس woocommerce_before_shop_loop_item_title

6. woocommerce_shop_loop_item_title

با استفاده از این هوک، متن و یا کد خاصی قبل از عنوان محصول در هر آیتم لوپ ها قابل نمایش و اجرا هست .

هوک ووکامرس woocommerce_shop_loop_item_title

هوک ووکامرس woocommerce_shop_loop_item_title

7. woocommerce_after_shop_loop_item_title

با استفاده از این هوک متن و یا کد خاصی بعد از عنوان محصول در لوپ ارشیو محصولات ووکامرس نمایش و اجرا میشه . مثلا می تونیم بعد از عنوان محصول، دسته بندی اون محصول رو اضافه کنیم .

هوک 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

هوک woocommerce_after_shop_loop_item

9. woocommerce_after_shop_loop

با استفاده از این هوک ووکامرس ،متن و یا کد مورد نظر خودمون رو بعد از لوپ آرشیو ووکامرس اضافه می کنیم این هوک در فایل archive-product.php قرار داره .

هوک woocommerce_after_shop_loop

هوک woocommerce_after_shop_loop

 

10. woocommerce_after_main_content

این هوک دقیقا بعد از محتوای صفحه آرشیو و در پایان صفحه نمایش داده میشه و در این فایل single-product.php   قرار داره و می تونیم به طور مثال لینک و جزئیات پشتیبانی رو بهش اضافه کنیم

هوک ووکامرس woocommerce_after_main_content

هوک ووکامرس woocommerce_after_main_content

(0) دیدگاه برای این پست ثبت شده
دیدگاه خود را بفرستید
  1. اولین نفری باشید که دیدگاه خود را ثبت می کند!
« اضافه کردن فیلد جدید در چک اوت ووکامرس
هوک های ووکامرس در برگه تسویه حساب »
با کلیک بر روی هر کدام از کلمات می توانید مطالب مشابه را مشاهده کنید:

woo

woocommerce

WooCommerce Archive Page

woocommerce_after_main_content

woocommerce_after_shop_loop

woocommerce_after_shop_loop_item