كيفية إضافة معلومات إضافية إلى منتجات WooCommerce

كيف يمكنني إضافة معلومات إضافية عن المنتج في WooCommerce؟

كيف أقوم بتغيير نص المعلومات الإضافية في WooCommerce؟

ما هي معلومات WooCommerce الإضافية؟

معلومات WooCommerce الإضافية عبارة عن قسم في صفحة المنتج لمتجر WooCommerce يعرض تفاصيل إضافية عن المنتج، وتحديدًا سمات مثل الحجم أو اللون أو المادة أو أي سمة مخصصة أخرى يرغب مالك المتجر في تضمينها. تعد هذه الميزة مفيدة بشكل خاص لتزويد العملاء بمعلومات محددة يمكن أن تساعدهم في اتخاذ قرارات شراء مستنيرة. وإليك كيف يعمل عادة:

صفات

تُستخدم السمات في WooCommerce لتحديد جوانب المنتج. ويمكن أن تكون هذه سمات عامة تنطبق على منتجات متعددة (مثل مقاسات الملابس أو ألوانها) أو سمات خاصة بنوع منتج واحد (مثل وزن الأثاث أو أبعاده).

عرض في علامة التبويب معلومات إضافية

بمجرد قيامك بإعداد السمات وتعيينها للمنتجات، يمكن عرض هذه السمات تلقائيًا في علامة التبويب معلومات إضافية في صفحة المنتج. تعد علامة التبويب هذه جزءًا من تخطيط منتج WooCommerce الافتراضي وتظهر بجوار علامة التبويب الوصف.

تساعد هذه المعلومات على:

• تسليط الضوء على ميزات المنتج المهمة: يمكن للعملاء رؤية ما يميز المنتج بنظرة سريعة، وهو أمر مفيد بشكل خاص للمنتجات التي تأتي بخيارات مختلفة أو ذات مواصفات فنية.
• تحسين تحسين محركات البحث: يمكن أن يساعد وجود سمات المنتج التفصيلية في تحسين محركات البحث لأنه يسمح لصفحات منتجك بأن تكون أكثر إفادة ويحتمل أن تحتل مرتبة أعلى في نتائج البحث.

التخصيص

يمكن تخصيص التخطيط والمعلومات الموجودة ضمن علامة التبويب "معلومات إضافية" إما من خلال مكونات إضافية إضافية أو عن طريق تحرير ملفات القالب الخاص بك إذا كنت بحاجة إلى إضافة معلومات أكثر تعقيدًا أو تحديدًا من السمات القياسية.

تعمل هذه الوظيفة على تحسين تجربة المتسوق من خلال توفير معلومات واضحة ومفيدة يمكن أن تؤثر على قرار الشراء، مما يجعلها ميزة أساسية للعديد من متاجر WooCommerce.

كيفية استخدام علامة التبويب معلومات إضافية؟

تعتبر علامة التبويب معلومات إضافية في WooCommerce ضرورية لتوفير تفاصيل المنتج التفصيلية التي يمكن أن تؤثر على قرارات الشراء، مثل الأبعاد أو المواد أو تعليمات الرعاية.تساعد علامة التبويب هذه في تنظيم سمات المنتج بدقة، مما يسهل على العملاء العثور بسرعة على المعلومات التي تهمهم وتقييمها.

علاوة على ذلك، فإن تضمين تفاصيل المنتج الشاملة في علامة التبويب هذه يمكن أن يؤدي إلى تحسين محركات البحث، حيث يميل المحتوى المخصب إلى الأداء بشكل أفضل في تصنيفات محرك البحث، مما يجذب المزيد من المشترين المحتملين إلى موقعك. لاستخدام هذه الميزة:

1. انتقل إلى قسمالمنتجات في لوحة تحكم WordPress الخاصة بك وحدد المنتج الذي تريد تعديله.
2. أسفل الوصف الرئيسي، ابحث عن بيانات المنتج > السمات.
3. هنا يمكنك إضافة السمات التي تنطبق على منتجك. انقرفوق إضافة .
4. قم بتسمية السمة الخاصة بك.على سبيل المثال، المادة أو اللون أو الحجم.
5. قم بإضافة قيم سمات مفصولة بأنبوب رأسي (|)، مثل Cotton | البوليستر.
6. حدد الخيارمرئي على صفحة المنتج للتأكد من أن العملاء سيرون هذه السمة.
   
   
7. بعد إضافة كافة السمات المطلوبة، انقر فوقحفظ السمات .

كيفية إضافة معلومات إضافية إلى منتجات WooCommerce؟

تعد إضافة معلومات إضافية إلى منتجات WooCommerce الخاصة بك استراتيجية حيوية لتحسين قوائم المنتجات وتحسين تجربة العملاء. سنناقش الآن طريقتين لدمج المزيد من تفاصيل المنتج بشكل فعال باستخدام مكون إضافي وكود مخصص.

الطريقة الأولى: استخدام البرنامج المساعد

تعد الحقول المخصصة المتقدمة (ACF) مكونًا إضافيًا شائعًا يمكن استخدامه لإضافة الحقول المخصصة وعرضها في WooCommerce.إليك كيفية استخدام ACF لعرض الحقول المخصصة على صفحة المنتج:

1. أولاً،قم بتثبيت المكون الإضافي للحقول المخصصة المتقدمة من مستودع المكونات الإضافية لـ WordPress وقم بتنشيطه.
   
   
2. انتقل إلىACF في لوحة تحكم WordPress وانقر فوق إضافة جديد.
   
   
3. قم بتسمية مجموعة الحقول الخاصة بك واستخدم زرإضافة حقل لبدء إضافة حقولك المخصصة.
4. قم بتكوين الحقول الخاصة بك عن طريق منحها تسميات وأسماء الحقول. يمكنك الاختيار من بين أنواع مختلفة مثل النص ومنطقة النص والصورة وما إلى ذلك.
   
   
5. قم بتعيينقواعد الموقع لإظهار هذه الحقول على صفحات منتجWooCommerce . يمكنك تحديد ظهور هذه الحقول لجميع المنتجات أو بشكل مشروط بناءً على الفئات أو العلامات أو سمات المنتج الأخرى.
   
   
6. انتقل إلى قسمالمنتجات في لوحة التحكم، وحدد منتجًا لتحريره، وسترى حقولك المخصصة هناك.املأها حسب الضرورة.
7. عرض الحقول المخصصة على صفحة المنتج. قم بتحرير قالب صفحة المنتج الخاص بموضوعك (عادةً Single-product.php أو جزء قالب محدد في WooCommerce) واستخدم وظيفة ACF the_field('field_name') لعرض الحقل. تأكد من وضعه في المكان الذي تريد أن يظهر فيه على الصفحة.

الطريقة الثانية: استخدام رمز مخصص

إذا كنت تفضل عدم استخدام مكون إضافي، فيمكنك إضافة حقول مخصصة يدويًا عن طريق تحرير ملف jobs.php الخاص بقالبك أو عن طريق إنشاء سمة فرعية. إليك الدليل الأساسي:

1. إضافة حقول مخصصة إلى المشرف:
   • استخدم add_action للربط بخيارات منتج WooCommerce لإضافة حقولك المخصصة. عادةً ما تستخدم woocommerce_product_options_general_product_data أو خطافات مشابهة.

 add_action('woocommerce_product_options_general_product_data', 'add_your_custom_general_fields');

الوظيفة add_your_custom_general_fields() {

woocommerce_wp_text_input(

مجموعة مصفوفة(

'المعرف' => '_custom_product_text_field',

'label' => __('حقل نص المنتج المخصص'، 'woocommerce')،

'placeholder' => 'أدخل النص'،

'desc_tip' => 'صحيح',

'description' => __('أدخل نصًا مخصصًا لهذا المنتج.', 'woocommerce')

)

);

}

2. حفظ الحقول المخصصة:

• استخدم ربطًا آخر لحفظ البيانات المدخلة من قبل المستخدم في هذه الحقول.

 add_action('woocommerce_process_product_meta', 'save_your_custom_general_fields');

وظيفة save_your_custom_general_fields($post_id) {

$custom_field_value = isset($_POST['_custom_product_text_field'])؟ $_POST['_custom_product_text_field'] : '';

update_post_meta($post_id, '_custom_product_text_field', sanitize_text_field($custom_field_value));

}

3. عرض الحقول المخصصة على صفحة المنتج:

• قم بتحرير ملفات قالب صفحة المنتج الخاصة بموضوعك واستخدم get_post_meta لاسترداد وعرض قيمة حقولك المخصصة.

 صدى '<div class="custom-field">';

صدى '<label>حقل مخصص:</label> ';

echo get_post_meta(get_the_ID(), '_custom_product_text_field', true);

صدى '</div>';

إدارة علامة تبويب المعلومات الإضافية في WooCommerce

تعد إدارة علامة تبويب المعلومات الإضافية في WooCommerce أمرًا ضروريًا لتوفير تجربة تسوق مفصلة. يمكن للإدارة الفعالة لعلامة التبويب هذه أيضًا تعزيز تحسين محركات البحث لموقعك، وجذب المزيد من الزوار وربما تقليل عوائد المنتج.

الخطوة 1: أضف نصًا مخصصًا إلى علامة التبويب معلومات إضافية

لإضافة رابط أو نص مخصص إلى علامة التبويب معلومات إضافية، يمكنك إدراج كود PHP في ملف jobs.php الخاص بموضوعك .

1. افتح ملف function.php الخاص بموضوعك : يمكن الوصول إلى هذا الملف عبر لوحة تحكم WordPress ضمن المظهر > محرر السمات أو من خلال عميل FTP.
2. أدخل كود PHP التالي في نهاية الملف:

 add_action('woocommerce_product_additional_information', 'print_custom_html');

وظيفة print_custom_html() { ?>

<a href="#">انقر هنا لمزيد من المعلومات حول سمات المنتج</a>

<?php }

3. يضيف هذا الرمز رابطًا قابلاً للنقر يمكنك تخصيصه باستخدام عنوان URL والنص المطلوبين.
4. حفظ التغييرات: قم بتحديث الملف وقم بزيارة صفحة المنتج الخاص بك لرؤية نص الرابط الجديد أسفل قائمة السمات أو أعلىها.

الخطوة 2: إخفاء أو إزالة علامة التبويب معلومات إضافية

لإزالة علامة التبويب معلومات إضافية عندما لا يكون ذلك ضروريًا، مثل المنتجات الرقمية:

باستخدام كود PHP:

1. قم بالوصول إلى ملف jobs.php الخاص بموضوعك الفرعي.
2. أضف الكود التالي:

 add_filter('woocommerce_product_tabs', 'woo_remove_product_tabs', 98);

وظيفة woo_remove_product_tabs($tabs) {

unset($tabs['additional_information']);

إرجاع علامات التبويب $؛

}

3. احفظ صفحة منتجك وتحقق منها للتأكد من أن علامة التبويب معلومات إضافية لم تعد مرئية.

باستخدام كود CSS:

1. انتقل إلى المظهر > التخصيص>CSS الإضافيفي لوحة تحكم WordPress الخاصة بك.
2. أدخل كود CSS التالي:

 li.additional_information_tab {

العرض: لا شيء! مهم؛

}

3. انشر التغييرات وتحقق على صفحة منتجك من إخفاء علامة التبويب.

الخطوة 3: انقل المعلومات الإضافية إلى علامة التبويب الوصف

إذا كنت تريد دمج معلومات المنتج في علامات تبويب أقل:

1. قم بتحرير ملف jobs.php في القالب الخاص بك.
2. الصق كود PHP التالي لإزالة علامة التبويب معلومات إضافية ودمج محتواها مع علامة التبويب الوصف:

إزالة علامة التبويب معلومات إضافية

 add_filter('woocommerce_product_tabs'، وظيفة($tabs) {

unset($tabs['additional_information']);

إرجاع علامات التبويب $؛

}، 98)؛

أدخل معلومات إضافية في علامة التبويب الوصف

 add_filter('woocommerce_product_tabs'، وظيفة($tabs) {

علامات التبويب $['description']['callback'] = function() {

المنتج العالمي $؛

wc_get_template('single-product/tabs/description.php');

إذا ($product && ($product->has_attributes() || Apply_filters('wc_product_enable_dimensions_display', $product->has_weight() || $product->has_dimensions()))) {

wc_get_template('single-product/tabs/additional-information.php');

}

};

إرجاع علامات التبويب $؛

}، 98)؛

3. احفظ الملف واعرض صفحة المنتج للتأكد من ظهور المعلومات الإضافية الآن ضمن علامة التبويب الوصف.

خاتمة

تعد إضافة معلومات إضافية إلى منتجات WooCommerce الخاصة بك طريقة قوية لتحسين تجربة التسوق وتوفير التفاصيل الأساسية وتحسين محركات البحث لصفحات منتجك. سواء من خلال استخدام علامة تبويب المعلومات الإضافية المضمنة أو من خلال دمج الحقول المخصصة مع المكونات الإضافية، يقدم WooCommerce خيارات متعددة الاستخدامات لتلبية الاحتياجات المحددة لمتجرك. نأمل أن يساعدك هذا الدليل في تكوين كيفية إضافة معلومات إضافية إلى منتجات WooCommerce، ومن خلال الاستفادة من هذه الميزات، يمكنك التأكد من أن منتجاتك ليست ممثلة جيدًا فحسب، بل تبرز أيضًا في السوق المزدحمة، مما يؤدي في النهاية إلى زيادة رضا العملاء والمبيعات.