WooCommerce: إزالة الشريط الجانبي @ صفحة منتج واحد

ما لم يكن موضوعك يتخطى الشريط الجانبي لـ WooCommerce ، فإن إزالته من صفحة المنتج الفردية أمر سهل للغاية!

WooCommerce: قم بإزالة الشريط الجانبي من صفحات المنتج الفردية

WooCommerce: قم بإزالة الشريط الجانبي من صفحات المنتج الفردية

مقتطف WooCommerce: قم بإزالة الشريط الجانبي في جميع صفحات المنتج الفردية

/**
 * @snippet       Remove Sidebar @ Single Product Page
 * @how-to        Get CustomizeWoo.com FREE
 * @sourcecode    https://businessbloomer.com/?p=19572
 * @author        Rodolfo Melogli
 * @testedwith    WooCommerce 3.2.6
 */
 
add_action( 'wp', 'bbloomer_remove_sidebar_product_pages' );
 
function bbloomer_remove_sidebar_product_pages() {
if ( is_product() ) {
remove_action( 'woocommerce_sidebar', 'woocommerce_get_sidebar', 10 );
}
}

موضوع واجهة المتجر – إزالة الشريط الجانبي لـ WooCommerce من صفحة منتج واحد

/**
 * @snippet       Remove Sidebar @ Single Product Page for Storefront Theme
 * @how-to        Get CustomizeWoo.com FREE
 * @sourcecode    https://businessbloomer.com/?p=19572
 * @author        Rodolfo Melogli
 * @testedwith    WooCommerce 3.2.6
 */
 
add_action( 'get_header', 'bbloomer_remove_storefront_sidebar' );
 
function bbloomer_remove_storefront_sidebar() {
   if ( is_product() ) {
      remove_action( 'storefront_sidebar', 'storefront_get_sidebar', 10 );
   }
}

سمة Divi – إزالة الشريط الجانبي لـ WooCommerce من صفحة منتج واحد

هذا لن يحتاج إلى أي ترميز. تزيل سمة Divi بالفعل الشريط الجانبي لـ WooCommerce في وظيفتها وتعيد الشريط الجانبي الافتراضي Divi.

لإزالة الشريط الجانبي من المنتجات ، انتقل إلى المنتج> تحرير ومن الشريط الجانبي الأيمن حدد “تخطيط الصفحة> العرض الكامل”:

Divi & WooCommerce: قم بإزالة الشريط الجانبي في صفحة المنتج الفردية

Divi & WooCommerce: قم بإزالة الشريط الجانبي في صفحة المنتج الفردية

إذا كنت ترغب أيضًا في إزالة الشريط الجانبي Divi من صفحات الأرشيف ، فانتقل إلى Divi> خيارات السمة> الإعدادات العامة وقم بتعيين “Shop Page & Category Page Layout for WooCommerce” إلى “العرض الكامل”:

Divi & WooCommerce: إزالة الشريط الجانبي من صفحات الأرشيف

Divi & 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 في حالة حدوث خطأ!