在WooCommerce中更改添加到购物车按钮的HTML

时间:2020-03-04 06:48:35

标签: wordpress woocommerce

我有这段代码,用于结帐/订购按钮。这非常方便,我可以为按钮设置样式并添加自定义文本和类。我知道这不适用于翻译后的内容,但这在这里并不重要,因为该网站现在将并且仅保留一种语言。

// Filter for adding extra custom line to order button
add_filter('woocommerce_order_button_html', 'mbm_custom_button_html');

function mbm_custom_button_html($button_html)
{

$button_html = '<button type="submit" class="button alt" name="woocommerce_checkout_place_order" id="place_order">Lidmaatschap starten<br /><span class="extra-text-checkout-button">Betaal pas na gratis proefperiode</span></button>';

return $button_html;
}

我想知道我是否也可以对添加到购物车按钮使用相同的方法?但是之后类似add_filter('woocommerce_add_to_cart_button_html', 'mbm_custom_atc_button_html'); 我试图在文档中搜索它,但找不到答案。

4 个答案:

答案 0 :(得分:0)

对于“添加到购物车”部分,您可以尝试使用以下钩子:woocommerce_loop_add_to_cart_linkwoocommerce_product_single_add_to_cart_text

我相信,第一个为您提供更好的解决方案。您可以通过以下方式查看详细用法:https://stackoverflow.com/a/56179393/11003615http://hookr.io/filters/woocommerce_loop_add_to_cart_link/

希望这些帮助。最好的问候。

答案 1 :(得分:0)

用于循环页面

add_filter('woocommerce_product_add_to_cart_text', 'custom_woocommerce_product_add_to_cart_text', 100);

对于产品单页

add_filter('woocommerce_product_single_add_to_cart_text', 'custom_woocommerce_product_add_to_cart_text', 100);

function custom_woocommerce_product_add_to_cart_text(){
    return 'Add to catd 111';
}

答案 2 :(得分:0)

不存在用于更改“添加到购物车”按钮HTML的过滤器。 如果需要在“添加到购物车”按钮的HTML中进行更改,则需要将模板从插件覆盖为主题。

例如,对于简单的产品“添加到购物车”按钮HTML,您需要将/plugins/woocommerce/templates/single-product/add-to-cart/simple.php覆盖为/theme/woocommerce/single-product/add-to-cart/simple.php,并在主题文件夹中的simple.php中进行更改。

答案 3 :(得分:-1)

在活动主题的function.php中添加以下代码

add_filter( 'woocommerce_order_button_html', 'ro_custom_cart_button_html' );

function ro_custom_cart_button_html( $button_html ) {
    $order_button_text = 'Submit';
    //add your html below where there is button tag
    $button_html = '<button type="submit" class="button alt" 
    name="woocommerce_checkout_place_order" id="place_order" value="' . esc_attr( 
    $order_button_text ) . '" data-value="' . esc_attr( $order_button_text ) . '">' . 
    esc_html( $order_button_text ) . '</button>';
    $button_html = str_replace( 'Place order', 'Submit', $button_html );
    return $button_html;
}

经过测试,效果很好