علامات التبويب WooCommerce My Account الافتراضية كثيرة. في بعض الأحيان ، يكونون أكثر من اللازم. في هذا المنشور ، سنرى كيفية “دمج” علامتي تبويب في علامة تبويب واحدة.
على سبيل المثال ، كيف يمكننا نقل محتوى علامة التبويب “تحرير العنوان” إلى علامة التبويب “تحرير الحساب” – وتوفير بعض وقت التنقل للمستخدمين؟
WooCommerce: دمج علامتي تبويب “حسابي”
يعني دمج علامتي تبويب إخفاء علامة تبويب ، وبعد ذلك نقل محتواها إلى علامة تبويب أخرى. سهل للغاية ، ويمكنك تطبيق هذا على أي علامة تبويب ، طالما قمت بتغيير المقتطف أدناه بالاسم الصحيح لعلامات التبويب (أو نقاط النهاية ، مثل WooCommerce يستدعيها).
/**
* @snippet Merge Two "My Account" Tabs @ WooCommerce Account
* @how-to Get CustomizeWoo.com FREE
* @author Rodolfo Melogli
* @compatible WooCommerce 5.0
* @donate $9 https://businessbloomer.com/bloomer-armada/
*/
// -------------------------------
// 1. First, hide the tab that needs to be merged/moved (edit-address in this case)
add_filter( 'woocommerce_account_menu_items', 'bbloomer_remove_address_my_account', 999 );
function bbloomer_remove_address_my_account( $items ) {
unset( $items['edit-address'] );
return $items;
}
// -------------------------------
// 2. Second, print the ex tab content (woocommerce_account_edit_address) into an existing tab (woocommerce_account_edit-account_endpoint). See notes below!
add_action( 'woocommerce_account_edit-account_endpoint', 'woocommerce_account_edit_address' );
// NOTES
// 1. to select a given tab, use 'woocommerce_account_ENDPOINTSLUG_endpoint' hook
// 2. to print a given tab content, use any of these:
// 'woocommerce_account_orders'
// 'woocommerce_account_view_order'
// 'woocommerce_account_downloads'
// 'woocommerce_account_edit_address'
// 'woocommerce_account_payment_methods'
// 'woocommerce_account_add_payment_method'
// 'woocommerce_account_edit_account'إذا كنت تحب البرمجة ولكنك لا تشعر بالثقة بنسبة 100٪ مع PHP ، فقد قررت البحث عن مكون إضافي موثوق به يحقق نفس النتيجة.
في هذه الحالة ، أوصي باستخدام المكون الإضافي YITH WooCommerce تخصيص صفحة حسابي . علاوة على دمج علامات التبويب “حسابي” ، يمكنك أيضًا تحريك قائمة علامة التبويب حولها ، وتخصيص نظام الألوان ، وإضافة لافتات ، وإعداد reCaptcha في نماذج التسجيل وتسجيل الدخول ، وفرز علامات التبويب وإعادة تسميتها وحذفها ، وعرض علامات التبويب بشكل مشروط إلى دور مستخدم معين وأكثر بكثير.
ولكن في حال كنت تكره المكونات الإضافية وترغب في كتابة التعليمات البرمجية (أو ترغب في تجربة ذلك) ، فاستمر في القراءة 🙂
WooCommerce: أضف علامة تبويب جديدة @ صفحة حسابي
WooCommerce: أضف الاسم الأول والأخير إلى نموذج تسجيل حسابي
WooCommerce: إخفاء أو إعادة تسمية علامة التبويب حسابي
WooCommerce: أضف الموافقة على سياسة الخصوصية @ تسجيل حسابي
WooCommerce: صفحات منفصلة لتسجيل الدخول والتسجيل
WooCommerce: السماح للمستخدمين بتعديل أوامر المعالجة
WooCommerce: رفض تسجيل الدخول التلقائي عند التسجيل في حسابي
WooCommerce: تحميل ملف @ نموذج تسجيل حسابي
WooCommerce: أعد تسمية “حسابي” إذا تم تسجيل الخروج في قائمة التنقل @
WooCommerce: إضافة ملف تنزيل مخصص @ حسابي
يمكنك وضع مقتطفات PHP في الجزء السفلي من ملف function.php القالب الفرعي الخاص بك (احذف “؟>” إذا كان لديك هناك). من ناحية أخرى ، ينتقل CSS في ملف style.css الخاص بسمة الطفل. تأكد من أنك تعرف ما تفعله عند تحرير مثل هذه الملفات – إذا كنت بحاجة إلى مزيد من الإرشادات ، فيرجى إلقاء نظرة على الفيديو التعليمي المجاني الخاص بي “أين تضع تخصيص WooCommerce؟”
يرجى إعلامي في التعليقات إذا كان كل شيء يعمل كما هو متوقع. يسعدني مراجعة المقتطف إذا أبلغت بخلاف ذلك (يرجى تقديم لقطات شاشة). لقد اختبرت هذا الكود مع موضوع Storefront وإصدار WooCommerce المذكور أعلاه واستضافة صديقة لـ وورد بريس على PHP 7.3.
إذا كنت تعتقد أن هذا الرمز وفر لك الوقت والمال ، فلا تتردد في الانضمام إلى أكثر من 14000 مشترك في WooCommerce Weekly للحصول على تحديثات منشورات المدونة أو أكثر من 250 من مؤيدي Business Bloomer لمدة 365 يومًا من مزايا WooCommerce . شكرا لكم مقدما 🙂
تحقق من دروس الفيديو المجانية هذه. يمكنك تعلم كيفية تخصيص WooCommerce بدون مكونات إضافية غير ضرورية ، وكيفية تكوين إعدادات البرنامج المساعد WooCommerce بشكل صحيح وحتى كيفية إتقان استكشاف أخطاء WooCommerce في حالة حدوث خطأ!
