删除点击WooCommerce中“添加到购物车”按钮后出现的“查看购物车”链接

Question

我正在使用Wordpress版本4.5.2和WooCommerce版本2.5.5。

点击“添加到购物车”按钮后，会出现一个链接“查看购物车”。

有人可以帮我删除该链接吗？

要删除的文字：

Answer 1

因为这个功能很难融入到WooCommerce的JS中，所以你不能用过滤器或钩子来禁用它。然而，在通过WC的代码搜索之后，我发现了一个方便（并且有点hacky）的警告：

如果您将以下空div添加到与添加到购物车按钮相同的容器，则View Cart（或View Basket如果您“不在英国”链接不会被添加：

<div class="added_to_cart"></div>

这是因为Javascript文件检查具有该类的元素是否已存在：

// View cart text
if ( ! wc_add_to_cart_params.is_cart && $thisbutton.parent().find( '.added_to_cart' ).size() === 0 ) {
    $thisbutton.after( ' <a href="' + wc_add_to_cart_params.cart_url + '" class="added_to_cart wc-forward" title="' +
        wc_add_to_cart_params.i18n_view_cart + '">' + wc_add_to_cart_params.i18n_view_cart + '</a>' );
}

如果找到现有的.added_to_cart元素，则不会尝试追加另一个元素。

值得注意的是Sathyanarayanan G's answer也应该完全奏效（我很惊讶它没有 - 这有点指向别的错误），但是方式略有不同。

Answer 2

将以下代码行添加到您的子主题的style.css应该可以解决问题。

a.added_to_cart {display:none !important}

Answer 3

那将完成工作（但它不是理想的解决方案）

[a-z][0-9]

Answer 4

我认为这可能有用。

只需在css中添加此代码。

a.added_to_cart.wc-forward {display:none}

Answer 5

将这个添加到子主题中的style.css为我工作。

＆＃13;

＆＃13;

body .dhvc-woo-addtocart a.added_to_cart {
    display: none;
}

＆＃13;

＆＃13;

＆＃13;

Answer 6

如果您想保留“添加到购物车”按钮并删除“查看购物篮”

// Makes "Add to Cart" button visible again
.add_to_cart_button.added  {display:  inline-block}
// Removes "View Basket"
.added_to_cart.wc-forward {display: none}

Answer 7

很抱歉，没有解释。将以下行添加到functions.php中

add_action( 'wp_footer', 'no_view_cart' );
function no_view_cart() {
?>
<script type="text/javascript">
jQuery( function($){

    $(document.body).on( 'added_to_cart', function( event, fragments, cart_hash, $button ) {
        $.ajax({
                type: 'POST',
                url: wc_add_to_cart_params.ajax_url,
                data: {
                    'action': 'checking_items',
                    'id'    : $button.data( 'product_id' )
                },
                success: function (response) {

                    $button.removeClass( 'added' );
                    $button.parent().find( '.added_to_cart' ).remove();

                }
            });
        });
    });
</script>
<?php
}

与该OP问题无关的其他事项。如果您要在从迷你购物车中删除商品后删除“查看购物车”按钮 ，则可以添加另一个jQuery函数，但是不应将其放在no_view_cart（）函数中：< / p>

$('.button[data-product_id="' + product_id + '"]').removeClass( 'added' );
$('.button[data-product_id="' + product_id + '"]').parent().find( '.added_to_cart' ).remove();

Answer 8

这是查看购物车按钮文本和更改按钮URL 的更改名称的代码。

代码进入活动子主题（或主题）的function.php文件中。经过测试，可以正常工作。

function change_view_cart( $params, $handle )
{
    switch ($handle) {
        case 'wc-add-to-cart':
            $params['i18n_view_cart'] = "Proceed to Cart"; //chnage Name of view cart button
            $params['cart_url'] = "http://shop.com/cart"; //change URL of view cart button
        break;
    }
    return $params;
}
add_filter( 'woocommerce_get_script_data', 'change_view_cart',10,2 );

请不要在 add-to-cart.js 文件中更改任何代码。 否则它不起作用。

任何帮助将不胜感激。