在 WooCommerce 商店、购物车和结账页面中用 SKU 替换产品标题

Question

使用 Woocommerce，我想在以下页面中添加 SKU 而不是产品标题：商店页面、购物车页面和结帐页面。

例如在商店页面，我可以使用下面的代码在产品标题上方添加 SKU。但是问题是添加的SKU在单品页面没有link

add_action( 'woocommerce_shop_loop_item_title', 'sku_before_title', 9 );
function sku_before_title()  {

    global $product;

    $sku = $product->get_sku();
    echo '<p class="name product-title">Product ' . $sku . '</p>';
}

使用 SKU 而不是产品标题并保持与产品标题相同的 link 和 CSS 的正确代码是什么？商店页面、购物车页面和结帐页面的代码。

Answer 1

要用 WooCommerce 存档页面上的 sku 替换产品标题，您将使用：

// Frontend: On shop and archives pages
add_action( 'woocommerce_shop_loop_item_title', 'sku_replace_title_on_loop', 9 );
function sku_replace_title_on_loop()  {
    global $product;

    // Remove the product title
    remove_action( 'woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_title', 10 );

    $sku = $product->get_sku();

    // Replace the title by the Sku if is not empty
    $title = empty($sku) ? get_the_title() : $sku;

    // Output
    echo '<h2 class="' . esc_attr( apply_filters( 'woocommerce_product_loop_title_classes', 'woocommerce-loop-product__title' ) ) . '">' . $title . '</h2>';
}

对于购物车和结帐页面，您将使用：

// Frontend: on cart, minicart and checkout
add_filter( 'woocommerce_cart_item_name', 'sku_replace_title_on_cart_checkout', 10, 3 );
function sku_replace_title_on_cart_checkout( $item_name, $cart_item, $cart_item_key ) {
    if( $sku = $cart_item['data']->get_sku() ) {
        if( is_cart() ) {
            $item_name = sprintf( '<a href="%s">%s</a>', esc_url( $cart_item['data']->get_permalink( $cart_item ) ), $sku );
        } else {
            $item_name = $sku;
        }
    }
    return $item_name;
}

代码进入活动 child 主题（或活动主题）的 function.php 文件。已测试并有效。

在 WooCommerce 商店、购物车和结账页面中用 SKU 替换产品标题

Replace product title by the SKU in WooCommerce shop, cart and checkout pages

php

wordpress

checkout

cart

woocommerce