WooCommerce: عرض أسعار الشحن في صفحة منتج واحد

في حلقة اليوم ” شاهدني أخصص موقع الويب الخاص بسوق WooCommerce ” (راجع التخصيص السابق بشأن : المنتجات الخارجية) ، سنذهب لطباعة مناطق الشحن والأسعار على صفحة المنتج الفردية ، حتى يعرف المستخدمون مقدار ما سينفقونه في نهاية المطاف بمجرد الوصول إلى عربة التسوق / الخروج ولا توجد رسوم “مخفية”. ليس سيئًا لبعض الشفافية = معدل تحويل مبيعات أفضل!

يمكنك رؤية النتيجة على موقع الويب الخاص بي ، على هذا الرابط على سبيل المثال: https://www.apieceofsicily.com/en/shop/sicilian-crafts/ciabattino/ – كما ترى أسفل زر “إضافة إلى عربة التسوق” مباشرة يوجد جدول شحن بالبيانات المأخوذة من مناطق الشحن.

يجب أن أقول إنني أستخدم YITH WooCommerce Multi Vendor / Marketplace بحيث يتم أخذ البيانات فعليًا من إعداد الشحن لكل بائع – لذلك في هذا البرنامج التعليمي ، سنرى أولاً كيفية الحصول على “بيانات مناطق الشحن WooCommerce” الافتراضية وفي المقتطف الثاني سنقوم بدلاً من ذلك تعرف على كيفية الحصول على المعلومات لكل بائع بدلاً من ذلك.

في كلتا الحالتين ، استمتع!

إليك قسم “الشحن” الجديد في صفحة منتج WooCommerce الفردي الذي يجمع البيانات من كل منطقة شحن.

مقتطف PHP: عرض مناطق الشحن وطرقها @ صفحة منتج واحد WooCommerce (البرنامج المساعد WooCommerce)

/**
 * @snippet       Show Shipping Rates - WooCommerce Single Product
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 5.1
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
function bbloomer_yith_vendor_shipping() {
   $zones = WC_Shipping_Zones::get_zones();
   echo '<div><i class="fas fa-truck"></i> ' . __( 'Shipping', 'woocommerce' );
   echo '<table>';
   foreach ( $zones as $zone_id => $zone ) {
      echo '<tr><td>';
      echo $zone['zone_name'] . '</td><td>';
      $zone_shipping_methods = $zone['shipping_methods'];
      foreach ( $zone_shipping_methods as $index => $method ) {
         $instance = $method->instance_settings;
         $cost = $instance['cost'] ? $instance['cost'] : $instance['min_amount'];
         echo $instance['title'] . ' ' . wc_price( $cost ) . '<br>';
      }
      echo '</td></tr>';
   }
   echo '</table></div>';
}

مقتطف PHP: عرض مناطق الشحن والطرق الخاصة بالمورد @ صفحة منتج واحد WooCommerce (YITH WooCommerce Multi Vendor /

Marketplace Plugin)

/**
 * @snippet       Show YITH Vendor Shipping Rates - WooCommerce Single Product
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 5.1
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_action( 'woocommerce_after_add_to_cart_form', 'bbloomer_yith_vendor_shipping' );
 
function bbloomer_yith_vendor_shipping() {
   global $product;
   $product_id = $product->get_id();
   $vendor = yith_get_vendor( $product, 'product' );
      if ( $vendor->zone_data ) {
         echo '<div><i class="fas fa-truck"></i> ' . __( 'Shipping', 'woocommerce' );
         echo '<table>';
         foreach ( $vendor->zone_data as $key => $zone ) {
            echo '<tr><td><i>';
            echo $zone['zone_name'] . '</i></td><td>';
            $zone_shipping_methods = $zone['zone_shipping_methods'];
            foreach ( $zone_shipping_methods as $index => $method ) {
               $cost = $method['method_cost'] ? $method['method_cost'] : $method['min_amount'];
               echo $method['method_title'] . ' ' . wc_price( $cost ) . '<br>';
            }
            echo '</td></tr>';
         }
         echo '</table></div>';
   }
}

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

WooCommerce: عرض ديسباتش / مؤسسة. تاريخ الشحن @ منتج واحد

WooCommerce: قصر الشحن على دولة واحدة فقط

WooCommerce: كيفية تقصير عناوين المنتج

WooCommerce: إزالة / تحرير رسالة “تمت الإضافة إلى عربة التسوق”

WooCommerce: أضف رسوم الشحن للدول غير القارية

WooCommerce: الشحن فقط إلى عناوين “الاستلام المحلية” المحددة مسبقًا

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

WooCommerce: أعد تسمية زر “إضافة إلى عربة التسوق” إذا كان المنتج بالفعل @ سلة التسوق

WooCommerce: إعادة تسمية وصف المنتج Tab Label @ Single Product Page

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