WooCommerce: جدول عربة التسوق “منقسم” (عناوين A> Z)

لأن مصطلح ” الانقسام ” قد لا يكون هو المصطلح الصحيح ، اسمحوا لي أن أوضح هذا بشكل أفضل.

دعنا نتخيل أن جدول عربة WooCommerce الخاص بك مرتبة حسب A> Z (مع مقتطف فرز عربة WooCommerce على سبيل المثال). إذا كان نموذج عملك و / أو UX يتطلب ذلك ، فقد تحتاج إلى “إضافة صف جدول عربة التسوق” للإبلاغ عن حقيقة أن هذه العناصر تنتمي إلى هذا الحرف:

أ

عنوان العنصر 1: “AAA”

عنوان العنصر 2: “ACC”

ب

البند 3 عنوان: “BDD”

عنوان البند 4: “BEE”

مرة أخرى ، قد يبدو هذا غير مفهوم ، لذا من الأفضل إلقاء نظرة على لقطة الشاشة أدناه. يتمتع!

ها هي النتيجة: يتم ترتيب سلة التسوق أبجديًا ، ويتم الآن تحديد كل قسم من أقسام سلة التسوق بواسطة الحرف الأول لعنوان عنصر سلة التسوق.

مقتطف PHP: تقسيم العربة بواسطة A> Z (عرض الحرف فوق كل قسم)

ملاحظة: تحتاج أيضًا إلى استخدام https://businessbloomer.com/woocommerce-sort-cart-items-alphabetically-az/ لفرز سلة التسوق أبجديًا أولاً.

/**
 * @snippet       Split Cart Table Alphabetically @ WooCommerce Cart
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 3.7
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_action( 'wp_footer', 'bbloomer_split_cart_by_az', 9999 );
   
function bbloomer_split_cart_by_az(){
    if ( ! is_cart() ) return; 
   if ( WC()->cart->is_empty() ) return;
   $i = 0;
   $split = array();
   foreach ( WC()->cart->get_cart() as $cart_item_key => $cart_item ) {
      $cart_item_title = $cart_item['data']->get_title();
      $first_letter = substr( $cart_item_title, 0, 1 );
      if ( 0 == $i || ( 0 < $i && ! in_array( $first_letter, $split ) ) ) {
         $split[$i] = $first_letter;
      }
      $i++;
   }
   ?>
   <script type="text/javascript">
      jQuery(document).ready(function($){
         var indx = $('.woocommerce-cart-form__contents tbody tr').length;
         var rows = <?php echo json_encode($split); ?>;
         $.each(rows,function(key,value){   
            var newRow = $('<tr><td colspan="6">'+value+'</td></tr>');
               newRow.insertBefore($('.woocommerce-cart-form__contents tbody tr.woocommerce-cart-form__cart-item:nth('+key+')'));
         });
      });
   </script>
   <?php  
}

المنشورات ذات الصلة:

WooCommerce: إخفاء أسعار الشحن في حالة توفر الشحن المجاني

WooCommerce: أضف منتجًا إلى عربة التسوق عند الزيارة برمجيًا

WooCommerce: عرض إجمالي الخصم / التوفير في سلة التسوق والدفع

منطق WooCommerce الشرطي – العلامات والأمثلة و PHP

WooCommerce: عرض الوزن الإجمالي في سلة التسوق والدفع

WooCommerce: تقسيم عناصر السلة عند كمية المنتج> 1

WooCommerce: تحقق مما إذا كان معرف المنتج موجودًا في سلة التسوق

WooCommerce: أضف منتجًا إلى عربة التسوق عند زيارة صفحة معينة

WooCommerce: عرض SKU @ Cart ، الخروج ، الطلب ورسائل البريد الإلكتروني

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