WooCommerce добавить изображение товара в детали моего аккаунта

Question

Я хочу добавить новый столбец с именем image в myaccount-> orders -> view order в таблице сведений о заказах, которая отображает изображение продукта для соответствующей позиции продукта в таблице, как это ожидаемый результат

что я пробовал

    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 );

но изображение появляется внутри столбца продукта Как я могу достичь функции на картинке?

Answer 1

Для этого вам нужно отредактировать следующие шаблоны:

templates / order / order-details.php & templates / order / order-details-item.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>

Answer 2

В настоящее время нет таких хуков / фильтров для достижения ваших модификаций согласно вашим изображениям. Но это может быть возможно путем переопределения шаблонов woocommerce -

Переопределите шаблон «order-details.php», скопировав его в yourtheme / woocommerce / order / order-details.php, чтобы добавить заголовок «Image».

Переопределите шаблон «order-details-item.php», скопировав его в yourtheme / woocommerce / order / order-details-item.php, чтобы добавить свое «Изображение» для отображения.