尝试用 Woocommerce 购物车上的删除文本替换“x”

Posted 2023-03-06

【中文标题】尝试用 Woocommerce 购物车上的删除文本替换“x”

【英文标题】：Trying to replace "x" with a Remove text on Woocommerce cart

【发布时间】：2019-09-08 00:21:05

【问题描述】：

我正在使用 WordMart 主题和 Woocommerce，我正在尝试将 X 更改为从购物车中删除一个项目到单词 Remove 或者可能是一个 fontawesome 垃圾图标。我尝试的一切都不起作用

我尝试通过 CSS 中的内容并更改 Woocommerce php 代码中的 ×，但没有成功。

<td class="product-remove">
<?php

echo apply_filters( 'woocommerce_cart_item_remove_link', sprintf(

'<a href="%s" class="remove" aria-label="%s" data-product_id="%s" data- 
product_sku="%s">&times;</a>',

esc_url( wc_get_cart_remove_url( $cart_item_key ) ),

__( 'Remove this item', 'woocommerce' ),

esc_attr( $product_id ),

esc_attr( $_product->get_sku() )

), $cart_item_key );
?>
 </td>

我只是希望 X 是最简单形式的“删除”一词，不简单的形式将是一个垃圾图标。

【问题讨论】：

Woodmart 是主题，我不知道。我面前的人决定用这个主题。

【参考方案1】：

您可以考虑使用以下 CSS 将 x 替换为您想要的任何内容：

.woocommerce-cart a.remove 
   visibility:hidden!important; /*hide everything*/
   width:auto!important; /*make sure to have the need width for "remove" */


.woocommerce-cart a.remove:before 
   content: "Remove";
   visibility:visible; 

【讨论】：

注意：它不适用于某些主题，例如 Storefront。

@LoicTheAztec 是的，我认为没有通用的解决方案，因为每个主题都会将自己的样式添加到同一个元素。覆盖所有这些的主要技巧。