تعرض صفحة متجر WooCommerce منتجات متغيرة باستخدام زر ” Select Options ” افتراضيًا. ومع ذلك ، إذا كنت تتطلع إلى تغييره إلى شيء آخر (مثل ” عرض المنتج “) ، فلدي مقتطف مفيد يمكنك استخدامه.
بالطبع يمكنك تغيير النص إلى أي شيء تريده ، ببساطة عن طريق استبدال السلسلة ذات الصلة داخل المقتطف أدناه. يتمتع!
بعد تثبيت هذا المقتطف ، ستعرض المنتجات المتغيرة لمتجر WooCommerce علامة “عرض المنتج” بدلاً من “تحديد الخيارات” الافتراضية. سهل جدا!
/**
* @snippet Edit SELECT OPTIONS Button - WordPress Shop
* @how-to Get CustomizeWoo.com FREE
* @author Rodolfo Melogli
* @compatible WooCommerce 5
* @donate $9 https://businessbloomer.com/bloomer-armada/
*/
add_filter( 'woocommerce_product_add_to_cart_text', 'bbloomer_change_select_options_button_text', 9999, 2 );
function bbloomer_change_select_options_button_text( $label, $product ) {
if ( $product->is_type( 'variable' ) ) {
return 'View Product';
}
return $label;
}إذا كنت تحب البرمجة ولكنك لا تشعر بالثقة بنسبة 100٪ مع PHP ، فقد قررت البحث عن مكون إضافي موثوق به يحقق نفس النتيجة.
في هذه الحالة ، أوصي بإضافة WooCommerce Show Single Variations . علاوة على “تقسيم” منتجاتك المتغيرة إلى منتجات بسيطة (وبالتالي باستخدام الزر “إضافة إلى عربة التسوق” في صفحة المتجر) ، يمكنك أيضًا إرجاع الأشكال المختلفة كنتائج بحث ونتائج مفلترة وغير ذلك الكثير.
ولكن في حال كنت تكره المكونات الإضافية وترغب في كتابة التعليمات البرمجية (أو ترغب في تجربة ذلك) ، فاستمر في القراءة 🙂
WooCommerce: عرض الأسهم المتباينة في صفحة المتجر
WooCommerce: أضف نصًا أسفل كل صفحة متجر في كل منتج
WooCommerce: إخفاء الأسعار في صفحات المتجر والفئة
WooCommerce: إخفاء المنتجات من فئة معينة في المتجر
WooCommerce: إخفاء المنتجات في صفحة التسوق
WooCommerce: عرض حالة المخزون / الكمية في صفحة المتجر
WooCommerce: عرض YITH أزرار قائمة الرغبات @ Shop Page
WooCommerce: أعد تسمية زر “إضافة إلى عربة التسوق” إذا كان المنتج بالفعل @ سلة التسوق
WooCommerce: تغيير الروابط الثابتة للمنتج في صفحات المتجر / الحلقات
WooCommerce: إزالة عنوان “Shop” @ WooCommerce Shop Page
يمكنك وضع مقتطفات PHP في الجزء السفلي من ملف function.php القالب الفرعي الخاص بك (احذف “؟>” إذا كان لديك هناك). من ناحية أخرى ، ينتقل CSS في ملف style.css الخاص بسمة الطفل. تأكد من أنك تعرف ما تفعله عند تحرير مثل هذه الملفات – إذا كنت بحاجة إلى مزيد من الإرشادات ، فيرجى إلقاء نظرة على الفيديو التعليمي المجاني الخاص بي “أين تضع تخصيص WooCommerce؟”
يرجى إعلامي في التعليقات إذا كان كل شيء يعمل كما هو متوقع. يسعدني مراجعة المقتطف إذا أبلغت بخلاف ذلك (يرجى تقديم لقطات شاشة). لقد اختبرت هذا الكود مع موضوع Storefront وإصدار WooCommerce المذكور أعلاه واستضافة صديقة لـ وورد بريس على PHP 7.3.
إذا كنت تعتقد أن هذا الرمز وفر لك الوقت والمال ، فلا تتردد في الانضمام إلى أكثر من 14000 مشترك في WooCommerce Weekly للحصول على تحديثات منشورات المدونة أو أكثر من 250 من مؤيدي Business Bloomer لمدة 365 يومًا من مزايا WooCommerce . شكرا لكم مقدما 🙂
تحقق من دروس الفيديو المجانية هذه. يمكنك تعلم كيفية تخصيص WooCommerce بدون مكونات إضافية غير ضرورية ، وكيفية تكوين إعدادات البرنامج المساعد WooCommerce بشكل صحيح وحتى كيفية إتقان استكشاف أخطاء WooCommerce في حالة حدوث خطأ!
