تنشئ WooCommerce فتات تنقل متجر ، وفئة ، وعلامة ، ومنتج واحد خارج الصندوق. يجب أن تتبع مسارات التنقل هذه إعدادات رابط WooCommerce الثابت. على سبيل المثال ، أستخدم خيار “Shop base with category” ضمن وورد بريس> Permalinks. في حالتي ، بشكل افتراضي ، المنتج الذي ينتمي إلى الفئة ” غير مصنف ” له عنوان URL = “https://example.com/shop/uncategorized/product-name/” وتتبع مسارات التنقل لصفحة منتج واحد نفس القاعدة: “الصفحة الرئيسية / Shop / Uncategorized / اسم المنتج “.
الآن ، ماذا لو أردت إعادة تسمية أحد العناصر؟ ماذا لو أردت استبدال أحد عناصر مسار التنقل بشيء آخر؟ حسنًا ، يمنحنا WooCommerce مرشحًا رائعًا يسمى ” woocommerce_get_breadcrumb ” يمكننا استخدامه لتحرير محتوى مسار التنقل قبل عرضه. في هذا المنشور ، سنرى كيفية إضافة لاحقة إلى فئات المنتجات وكذلك كيفية استبدال اسم المنتج بقيمة SKU. يتمتع!
إليك ما يحدث بعد تطبيق Snippet 1 أدناه. يأخذ عنصر مسار التنقل للفئة في صفحة المنتج الواحدة البادئة = “الفئة:” ويسهل قراءته.
مقتطف PHP 1: إضافة بادئة إلى عناصر مسار تنقل الفئات
/**
* @snippet Add Prefix to Category @ WooCommerce Breadcrumb
* @how-to Get CustomizeWoo.com FREE
* @author Rodolfo Melogli
* @testedwith WooCommerce 3.9
* @donate $9 https://businessbloomer.com/bloomer-armada/
*/
add_filter( 'woocommerce_get_breadcrumb', 'bbloomer_single_product_edit_cat_breadcrumbs', 9999, 2 );
function bbloomer_single_product_edit_cat_breadcrumbs( $crumbs, $breadcrumb ) {
if ( is_product() ) {
$index = count( $crumbs ) - 2; // cat is always second last item
$value = $crumbs[$index];
$crumbs[$index][0] = 'Category: ' . $crumbs[$index][0];
}
return $crumbs;
}
مقتطف PHP 2: استبدل عنصر مسار التنقل باسم المنتج بـ SKU
/**
* @snippet Swap Product with SKU @ WooCommerce Breadcrumb
* @how-to Get CustomizeWoo.com FREE
* @author Rodolfo Melogli
* @testedwith WooCommerce 3.9
* @donate $9 https://businessbloomer.com/bloomer-armada/
*/
add_filter( 'woocommerce_get_breadcrumb', 'bbloomer_single_product_edit_prod_name_breadcrumbs', 9999, 2 );
function bbloomer_single_product_edit_prod_name_breadcrumbs( $crumbs, $breadcrumb ) {
if ( is_product() ) {
global $product;
$index = count( $crumbs ) - 1; // product name is always last item
$value = $crumbs[$index];
$crumbs[$index][0] = $product->get_sku();
}
return $crumbs;
}
المنشورات ذات الصلة:
WooCommerce: كيفية تقصير عناوين المنتج
WooCommerce: عرض معرض المنتجات عموديًا (صفحة منتج واحدة)
WooCommerce: نموذج الاستفسار عن المنتج @ صفحة منتج واحد (CF7)
WooCommerce: أضف رمزًا إلى أزرار إضافة إلى عربة التسوق
WooCommerce: أعد تسمية زر “إضافة إلى عربة التسوق” إذا كان المنتج بالفعل @ سلة التسوق
WooCommerce: إظهار الوصف المختصر المخصص عند إفراغه
WooCommerce: إعادة تسمية وصف المنتج Tab Label @ Single Product Page
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 بشكل صحيح وحتى كيفية إتقان استكشاف أخطاء WooCommerce في حالة حدوث خطأ!