WooCommerce更改添加到购物车按钮文本为图标

时间：2018-05-26 作者：wpdev

我想将“添加到购物车”文本更改为fontawesome图标。所以我使用woocommerce过滤器。

add_filter( \'woocommerce_product_add_to_cart_text\', \'change_text_woo\' );
function change_text_woo() {
        return \'<i class="fas fa-cart-plus"></i>\';
}
但它只显示如下html代码：enter image description here

1 个回复
SO网友:dhirenpatel22

默认值“Add to Cart“WooCommerce模板位于”templates/loop/add-to-cart.php“使用函数”esc_html()“”将在返回值中转义HTML块。

您添加的代码是正确的。您只需删除“esc_html()“函数来自”templates/loop/add-to-cart.php“。

// Default Template Code
echo apply_filters( \'woocommerce_loop_add_to_cart_link\',
sprintf( \'<a rel="nofollow" href="%s" data-quantity="%s" data-product_id="%s" data-product_sku="%s" class="%s">%s</a>\',
esc_url( $product->add_to_cart_url() ),
esc_attr( isset( $quantity ) ? $quantity : 1 ),
esc_attr( $product->get_id() ),
esc_attr( $product->get_sku() ),
esc_attr( isset( $class ) ? $class : \'button\' ),
esc_html( $product->add_to_cart_text() )
),
$product );

// Udated Template Code
echo apply_filters( \'woocommerce_loop_add_to_cart_link\',
sprintf( \'<a rel="nofollow" href="%s" data-quantity="%s" data-product_id="%s" data-product_sku="%s" class="%s">%s</a>\',
esc_url( $product->add_to_cart_url() ),
esc_attr( isset( $quantity ) ? $quantity : 1 ),
esc_attr( $product->get_id() ),
esc_attr( $product->get_sku() ),
esc_attr( isset( $class ) ? $class : \'button\' ),
$product->add_to_cart_text()
),
$product );

结束
标签： woocommerce-offtopic   小码农  

相关推荐