在woo-commerce中添加产品后,如何删除“添加到购物车”按钮?

用户名

在woo-commerce中添加产品之后,我想删除“添加到购物车”按钮并在其位置显示“查看购物车”。我该怎么办?请给一些提示。

用户名

我为我的项目实现的功能在function.php中添加以下代码以注销js,该js添加了视图购物车按钮以及添加到购物车按钮

wp_deregister_script('wc-add-to-cart');

wp_register_script('wc-add-to-cart', get_stylesheet_directory_uri(). '/js/add-to-cart-multi.js' , array( 'jquery' ), WC_VERSION, TRUE);

wp_enqueue_script('wc-add-to-cart');

现在您需要调整我们已经注销的js,现在我们需要创建一个新的js文件,名为 add-to-cart-multi.js

此新创建的文件中包含以下代码

jQuery( function( $ ) {

    // wc_add_to_cart_params is required to continue, ensure the object exists
    if ( typeof wc_add_to_cart_params === 'undefined' )
        return false;

    // Ajax add to cart
    $( document ).on( 'click', '.add_to_cart_button', function(e) {

        // AJAX add to cart request
        var $thisbutton = $( this );

        if ( $thisbutton.is( '.product_type_simple' ) ) {

            if ( ! $thisbutton.attr( 'data-product_id' ) )
                return true;

            $thisbutton.removeClass( 'added' );
            $thisbutton.addClass( 'loading' );

            var data = {
                action: 'woocommerce_add_to_cart',
            };

            $.each( $thisbutton.data(), function( key, value ) {
                data[key] = value;
            });

            // Trigger event
            $( 'body' ).trigger( 'adding_to_cart', [ $thisbutton, data ] );

            // Ajax action
            $.post( wc_add_to_cart_params.ajax_url, data, function( response ) {

                if ( ! response )
                    return;

                var this_page = window.location.toString();

                this_page = this_page.replace( 'add-to-cart', 'added-to-cart' );

                if ( response.error && response.product_url ) {
                    window.location = response.product_url;
                    return;
                }

                // Redirect to cart option
                if ( wc_add_to_cart_params.cart_redirect_after_add === 'yes' ) {

                    window.location = wc_add_to_cart_params.cart_url;
                    return;

                } else {

                    $thisbutton.removeClass( 'loading' );

                    fragments = response.fragments;
                    cart_hash = response.cart_hash;

                    // Block fragments class
                    if ( fragments ) {
                        $.each( fragments, function( key, value ) {
                            $( key ).addClass( 'updating' );
                        });
                    }

                    // Block widgets and fragments
                    $( '.shop_table.cart, .updating, .cart_totals' ).fadeTo( '400', '0.6' ).block({
                        message: null,
                        overlayCSS: {
                            opacity: 0.6
                        }
                    });

                    // Changes button classes
                    $thisbutton.addClass( 'added' );
                    $thisbutton.addClass( 'hide' );
                    // 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="add-cart button added_to_cart wc-forward" title="' +
                            wc_add_to_cart_params.i18n_view_cart + '"><i class="fa fa-shopping-cart"></i></a>' );
                    }

                    // Replace fragments
                    if ( fragments ) {
                        $.each( fragments, function( key, value ) {
                            $( key ).replaceWith( value );
                        });
                    }

                    // Unblock
                    $( '.widget_shopping_cart, .updating' ).stop( true ).css( 'opacity', '1' ).unblock();

                    // Cart page elements
                    $( '.shop_table.cart' ).load( this_page + ' .shop_table.cart:eq(0) > *', function() {

                        $( '.shop_table.cart' ).stop( true ).css( 'opacity', '1' ).unblock();

                        $( 'body' ).trigger( 'cart_page_refreshed' );
                    });

                    $( '.cart_totals' ).load( this_page + ' .cart_totals:eq(0) > *', function() {
                        $( '.cart_totals' ).stop( true ).css( 'opacity', '1' ).unblock();
                    });

                    // Trigger event so themes can refresh other areas
                    $( 'body' ).trigger( 'added_to_cart', [ fragments, cart_hash ] );
                }
            });

            return false;

        }

        return true;
    });

});

在第77行上,我class="hide"使用代码添加了

$thisbutton.addClass( 'hide' );

所以隐藏基本上就是隐藏添加到购物车按钮

我对代码进行了更多修改,但现在我不记得是什么了。

我希望这对某人有帮助

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Woo-commerce添加到购物车按钮缺失。(是的,另外一个)

来自分类Dev

如何删除添加到 Woo-commerce 产品标题中的短语

来自分类Dev

添加到购物车按钮未在购物车中添加产品

来自分类Dev

添加到购物车按钮未在购物车中添加产品

来自分类Dev

Woo-Commerce:注册后重定向到购物车页面

来自分类Dev

如何从 WooCommerce 中的相关产品中删除添加到购物车按钮?

来自分类Dev

Woo Commerce星级评分编辑

来自分类Dev

允许在woo电子商务购物车中使用重复的产品

来自分类Dev

如何为woo Commerce编辑订单页面添加选项?

来自分类Dev

添加产品时,WooCommerce将加售产品添加到购物车

来自分类Dev

在woo-commerce中更改商店URL

来自分类Dev

如果购物车中该产品的数量超过10,则禁用该产品添加到购物车按钮

来自分类Dev

如果购物车中该产品的数量超过10,则禁用该产品添加到购物车按钮

来自分类Dev

WooCommerce从购物车中删除所有产品,并将当前产品添加到购物车

来自分类Dev

WooCommerce从购物车中删除所有产品,并将当前产品添加到购物车

来自分类Dev

扩展“添加到购物车”功能以在Sylius的自定义表中添加产品变体

来自分类Dev

对woo Commerce商店页面的样式调整

来自分类Dev

删除“添加到购物车”按钮而不删除 Woocommerce 产品附加组件

来自分类Dev

Laravel将具有相同产品的购物车按钮添加到+1数量的购物车中

来自分类Dev

将产品成功添加到购物车后,如何添加ajax通知

来自分类Dev

Woocommerce - 当用户是产品作者时删除添加到购物车按钮

来自分类Dev

删除无处不在的产品添加到购物车按钮

来自分类Dev

产品未添加到Codeigniter购物车中

来自分类Dev

Woo Commerce,请完全删除归档中的列

来自分类Dev

使用Shopify在购物车中添加产品

来自分类Dev

在添加到购物车中的特定产品之前,先清空购物车

来自分类Dev

WooCommerce:删除档案中的“添加到购物车”按钮,但不在购物车中

来自分类Dev

根据WooCommerce单个产品中的重量替换添加到购物车按钮

来自分类Dev

Magento | 如何在自定义模块中的购物车中添加产品?

Related 相关文章

  1. 1

    Woo-commerce添加到购物车按钮缺失。(是的,另外一个)

  2. 2

    如何删除添加到 Woo-commerce 产品标题中的短语

  3. 3

    添加到购物车按钮未在购物车中添加产品

  4. 4

    添加到购物车按钮未在购物车中添加产品

  5. 5

    Woo-Commerce:注册后重定向到购物车页面

  6. 6

    如何从 WooCommerce 中的相关产品中删除添加到购物车按钮?

  7. 7

    Woo Commerce星级评分编辑

  8. 8

    允许在woo电子商务购物车中使用重复的产品

  9. 9

    如何为woo Commerce编辑订单页面添加选项?

  10. 10

    添加产品时,WooCommerce将加售产品添加到购物车

  11. 11

    在woo-commerce中更改商店URL

  12. 12

    如果购物车中该产品的数量超过10,则禁用该产品添加到购物车按钮

  13. 13

    如果购物车中该产品的数量超过10,则禁用该产品添加到购物车按钮

  14. 14

    WooCommerce从购物车中删除所有产品,并将当前产品添加到购物车

  15. 15

    WooCommerce从购物车中删除所有产品,并将当前产品添加到购物车

  16. 16

    扩展“添加到购物车”功能以在Sylius的自定义表中添加产品变体

  17. 17

    对woo Commerce商店页面的样式调整

  18. 18

    删除“添加到购物车”按钮而不删除 Woocommerce 产品附加组件

  19. 19

    Laravel将具有相同产品的购物车按钮添加到+1数量的购物车中

  20. 20

    将产品成功添加到购物车后,如何添加ajax通知

  21. 21

    Woocommerce - 当用户是产品作者时删除添加到购物车按钮

  22. 22

    删除无处不在的产品添加到购物车按钮

  23. 23

    产品未添加到Codeigniter购物车中

  24. 24

    Woo Commerce,请完全删除归档中的列

  25. 25

    使用Shopify在购物车中添加产品

  26. 26

    在添加到购物车中的特定产品之前,先清空购物车

  27. 27

    WooCommerce:删除档案中的“添加到购物车”按钮,但不在购物车中

  28. 28

    根据WooCommerce单个产品中的重量替换添加到购物车按钮

  29. 29

    Magento | 如何在自定义模块中的购物车中添加产品?

热门标签

归档