مرحبًا بمخصصات WooCommerce!
اليوم هي الحلقة رقم 12 من تحدي ” 18 قصاصة في 18 يومًا “. مع بقاء 6 أيام ، أتمنى أن تكون قد استمتعت بالمقتطفات حتى الآن وأن مكتبة مقتطفات رمز WooCommerce الخاصة بك تنمو بشكل مطرد 🙂
أطلب منك التفضل بالمشاركة على وسائل التواصل الاجتماعي وترك تعليقات المدونة لدعم الماراثون الخاص بي ، الكثير من العمل يجري في هذا ولا تتردد في مشاركة بعض الحب 🙂
نلقي اليوم نظرة على أزرار “إضافة إلى عربة التسوق” WooCommerce. ماذا لو أردت تغيير نص “إضافة إلى عربة التسوق” اعتمادًا على فئة المنتج؟ على سبيل المثال ، قد ترغب في إظهار “اشترِ الآن” للكتب و “إضافة إلى سلة التسوق” للأقراص المدمجة.
WooCommerce: قم بتغيير نص إضافة إلى عربة التسوق اعتمادًا على الفئة
WooCommerce: قم بتغيير نص إضافة إلى عربة التسوق اعتمادًا على الفئة
مقتطف WooCommerce: تغيير نص “إضافة إلى عربة التسوق” حسب فئة المنتج (2 فئات فقط)
/**
* @snippet WooCommerce: Edit "Add to Cart" Text by Product Category
* @how-to Get CustomizeWoo.com FREE
* @sourcecode https://businessbloomer.com/?p=19944
* @author Rodolfo Melogli
* @testedwith WooCommerce 3.3.3
*/
add_filter( 'woocommerce_product_add_to_cart_text', 'bbloomer_archive_custom_cart_button_text' );
function bbloomer_archive_custom_cart_button_text() {
global $product;
if ( has_term( 'category1', 'product_cat', $product->ID ) ) {
return 'Category 1 Add Cart';
} else {
return 'Category 2 Buy Now';
}
}
مقتطف WooCommerce: تغيير نص “إضافة إلى عربة التسوق” حسب فئة المنتج (مقتطف محسّن بواسطة Fabio Tielen )
/**
* @snippet WooCommerce: Edit "Add to Cart" Text by Product Category
* @how-to Get CustomizeWoo.com FREE
* @sourcecode https://businessbloomer.com/?p=19944
* @author Fabio Tielen & Rodolfo Melogli
* @testedwith WooCommerce 3.3.3
*/
add_filter( 'woocommerce_product_add_to_cart_text', 'bbloomer_archive_custom_cart_button_text' );
function bbloomer_archive_custom_cart_button_text() {
global $product;
$terms = get_the_terms( $product->ID, 'product_cat' );
foreach ($terms as $term) {
$product_cat = $term->name;
break;
}
switch($product_cat)
{
case 'category1';
return 'Category 1 button text'; break;
case 'category2';
return 'Category 2 button text'; break;
// case 'category3'; etc...
// return 'Category 3 button text'; break;
default;
return 'Default button text when no match found'; break;
}
}
المنشورات ذات الصلة:
WooCommerce: إزالة / تحرير رسالة “تمت الإضافة إلى عربة التسوق”
WooCommerce: أضف إلى رابط عربة التسوق لفتحه في علامة تبويب متصفح جديدة
WooCommerce: أضف منتجًا إلى عربة التسوق عند الزيارة برمجيًا
WooCommerce: أعد التوجيه إلى Checkout على Add to Cart
WooCommerce: تحرير إضافة إلى عربة التسوق الحد الأدنى والحد الأقصى والخطوة الكمية
WooCommerce: إخفاء أداة عربة التسوق الصغيرة (قائمة منسدلة)
WooCommerce: أعد تسمية زر “إضافة إلى عربة التسوق” إذا كان المنتج بالفعل @ سلة التسوق
WooCommerce: أضف إلى سلة التسوق أزرار زائد وناقص الكمية
WooCommerce: إزالة المنتج من عربة التسوق برمجيًا
WooCommerce: فرض كمية المنتج المشروط 1 @ سلة التسوق
أين تضيف هذا المقتطف؟
يمكنك وضع مقتطفات PHP في الجزء السفلي من ملف function.php القالب الفرعي الخاص بك (احذف “؟>” إذا كان لديك هناك). من ناحية أخرى ، ينتقل CSS في ملف style.css الخاص بسمة الطفل. تأكد من أنك تعرف ما تفعله عند تحرير مثل هذه الملفات – إذا كنت بحاجة إلى مزيد من الإرشادات ، فيرجى إلقاء نظرة على الفيديو التعليمي المجاني الخاص بي “أين تضع تخصيص WooCommerce؟”
هل هذا المقتطف (لا يزال) يعمل؟
يرجى إعلامي في التعليقات إذا كان كل شيء يعمل كما هو متوقع. يسعدني مراجعة المقتطف إذا أبلغت بخلاف ذلك (يرجى تقديم لقطات شاشة). لقد اختبرت هذا الكود مع موضوع Storefront وإصدار WooCommerce المذكور أعلاه واستضافة صديقة لـ وورد بريس على PHP 7.3.
إذا كنت تعتقد أن هذا الرمز وفر لك الوقت والمال ، فلا تتردد في الانضمام إلى أكثر من 14000 مشترك في WooCommerce Weekly للحصول على تحديثات منشورات المدونة أو أكثر من 250 من مؤيدي Business Bloomer لمدة 365 يومًا من مزايا WooCommerce . شكرا لكم مقدما 🙂
هل تحتاج إلى مساعدة في WooCommerce؟
تحقق من دروس الفيديو المجانية هذه. يمكنك تعلم كيفية تخصيص WooCommerce بدون مكونات إضافية غير ضرورية ، وكيفية تكوين إعدادات البرنامج المساعد WooCommerce بشكل صحيح وحتى كيفية إتقان استكشاف أخطاء WooCommerce في حالة حدوث خطأ!