在 Woocommerce 结帐中显示产品缩略图

1 php wordpress checkout thumbnails woocommerce

我正在使用 Woocommerce,需要在结帐表中显示产品缩略图。我发现了这个功能:

function isa_woo_cart_attributes($cart_item, $cart_item_key){ 
global $product; 
if (is_cart()){ echo "<style>#checkout_thumbnail{display:none;}</style>"; } 
$item_data = $cart_item_key['data']; 
$post = get_post($item_data->id); 
$thumb = get_the_post_thumbnail($item_data->id, array( 80, 80)); 
echo '<div id="checkout_thumbnail" style="float: left; padding-right: 10px">' . $thumb . '</div> ' . $post->post_title; } add_filter('woocommerce_cart_item_name', isa_woo_cart_attributes, 10, 2);
Run Code Online (Sandbox Code Playgroud)

这是有效的,但我还需要在购物车和 cehckout 表上显示产品属性(或者产品摘录,但最好是属性)。感谢您的帮助!

Loi*_*tec 5

更新:您的代码中有一些错误和错误。

\n\n
\n

结帐时,购物车商品数量位于产品名称\xe2\x80\xa6之后,因此为了正确显示产品描述,需要附加代码。

\n
\n\n

请尝试以下方法:

\n\n
// cart and checkout inline styles\nadd_action( \'wp_head\', \'custom_inline_styles\', 900 );\nfunction custom_inline_styles(){\n    if ( is_checkout() || is_cart() ){\n        ?><style>\n        .product-item-thumbnail { float:left; padding-right:10px;}\n        .product-item-thumbnail img { margin: 0 !important;}\n        dt.variation-Description { display: none;}\n        </style><?php\n    }\n}\n\n// Product thumbnail in checkout\nadd_filter( \'woocommerce_cart_item_name\', \'product_thumbnail_in_checkout\', 20, 3 );\nfunction product_thumbnail_in_checkout( $product_name, $cart_item, $cart_item_key ){\n    if ( is_checkout() )\n    {\n        $thumbnail   = $cart_item[\'data\']->get_image(array( 80, 80));\n        $image_html  = \'<div class="product-item-thumbnail">\'.$thumbnail.\'</div> \';\n\n        $product_name = $image_html . $product_name;\n    }\n    return $product_name;\n}\n\n// Cart item qquantity in checkout\nadd_filter( \'woocommerce_checkout_cart_item_quantity\', \'filter_checkout_cart_item_quantity\', 20, 3 );\nfunction filter_checkout_cart_item_quantity( $quantity_html, $cart_item, $cart_item_key ){\n    return \' <strong class="product-quantity">\' . sprintf( \'&times; %s\', $cart_item[\'quantity\'] ) . \'</strong><br clear="all">\';\n}\n\n// Product description in cart and checkout\nadd_filter( \'woocommerce_get_item_data\', \'product_descrition_to_cart_items\', 20, 2 );\nfunction product_descrition_to_cart_items( $cart_item_data, $cart_item ){\n    if( $cart_item[\'data\']->get_description() && ( is_cart() || is_checkout() ) ){\n        $cart_item_data[] = array(\n            \'name\' => __("Description"),\n            \'value\' => $cart_item[\'data\']->get_description(),\n        );\n    }\n    return $cart_item_data;\n}\n
Run Code Online (Sandbox Code Playgroud)\n\n

代码位于活动子主题(或活动主题)的 function.php 文件中。经过测试并有效。

\n\n
\n\n

在购物车页面上:

\n\n

在此输入图像描述

\n\n

在结账页面:

\n\n

在此输入图像描述

\n