gpt4 book ai didi

javascript - Woocommerce "Add to cart"ajax

转载 作者:行者123 更新时间:2023-11-29 21:47:20 28 4
gpt4 key购买 nike

在产品分类页面,当有人点击“Add to cart”时,woocommerce通过Ajax在这个按钮下方添加“View cart”。我发现处理这个的脚本是/assets/js/frontend/add-to-cart.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' );

// 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>' );
}

// 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, $thisbutton ] );
}
});

return false;

}

return true;
});

有没有人做过类似的事情?

最佳答案

如果你看here从 Woocommerce 存储库中,您可以看到 add-to-cart.js 是从该类本地化的。

不幸的是,没有过滤器可以添加您自己的链接。您可以尝试将 add-to-cart.js 复制到您的主题,并使用 this method 将已注册的 add-to-cart.js 的新 src 设置为新的本地副本。 .

从那里你可以改变 this conditional在 Woocommerce repo 中找到。

所以,从技术上讲是的,你可以这样做,但有一些警告:

  • 您需要对变体产品重复此过程
  • 如果翻译是一个问题,您也需要解决这个问题
  • 每当插件更新时,您现在都必须梳理这些文件,找出任何可能破坏功能或导致安全问题的差异。

关于javascript - Woocommerce "Add to cart"ajax,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30631094/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com