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

مهم است که یاد بگیرید چگونه این صفحه را بدون ویرایش فایل های اصلی شخصی سازی کنید. صفحه آرشیو محصول حاوی لیستی از محصولات مرتبط با یک دسته است.

WooCommerce با هوک های مختلف برای صفحه فروشگاه، صفحه محصول، صفحه سبد خرید و صفحه پرداخت ارائه می شود. آنها به افزودن محتوا در مکان های مختلف این صفحات کمک می کنند.

ما هوک های بایگانی WooCommerce را جمع آوری کرده ایم تا بتوانید مکان واقعی آنها را بدانید. شایان ذکر است که می توانید آنها را کپی پیست کرده و سپس توابع سفارشی خود را قرار دهید.
هوک های آرشیو ووکامرس

در اینجا لیستی از تمام هوک ها وجود دارد:

• 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 – بعد از تمام محتوای صفحه قرار می گیرد.

WooCommerce add_action برای صفحه آرشیو محصول

این مهم است که یاد بگیرید چگونه می توانید از این هوک ها برای اضافه کردن توابع سفارشی ماشه در بخش های مختلف صفحه آرشیو در ووکامرس استفاده کنید. می توانید هر یک از آنها را باز کنید/حذف کنید:

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 );

مثال برای افزودن هوک به صفحه آرشیو

در این بخش، توضیح خواهیم داد که چگونه می‌توانید توضیحات فروشگاه را بالای عنوان «فروشگاه» اضافه کنید. مهم است که کد را در فایل functions.php موضوع فرزند خود جایگذاری کنید. این تضمین می کند که تغییرات شما در طول به روز رسانی از بین نرود.

در اینجا مراحلی وجود دارد که باید دنبال کنید:

به عنوان ادمین وارد داشبورد وردپرس خود شوید.

از داشبورد، به Appearance > Theme Editor بروید. هنگامی که صفحه ویرایشگر تم باز شد، به دنبال فایل توابع تم بگردید که در آن تابع را برای اضافه کردن توضیحات فروشگاه در زیر عنوان “فروشگاه” اضافه می کنیم.

کد زیر را به فایل fuctions.php اضافه کنید:

add_action( 'woocommerce_before_main_content', 'shop_banner', 35);
function shop_banner(){
echo '<h1>Hello</h1>';
}

از طرف دیگر، اگر می‌خواهید متنی را در زیر صفحه «فروشگاه» اضافه کنید، کد زیر را در فایل functions.php اضافه کنید:پ

add_action( 'woocommerce_archive_description', 'shop_banner', 35);

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

نتیجه

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