بسیاری از کارآفرینان تجارت الکترونیک ترجیح می دهند یک ویدیوی یوتیوب، آپارت یا هر سایت دیگری را به جای گالری عکس و تصویر اصلی محصول نمایش دهند. نمایش ویدیو به جای تصویر محصول در ووکامرس بسیار آسان است و در این مقاله نحوه انجام آن را به شما آموزش می دهیم.
البته این ویژگی برای همه محصولات یکسان ایجاد نمی شود. شما می توانید از طریق شناسه محصول، برای یک محصول خاص ویدیو دلخواه را نمایش دهید.
نمایش ویدیو به جای تصاویر محصول در فروشگاه
برای جایگزین کردن ویدیو به جای تصویر یک محصول خاص در فروشگاه ووکامرس، باید کد زیر را به فایل functions.php قالب وردپرس فعال سایت خود اضافه کنید:
add_action( 'woocommerce_before_single_product', 'themefars_show_video_not_image' );
function themefars_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', 'themefars_show_product_video', 20 );
}
}
function themefars_show_product_video() {
echo '<div class="woocommerce-product-gallery">';
// get video embed HTML from YouTube
echo '<iframe width="560" height="315" src="https://www.youtube.com/embed/JHN7viKRxbQ?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>';
echo '</div>';
}
توجه: فراموش نکنید که در کد بالا، آیدی محصول موردنظر خود را جایگزین 282 کنید. اگر نحوه پیدا کردن آن را نمی دانید، مقاله دیگر ما را در مورد نحوه پیدا کردن آیدی محصول ووکامرس ببینید.
این تمام کاری بود که باید برای نمایش دادن ویدیو بجای تصویر محصول وردنظر خود انجام می دادید. همچنین ممکن است بخواهید آموزش های زیر را هم ببینید:
کلمه themefars رو هم حذف کنیم دیگه از کد مگه نه ؟؟
حذف کنید کد کار نمیکنه و جزو کد هستش.