如何插入添加到购物车的图标链接-Woocommerce

时间:2018-11-03 14:44:36

标签: woocommerce

我尝试用以下代码替换“添加到购物车”按钮:

add_filter( 'woocommerce_loop_add_to_cart_link', 'replace_default_button' );
function replace_default_button(){
    return __( '<i class="fas fa-cart-plus"></i>', 'woocommerce' );
}

然后将下面的代码插入我的woocommerce / loop / add-to-cart.php

global $product;

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 );

我收到的结果是“添加到购物车”按钮替换为“购物”图标,但没有链接,有人可以帮助我解决此问题吗? 谢谢

1 个答案:

答案 0 :(得分:0)

如果您可以编辑模板页面,那么为什么不能用图标html替换add_to_cart_text

global $product;

    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' ),
    '<i class="fas fa-cart-plus"></i>'
    ),
    $product );
相关问题