دليل الخطاف المرئي لـ WooCommerce: صفحة منتج واحدة

فيما يلي دليل إرشادي مرئي لصفحة منتج واحد لـ WooCommerce . هذا جزء من ” سلسلة دليل الخطاف المرئي ” الخاصة بي ، والتي من خلالها يمكنك العثور على خطافات WooCommerce بسرعة وسهولة من خلال رؤية مواقعها الفعلية (ويمكنك نسخ / لصق). إذا أعجبك هذا الدليل وكان مفيدًا لك ، فأخبرني بذلك في التعليقات !

الآن بعد أن تعرفت على خطافات صفحة المنتج ، يمكنك تجاوز صفحة منتج واحد WooCommerce عبر وظائف القالب الفرعي الخاص بك. يمكنك إزالة العناصر الافتراضية (على سبيل المثال ، الصورة المميزة ، ونموذج الإضافة إلى عربة التسوق ، والمنتجات ذات الصلة …) ، ويمكنك إضافة العناصر المخصصة الخاصة بك عن طريق اختيار “الخطاف” الصحيح وتشغيل وظيفتك ، ويمكنك حتى “النقل” العناصر الموجودة. هل تحتاج إلى فيديو تعليمي؟ شاهده الآن →

انتقل إلى قائمة الإجراءات

انتقل إلى دروس الفيديو

صفحة منتج واحد لـ WooCommerce [دليل الخطاف المرئي]

woocommerce_before_single_product

woocommerce_before_single_product_summary

أوكازيون!

woocommerce_product_thumbnails (قد لا تعمل)

woocommerce_single_product_summary

عنوان المنتج

554.00 – 6.565.00 يورو € 44،00 – € 665،00

هذا هو الوصف المختصر!

woocommerce_before_add_to_cart_form

woocommerce_before_variations_form

خيار      

إختر خيار

تحديد واضح

woocommerce_before_add_to_cart_button

woocommerce_before_single_variation

woocommerce_single_variation

554 يورو 44.00 يورو

في الأوراق المالية

woocommerce_before_add_to_cart_quantity

١

woocommerce_after_add_to_cart_quantity

أضف إلى السلة

woocommerce_after_single_variation

woocommerce_after_add_to_cart_button

woocommerce_after_variations_form

woocommerce_after_add_to_cart_form

woocommerce_product_meta_start

رمز SKU المنتج : htr554yn

التصنيف: أساور

الوسوم: tag1 ، tag2

woocommerce_product_meta_end

woocommerce_share

woocommerce_after_single_product_summary

وصف

معلومة اضافية

معلومة اضافية

وزن       546 كجم

أبعاد       ٥٤٦ × ٤٥٦ × ٤٥٦ سم

خيار       الخيار 1 ، الخيار 2

ربما يعجبك أيضا…

المنتج الاختباري

1،00 يورو

أضف إلى السلة

woocommerce_after_single_product

الإجراءات الافتراضية لصفحة منتج واحد لـ WooCommerce

هذه قائمة بإجراءات WooCommerce التي يمكنك فكها / إزالتها ببساطة عن طريق تغيير “add_action” إلى “remove_action” في وظائفك. تستخدم WooCommerce الخطافات الخاصة بها ، مثل “woocommerce_before_single_product_summary” لتجميع صفحة المنتج الواحدة معًا. نظرًا لأنه يتم بهذه الطريقة ، يمكنك بالتالي استخدام “remove_action” لإزالة أحد هذه العناصر. لقد أضفت أيضًا “do_action” أخرى لا تحتوي على وظيفة تشغيل في الوقت الحالي ، ولكن يمكنك استخدامها لإضافة محتوى إلى صفحة المنتج.

/**
 * @snippet       List of Default Actions @ WooCommerce Single Product
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @updated       WooCommerce 4.0
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
// Before content
add_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0 );
add_action( 'woocommerce_sidebar', 'woocommerce_get_sidebar', 10 );
add_action( 'woocommerce_before_single_product', 'woocommerce_output_all_notices', 10 );
  
// Left column
add_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_sale_flash', 10 );
add_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );
add_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );
 
// Right column
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_rating', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
 
// Right column - add to cart
do_action( 'woocommerce_before_add_to_cart_form' );
do_action( 'woocommerce_before_add_to_cart_button' );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
 
add_action( 'woocommerce_simple_add_to_cart', 'woocommerce_simple_add_to_cart', 30 );
add_action( 'woocommerce_grouped_add_to_cart', 'woocommerce_grouped_add_to_cart', 30 );
add_action( 'woocommerce_variable_add_to_cart', 'woocommerce_variable_add_to_cart', 30 );
add_action( 'woocommerce_external_add_to_cart', 'woocommerce_external_add_to_cart', 30 );
add_action( 'woocommerce_single_variation', 'woocommerce_single_variation', 10 );
add_action( 'woocommerce_single_variation', 'woocommerce_single_variation_add_to_cart_button', 20 );
do_action( 'woocommerce_before_quantity_input_field' );
do_action( 'woocommerce_after_quantity_input_field' );
do_action( 'woocommerce_after_add_to_cart_button' );
do_action( 'woocommerce_after_add_to_cart_form' );
 
// Right column - meta
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );
do_action( 'woocommerce_product_meta_start' );
do_action( 'woocommerce_product_meta_end' );
 
// Right column - sharing
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_sharing', 50 );
do_action( 'woocommerce_share' );
 
// Tabs, upsells and related products
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
add_action( 'woocommerce_product_additional_information', 'wc_display_product_attributes', 10 );
do_action( 'woocommerce_product_after_tabs' );
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_upsell_display', 15 );
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );
 
// Reviews
add_action( 'woocommerce_review_before', 'woocommerce_review_display_gravatar', 10 );
add_action( 'woocommerce_review_before_comment_meta', 'woocommerce_review_display_rating', 10 );
add_action( 'woocommerce_review_meta', 'woocommerce_review_display_meta', 10 );
do_action( 'woocommerce_review_before_comment_text', $comment );
add_action( 'woocommerce_review_comment_text', 'woocommerce_review_display_comment_text', 10 );
do_action( 'woocommerce_review_after_comment_text', $comment );
 
// After content
do_action( 'woocommerce_after_single_product' );
do_action( 'woocommerce_after_main_content' );

تخصيص صفحة منتج واحد WooCommerce – فيديو تعليمي

تحقق من هذا الفيديو حيث أشرح كيفية تخصيص صفحة منتج واحد وكيفية استخدام دليل الخطاف المرئي.

يمكنك معرفة كيفية إضافة محتوى إلى صفحة منتج واحد دون تجاوز المكوّن الإضافي WooCommerce. اتصل بوظيفة add_action في وورد بريس ، وحدد رابط WooCommerce Single Product Page (المعروف أيضًا باسم الموضع الصحيح في الصفحة) ، وقم بتشغيل وظيفتك المخصصة.

يمكنك على سبيل المثال إضافة لافتات ، ونص ، وقيم متغيرة ، وإطارات iframes ، وما إلى ذلك دون حتى لمس ملفات WooCommerce الأساسية.