时间戳

首页 > 解决方案 > 在 WooCommerce 商店、购物车和结帐页面中用 SKU 替换产品标题

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

问题描述

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

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

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 而不是产品标题并保持与产品标题相同的链接和 CSS 的正确代码是什么？商店页面和购物车页面和结帐页面的代码。

标签： phpwordpresswoocommercecartcheckout

解决方案

要在 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;
}

代码位于您的活动子主题（或活动主题）的 function.php 文件中。测试和工作。

推荐阅读