我想在购物车中显示自定义缩略图。我使用自定义属性创建了产品,例如imageurl
。
我使用下面的钩子使它工作:
function custom_new_product_image($cart_object) {
$a = '<img src="imageurlhere" />';
return $a;
}
add_filter( 'woocommerce_cart_item_thumbnail', 'custom_new_product_image' );
如果我使用静态网址代替"imageurlhere"
,但我想传递自定义产品属性图片网址,我的代码效果很好。
我可以使用
获取图片网址$cart_object->cart_contents['wccpf_imageurl']
如何使用自定义产品属性图片网址代替静态网址?
答案 0 :(得分:3)
function custom_new_product_image( $_product_img, $cart_item, $cart_item_key ) {
$a = '<img src="'.$cart_item['wccpf_width'].'" />';
return $a;
}
add_filter( 'woocommerce_cart_item_thumbnail', 'custom_new_product_image', 10, 3 );
答案 1 :(得分:0)
要更改WooCommerce购物车页面的缩略图大小,您需要执行以下步骤:
步骤1 :在function.php中创建所需的大小。
if ( function_exists( 'add_image_size' ) ) {
add_image_size( 'custom-thumb', 100, 100 ); // 100 wide and 100 high
}
第2步:在cart.php中,该文件应位于your_tneme \ woocommerce \ cart find
中$thumbnail = apply_filters( 'woocommerce_cart_item_thumbnail', $_product->get_image(), $cart_item, $cart_item_key );
并在get_image()中输入您的尺寸名称。在我们的例子中,它将是这样的:get_image('custom-thumb')
第3步:如果检查图像来源,则可以看到图像大小已更改。但是,您仍然可能需要自定义CSS以显示您期望的样式。
检查了有关WooCommerce最新版本3.7.1的工作