تتمثل إحدى ميزات Bloomer Armada في توفير دعم Premium WooCommerce للأسئلة والأجوبة للداعمين الذين يسجلون. إذن ، كيف تضيف “علامة تبويب” إضافية إلى صفحة حسابي ، وكيف تضيف محتوى بداخلها؟
إليك الكود الذي استخدمته (بفضل Mike Jolley للإلهام) – لا تتردد في ترك تعليق أدناه إذا وجدت هذا البرنامج التعليمي مفيدًا 🙂
WooCommerce: كيفية إضافة علامة تبويب جديدة إلى صفحة حسابي
WooCommerce: كيفية إضافة علامة تبويب جديدة إلى صفحة حسابي
/**
* @snippet WooCommerce Add New Tab @ My Account
* @how-to Get CustomizeWoo.com FREE
* @author Rodolfo Melogli
* @compatible WooCommerce 5.0
* @donate $9 https://businessbloomer.com/bloomer-armada/
*/
// ------------------
// 1. Register new endpoint (URL) for My Account page
// Note: Re-save Permalinks or it will give 404 error
function bbloomer_add_premium_support_endpoint() {
add_rewrite_endpoint( 'premium-support', EP_ROOT | EP_PAGES );
}
add_action( 'init', 'bbloomer_add_premium_support_endpoint' );
// ------------------
// 2. Add new query var
function bbloomer_premium_support_query_vars( $vars ) {
$vars[] = 'premium-support';
return $vars;
}
add_filter( 'query_vars', 'bbloomer_premium_support_query_vars', 0 );
// ------------------
// 3. Insert the new endpoint into the My Account menu
function bbloomer_add_premium_support_link_my_account( $items ) {
$items['premium-support'] = 'Premium Support';
return $items;
}
add_filter( 'woocommerce_account_menu_items', 'bbloomer_add_premium_support_link_my_account' );
// ------------------
// 4. Add content to the new tab
function bbloomer_premium_support_content() {
echo '<h3>Premium WooCommerce Support</h3><p>Welcome to the WooCommerce support area. As a premium customer, you can submit a ticket should you have any WooCommerce issues with your website, snippets or customization. <i>Please contact your theme/plugin developer for theme/plugin-related support.</i></p>';
echo do_shortcode( ' /* your shortcode here */ ' );
}
add_action( 'woocommerce_account_premium-support_endpoint', 'bbloomer_premium_support_content' );
// Note: add_action must follow 'woocommerce_account_{your-endpoint-slug}_endpoint' formatإذا كنت تحب البرمجة ولكنك لا تشعر بالثقة بنسبة 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 في حالة حدوث خطأ!
