Woocommerce - 添加到购物车循环 - 如何将 html 添加到按钮

Question

Woocommerce 模板 add-to-cart.php 包含以下代码：

echo apply_filters( 'woocommerce_loop_add_to_cart_link', // WPCS: XSS ok.
sprintf( '<a href="%s" data-quantity="%s" class="%s" %s>%s</a>',
    esc_url( $product->add_to_cart_url() ),
    esc_attr( isset( $args['quantity'] ) ? $args['quantity'] : 1 ),
    esc_attr( isset( $args['class'] ) ? $args['class'] : 'button' ),
    isset( $args['attributes'] ) ? wc_implode_html_attributes( $args['attributes'] ) : '',
    esc_html( $product->add_to_cart_text() )
),
$product, $args );

我需要将此标记添加到标签

<div class="icw"><i class="a3"></i></div>

我尝试直接添加它，但新元素是在实际链接之后添加的。

这是我尝试过的；

sprintf( '<a href="%s" data-quantity="%s" class="%s" %s><div class="icw"><i class="a3"></i></div>%s</a>',

谁能解释一下我是如何添加这个元素的？

非常感谢。

Answer 1

在继续之前阅读此内容

Is putting a div inside an anchor ever correct?

---

https://github.com/woocommerce/woocommerce/blob/3.8.0/templates/loop/add-to-cart.php

这个模板可以通过复制到 yourtheme/woocommerce/loop/add-to-cart.php.

---

这似乎没有问题

echo apply_filters(
    'woocommerce_loop_add_to_cart_link', // WPCS: XSS ok.
    sprintf(
        '<a href="%s" data-quantity="%s" class="%s" %s><i class="a3"></i>%s</a>',
        esc_url( $product->add_to_cart_url() ),
        esc_attr( isset( $args['quantity'] ) ? $args['quantity'] : 1 ),
        esc_attr( isset( $args['class'] ) ? $args['class'] : 'button' ),
        isset( $args['attributes'] ) ? wc_implode_html_attributes( $args['attributes'] ) : '',
        esc_html( $product->add_to_cart_text() )
    ),
    $product,
    $args
);