购物车中的woocommerce购物车自定义缩略图图像

时间:2016-09-05 18:47:34

标签: php wordpress

我想在购物车中显示自定义缩略图。我使用自定义属性创建了产品,例如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']

如何使用自定义产品属性图片网址代替静态网址?

2 个答案:

答案 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的工作