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

时间:2014-06-19 14:24:43

标签: php wordpress woocommerce

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

  1. 白色T恤(由管理员设定,所有产品总是相同)。
  2. T恤徽标(由设计师上传产品图片时从前端上传产品图片,详细信息将转到woocommerce产品部分。)
  3. T恤标志位于白色T恤的上方。

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

1 个答案:

答案 0 :(得分:0)

没有特定的钩子。

存储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中有一个模板。您需要覆盖该模板以输出所需的标记