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

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

白色T恤（由管理员设置，所有产品都将始终相同）

T恤徽标（设计师在从前端上传产品时将其上传为产品图像，详细信息将转至woocommerce产品部分）

T恤徽标将位于白色T恤的顶部

---

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

对于同一个图像，没有特定的钩子

存储2个图像：1个作为产品图像，另一个作为该产品的post_meta

您可以像这里一样重叠两个图像：您可以使用CSS重叠两个图像，就像我在这里做的那样：

要更改产品循环中的图像，需要删除产品缩略图的默认钩子

remove_action（'woocommerce_-before_-shop_-loop_-item_-title'，'woocommerce_-template_-loop_-product_-thumbj'，10）

并将自定义挂钩输出添加到所需的标记中

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

function your_function(){
//your code
}

要更改单一产品页面的图像，woocommerce
single product/product image.php
中有一个模板。您将需要覆盖该模板以生成所需的标记
没有任何钩子可以完成您想要的操作。或者，您可以通过重叠到图像来使用CSS操作来显示它。或者，使用图像处理从两个图像创建一个合成图像。例如：Imagick Library每个产品的徽标图像都是动态的，因此每次我都必须将徽标图像与t恤图像合并。。。。如何为每个产品动态获取两个图像（t-shrt图像每次都相同）？使用徽标图像作为产品图像，并使用一些键将t恤图像添加到post_meta。这样，您将有两个不同的图像。现在，您需要向用户显示组合的一个。从我提到的那个选项中，您更喜欢哪个？EDI使用css进行图像重叠。因为它是动态的，我不想在Woocmerec插件上写代码。我告诉我，我正在做另一个插件，我想代码的一切，甚至css也。所以我想在我的插件页面上添加一些钩子函数，这些函数与woocommerce合并，我已经管理了所有的元字段。但由于我不会在woocommerce插件上编写代码，我需要一些与woocommerce合并的外部代码。您可以在插件中使用woocommerce挂钩来添加所需的功能