在 WooCommerce 存档页面上显示视频而不是产品缩略图

Question

我正在尝试使用高级自定义字段插件在商店页面上显示 WooCommerce 产品的视频。

我想创建一个条件，如果产品有视频，则显示它而不是woocommerce_template_loop_product_thumbnail.

$file = get_field('archive_video'); if( $file ) { ?> 

<video width="200" muted loop autoplay src="<?php echo $file['url']; ?>"></video> <?php

} else {

  /** 

  * @hooked woocommerce_template_loop_product_thumbnail - 10;

   */

}

我选择了正确的方法吗？

它应该是这样的：

Answer 1

尝试使用挂钩而不是覆盖模板的以下方式：add_action( 'woocommerce_before_shop_loop_item_title', 'action_template_loop_product_thumbnail', 9 );function action_template_loop_product_thumbnail() {&nbsp; &nbsp; global $product;&nbsp; &nbsp; $file = get_field('archive_video', $product->get_id());&nbsp; &nbsp; if( isset($file['url']) && ! empty($file['url']) ) {&nbsp; &nbsp; &nbsp; &nbsp; remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10 );&nbsp; &nbsp; &nbsp; &nbsp; echo '<video width="200" muted loop autoplay src="' . $file['url'] . '"></video>';&nbsp; &nbsp; }}代码进入您的活动子主题（或活动主题）的 functions.php 文件。它应该有效。