wordpress WooCommerce在我的帐户中添加产品图片订单详情

6vl6ewon  于 2022-12-11  发布在  WordPress
关注(0)|答案(2)|浏览(267)

我想在orders details表中的myaccount-〉orders -〉view order中添加一个名为image的新列,该列显示表中相应产品项的产品图像,如下所示expected result
我所尝试的

function display_remove_order_item_button( $item_id, $item, $order ){
    // Avoiding displaying buttons on email notification
    if( ! ( is_wc_endpoint_url( 'view-order' ) || is_wc_endpoint_url( 'order-received' ) ) )
        return;
        $order_id = 569;
        $order = wc_get_order( $order_id );
        $product = apply_filters( 'woocommerce_order_item_product', $order->get_product_from_item( $item ), $item );
        echo $product->get_image();
        
}
add_action( 'woocommerce_order_details_before_order_table', 'nolo_custom_field_display_cust_order_meta', 10, 1 );

但是图片出现在产品栏里面,我如何实现图片中的功能?

jv4diomz

jv4diomz1#

为此,您需要编辑以下模板:
/订单/订单详细信息. php &/订单/订单详细信息. php
首先将两个模板复制到活动主题文件夹中,并将<th class="woocommerce-table__product-image product-image"><?php _e( 'Image', 'woocommerce' ); ?></th>行添加到order-details.php中,将<td class="woocommerce-table__product-image product-image"><?php echo $product->get_image('thumbnail'); ?></td>行添加到order-details-item.php中。如果您需要函数get_image的引用,请检查以下内容:https://docs.woocommerce.com/wc-apidocs/class-WC_Product.html
order-details.php

<thead>
    <tr>
        <th class="woocommerce-table__product-name product-name"><?php _e( 'Product', 'woocommerce' ); ?></th>
        <th class="woocommerce-table__product-image product-image"><?php _e( 'Image', 'woocommerce' ); ?></th>
        <th class="woocommerce-table__product-table product-total"><?php _e( 'Total', 'woocommerce' ); ?></th>
    </tr>
</thead>

order-details-item.php

<td class="woocommerce-table__product-name product-name"></td>
<td class="woocommerce-table__product-image product-image"><?php echo $product->get_image('thumbnail'); ?></td>

<td class="woocommerce-table__product-total product-total">
    <?php echo $order->get_formatted_line_subtotal($item); ?>
</td>
rqenqsqc

rqenqsqc2#

目前还没有这样的挂钩/过滤器来实现您的修改,根据您的图像。但它可以通过覆盖woocommerce以下模板-
覆盖“order-details.php”模板,将其复制到yourtheme/woocommerce/order/order-details.php中,添加“图像”标题。
覆盖“order-details-item.php”模板,将其复制到yourtheme/woocommerce/order/order-details-item.php中,添加您的“图像”以显示。

相关问题