我正在使用t恤设计插件,并将其与woocommerce插件合并。其中我必须重叠两个图像如下。
- 白色t恤(由管理员设置,所有产品都相同)。
- t恤Logo(设计师从前端上传产品时作为产品图片上传,详细信息将进入woocommerce产品部分)
t恤标志将出现在白色t恤的顶部。
在woocommerce的产品单页和产品循环页中是否有任何钩子重叠这两个图像
没有特定的钩子。
存储2张图片:1张作为产品图片,其他在post_meta中存放该产品。
你可以把两张图片重叠在一起,就像这里一样;你可以用CSS把两张图片重叠在一起,就像我在这里做的那样: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
中有一个模板。您将需要重写该模板以显示所需的标记