WooCommerce: عرض الفيديو بدلاً من صور المنتج

مقتطف هذا الأسبوع سهل للغاية – ولكنه مفيد – واحد. يفضل العديد من رواد الأعمال في مجال التجارة الإلكترونية عرض مقطع فيديو على YouTube بدلاً من معرض الصور والمنتجات الثابتة والمملة والمميزة.

بالطبع ، ليست كل المنتجات متشابهة. لذلك ، دعنا نرى كيفية جعل هذا يعمل لمعرف منتج معين فقط. يتمتع!

اعرض الفيديو بدلاً من الصور المميزة ومعرض المنتجات على صفحة WooCommerce Single Product

مقتطف PHP: عرض الفيديو بدلاً من صور المنتج – صفحة منتج واحد لـ WooCommerce

/**
 * @snippet       Video Instead of Images @ Single Product
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 4.0
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_action( 'woocommerce_before_single_product', 'bbloomer_show_video_not_image' );
  
function bbloomer_show_video_not_image() {
   // Do this for product ID = 282 only
   if ( is_single( '282' ) ) {
      remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );
      remove_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );
      add_action( 'woocommerce_before_single_product_summary', 'bbloomer_show_product_video', 20 );
   }
}
  
function bbloomer_show_product_video() {
   echo '<div class="woocommerce-product-gallery">';
   // get video embed HTML from YouTube 
   echo '[youtube https://www.youtube.com/watch?v=JHN7viKRxbQ?rel=0&showinfo=0&w=560&h=315]';
   echo '</div>';
}

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

WooCommerce: تحرير عنوان URL لصورة المنتج الخارجية

WooCommerce: أضف محتوى أسفل صور منتج واحد

WooCommerce: صورة مميزة بعرض كامل @ صفحة منتج واحدة

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

WooCommerce: عرض معرض المنتجات عموديًا (صفحة منتج واحدة)

WooCommerce: نموذج الاستفسار عن المنتج @ صفحة منتج واحد (CF7)

WooCommerce: قم بتغيير كمية إضافة إلى عربة التسوق في قائمة اختيار المنسدلة

WooCommerce: أضف حقلًا مخصصًا إلى تنويعات المنتج

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