将链接添加到WooCommerce购物车通知，而无需更改默认样式表

如何解决将链接添加到WooCommerce购物车通知，而无需更改默认样式表

我正在尝试在WooCommerce自定义购物车通知上超链接文本。但是，当我添加以下代码时，它使用默认样式表将链接显示为最右边的按钮。我只想在此特定通知上超链接“托盘运输”一词，而无需更改所有其他通知的样式表。有什么方法可以向该特定通知中添加课程吗？

这就是我要添加的内容：

<a title="Learn More About Pallet Shipping" href="https://multitrance.com/shipping-delivery/?utm_source=website&utm_medium=checkout-page-notice&utm_campaign=pallet-shipping#Pallet_Shipping" target="_blank" rel="noopener noreferrer"><span style="color: white; text-decoration: underline">Pallet Shipping</span></a>

这是生成通知的代码段：

add_action( 'woocommerce_before_calculate_totals','cart_items_shipping_class_message',20,1 );
function cart_items_shipping_class_message( $cart ){

    if ( ! is_cart() || ( is_admin() && ! defined( 'DOING_AJAX' ) ) )
        return;

    if ( did_action( 'woocommerce_before_calculate_totals' ) >= 2 )
        return;

    $shipping_class_id = '150'; // Your shipping class Id

    // Loop through cart items
    foreach( $cart->get_cart() as $cart_item ){
        // Check cart items for specific shipping class,displaying a notice
        if( $cart_item['data']->get_shipping_class_id() == $shipping_class_id ){
            wc_clear_notices();
            wc_add_notice( sprintf('Cartons of Beer can only be shipped via Pallet Shipping. To reveal much cheaper UPS Shipping Rates,remove Beer Cartons from the Cart.','woocommerce'),'notice' );
            break;
        }
    }
}

这样做，创建一个按钮：

add_action( 'woocommerce_before_calculate_totals',displaying a notice
        if( $cart_item['data']->get_shipping_class_id() == $shipping_class_id ){
            wc_clear_notices();
            wc_add_notice( sprintf('Cartons of Beer can only be shipped via <a title="Learn More About Pallet Shipping" href="https://multitrance.com/shipping-delivery/?utm_source=website&utm_medium=checkout-page-notice&utm_campaign=pallet-shipping#Pallet_Shipping" target="_blank" rel="noopener noreferrer"><span style="color: white; text-decoration: underline">Pallet Shipping</span></a>. To reveal much cheaper UPS Shipping Rates,'notice' );
            break;
        }
    }
}

这是结果：

这是我要实现的目标：

解决方法

我通过在链接中添加一个类并将其样式设置为使用自定义CSS的链接来解决它。

这是HTML代码：

<a class=pallet-shipping-checkout-notice title="Learn More About Pallet Shipping" href="https://multitrance.com/shipping-delivery/?utm_source=website&utm_medium=checkout-page-notice&utm_campaign=pallet-shipping#Pallet_Shipping" target="_blank" rel="noopener noreferrer">Pallet Shipping</a>

这是CSS（您需要设置默认样式表的样式）：

a.pallet-shipping-checkout-notice {
        float: none;
        text-decoration: underline;
        padding: 0;
        text-transform: none;
        font-size: inherit;
        font-weight: inherit;
        background-color: #3c9cd2 !important;
        letter-spacing: inherit;
}
a:hover.pallet-shipping-checkout-notice {
        color: #f7de00;
}