钩在产品循环页面和woocommerce中的单页重叠两个图像

Question

我正在使用T恤设计插件并将其与woocommerce插件合并。 其中我必须重叠两个图像如下。

1. 白色T恤（由管理员设定，所有产品总是相同）。
2. T恤徽标（由设计师上传产品图片时从前端上传产品图片，详细信息将转到woocommerce产品部分。）

T恤标志位于白色T恤的上方。

在woocommerce的产品单页和产品循环页面中是否有任何Hook重叠这两个图像。

Answer 1

没有特定的钩子。

存储2张图片：1张为产品图片，另一张为post_meta。

你可以将这两张图片重叠在一起：你可以使用CSS重叠2张图像，就像我在这里做的那样：http://codepen.io/anon/pen/iJmtn

要在产品循环中更改图像，您需要删除产品缩略图的默认woocommerce挂钩。

remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10 );

并添加您的自定义挂钩输出所需的标记。

add_action( 'woocommerce_before_shop_loop_item_title', 'your_function', 10 );

function your_function(){
//your code
}

要更改单个商品页面的图片，woocommerce single-product/product-image.php中有一个模板。您需要覆盖该模板以输出所需的标记