توجد بالفعل أداة تتيح لك وضع “قائمة منسدلة لفئة المنتج” في مناطق الشريط الجانبي. تكمن المشكلة في أن الأشرطة الجانبية أصبحت مؤخرًا نوعًا ما عام 1990. لذا ، ماذا لو كنت تريد وضع “مربع تحديد الفئة” في أي مكان في موقع ويب WooCommerce ، و (في دراسة الحالة هذه) ، بالضبط في صفحات فئة المنتج ، بحيث يمكن التبديل من فئة إلى أخرى؟
حسنًا ، ستتعلم في هذا المقتطف الكثير من الأشياء. على سبيل المثال ، تعرض الوظيفة wc_product_dropdown_categories () بطريقة سحرية قائمة منسدلة للفئات ، بينما تسمح لك الوظيفة wc_enqueue_js () بحقن jQuery (المسؤولة عن تشغيل إعادة توجيه صفحة الفئة).
يمكنك عرض هذا المقتطف على موقع WooCommerce المباشر الخاص بي: A Piece of Sicily – Sicilian Crafts Category . يتمتع!
إليك “أداة تبديل فئة المنتج” قيد التشغيل على صفحات فئة المنتج. بمجرد تحديد فئة مختلفة ، تتم إعادة التوجيه.
يرجى ملاحظة أنه في قسم ” location.href ” ، يجب عليك التأكد من إدخال قاعدة الرابط الثابت الصحيحة لفئات المنتجات ، وإلا ستحصل على الخطأ 404. في هذه الحالة ، أستخدم الروابط الثابتة لفئة المنتج الافتراضية ، ” / product- فئة / “.
/**
* @snippet Product Category Switcher @ Product Category Pages
* @how-to Get CustomizeWoo.com FREE
* @author Rodolfo Melogli
* @compatible WooCommerce 4.0
* @donate $9 https://businessbloomer.com/bloomer-armada/
*/
add_action( 'woocommerce_before_shop_loop', 'bbloomer_filter_by_tag', 31 );
function bbloomer_filter_by_tag() {
if ( is_product_category() ) {
wc_product_dropdown_categories();
}
wc_enqueue_js( "
$('#product_cat').change(function () {
location.href = '/product-category/' + $(this).val();
});
" );
}WooCommerce: إخفاء الفئات من منتج Cat Widget
WooCommerce & Avada: المشاركة الاجتماعية @ فئة المنتج
WooCommerce: كيفية عرض الفئات في أي صفحة
WooCommerce: اكتشف ما إذا كانت الفئة الحالية فئة فرعية
WooCommerce: تغيير الروابط الثابتة للمنتج في صفحات المتجر / الحلقات
WooCommerce: إخفاء “لم يتم العثور على منتجات مطابقة لاختيارك”
WooCommerce: أضف الوصف الثاني @ صفحات فئة المنتج
WooCommerce: إزالة عنوان “Shop” @ WooCommerce Shop Page
WooCommerce: إخفاء صور الفئة @ Shop
يمكنك وضع مقتطفات PHP في الجزء السفلي من ملف function.php القالب الفرعي الخاص بك (احذف “؟>” إذا كان لديك هناك). من ناحية أخرى ، ينتقل CSS في ملف style.css الخاص بسمة الطفل. تأكد من أنك تعرف ما تفعله عند تحرير مثل هذه الملفات – إذا كنت بحاجة إلى مزيد من الإرشادات ، فيرجى إلقاء نظرة على الفيديو التعليمي المجاني الخاص بي “أين تضع تخصيص WooCommerce؟”
يرجى إعلامي في التعليقات إذا كان كل شيء يعمل كما هو متوقع. يسعدني مراجعة المقتطف إذا أبلغت بخلاف ذلك (يرجى تقديم لقطات شاشة). لقد اختبرت هذا الكود مع موضوع Storefront وإصدار WooCommerce المذكور أعلاه واستضافة صديقة لـ وورد بريس على PHP 7.3.
إذا كنت تعتقد أن هذا الرمز وفر لك الوقت والمال ، فلا تتردد في الانضمام إلى أكثر من 14000 مشترك في WooCommerce Weekly للحصول على تحديثات منشورات المدونة أو أكثر من 250 من مؤيدي Business Bloomer لمدة 365 يومًا من مزايا WooCommerce . شكرا لكم مقدما 🙂
تحقق من دروس الفيديو المجانية هذه. يمكنك تعلم كيفية تخصيص WooCommerce بدون مكونات إضافية غير ضرورية ، وكيفية تكوين إعدادات البرنامج المساعد WooCommerce بشكل صحيح وحتى كيفية إتقان استكشاف أخطاء WooCommerce في حالة حدوث خطأ!
