Cart
.php
<
?php
/**
* Custom Cart Page for WooCommerce with Selective Checkout
* RECOMMENDED LOCATION (Woo overr
ide):
* /wp
-content/themes/your
-child
-theme/woocommerce/cart/cart
.php
* ALTERNATIVE (if your site is wired this way):
* /wp
-content/themes/woodmart
-child/cart
.php
*/
if (!defined('ABSPATH')) {
exit;
}
do_action('woocommerce_before_cart');
// Prov
ide tiny context for JS (invisible; no layout change)
$pc_cart_is_empty
= WC()
->cart
->is_empty();
function pc_u
id_for_view() {
if (is_user_logged_in()) return 'user_'
. get_current_user_
id();
if (empty($_COOKIE['pc_cart_u
id'])) {
$token
= wp_generate_uu
id4();
setcookie('pc_cart_u
id', $token, time() + YEAR_IN_SECONDS, COOKIEPATH
?: '/', '', is_ssl(), false);
$_COOKIE['pc_cart_u
id']
= $token;
}
return 'guest_'
. sanitize_text_field(wp_unslash($_COOKIE['pc_cart_u
id']));
}
$pc_u
id = pc_u
id_for_view();
?>
<div class
="cart
-page
-section container" style
="max
-w
idth: 1200px; margin: 0 auto;">
<form class
="woocommerce
-cart
-form" action
="<
?php echo esc_
url( wc_
get_cart_
url() );
?>" method
="post">
<
?php do_action('woocommerce_before_cart_table');
?>
<
?php wp_nonce_field('woocommerce
-cart', 'woocommerce
-cart
-nonce');
?>
<table class
="shop_table shop_table_responsive cart woocommerce
-cart
-form__contents">
<thead>
<tr>
<th class
="product
-select" style
="w
idth: 8%;">
<input type
="checkbox"
id="select
-all
-items" />
<label for
="select
-all
-items" style
="display: inline
-block; margin
-left: 5px; cursor: pointer;">全选</label>
</th>
<th class
="product
-info"><
?php esc_
html_e('Product', 'woocommerce');
?></th>
<th class
="product
-price"><
?php esc_
html_e('Price', 'woocommerce');
?></th>
<th class
="product
-quantity"><
?php esc_
html_e('Quantity', 'woocommerce');
?></th>
<th class
="product
-subtotal"><
?php esc_
html_e('Subtotal', 'woocommerce');
?></th>
<th class
="product
-remove"><
?php esc_
html_e('操作', 'woocommerce');
?></th>
</tr>
</thead>
<tbody>
<
?php do_action('woocommerce_before_cart_contents');
?>
<
?php foreach ( WC()
->cart
->
get_cart() as $cart_
item_key
=> $cart_
item ) :
?>
<
?php
$_product
= apply_filters('woocommerce_cart_
item_product', $cart_
item['data'], $cart_
item, $cart_
item_key);
$product_
id = apply_filters('woocommerce_cart_
item_product_
id', $cart_
item['product_
id'], $cart_
item, $cart_
item_key);
if ( $_product && $_product
->exists() && $cart_
item['quantity'] > 0 && apply_filters('woocommerce_cart_
item_visible', true, $cart_
item, $cart_
item_key) ) :
$product_permalink
= apply_filters('woocommerce_cart_
item_permalink', $_product
->is_visible()
? $_product
->
get_permalink($cart_
item) : '', $cart_
item, $cart_
item_key);
$line_total_value
= (float) ($cart_
item['line_total'] + $cart_
item['line_tax']);
$variation_
id = isset($cart_
item['variation_
id'])
? (int)$cart_
item['variation_
id'] : 0;
$variation_data
= isset($cart_
item['variation'])
? $cart_
item['variation'] : array();
$variation_json
= wp_json_encode($variation_data);
?>
<tr class
="woocommerce
-cart
-form__cart
-item <
?php echo esc_attr( apply_filters('woocommerce_cart_
item_class', 'cart_
item', $cart_
item, $cart_
item_key) );
?>"
data
-cart_
item_key
="<
?php echo esc_attr($cart_
item_key);
?>"
data
-product_
id="<
?php echo esc_attr($product_
id);
?>"
data
-variation_
id="<
?php echo esc_attr($variation_
id);
?>"
data
-variation
="<
?php echo esc_attr($variation_json);
?>">
<!
-- Checkbox Column
-->
<td class
="product
-select" data
-title
="<
?php esc_attr_e('Select', 'woocommerce');
?>">
<input type
="checkbox"
class
="
item-checkbox"
name
="selected_
items[]"
value
="<
?php echo esc_attr($cart_
item_key);
?>"
data
-price
="<
?php echo esc_attr($line_total_value);
?>" />
</td>
<!
-- Product Info Column
-->
<td class
="product
-info" data
-title
="<
?php esc_attr_e('Product', 'woocommerce');
?>">
<div class
="product
-image">
<
?php
$thumbnail
= apply_filters('woocommerce_cart_
item_thumbnail', $_product
->
get_image(), $cart_
item, $cart_
item_key);
if ( ! $product_permalink ) :
echo $thumbnail; // PHPCS: XSS ok
.
else :
printf('<a href
="%s">%s</a>', esc_
url($product_permalink), $thumbnail); // PHPCS: XSS ok
.
endif;
?>
</div>
<div class
="product
-name">
<
?php
if ( ! $product_permalink ) :
echo wp_kses_post( apply_filters('woocommerce_cart_
item_name', $_product
->
get_name(), $cart_
item, $cart_
item_key)
. ' ' );
else :
echo wp_kses_post( apply_filters('woocommerce_cart_
item_name', sprintf('<a href
="%s">%s</a>', esc_
url($product_permalink), $_product
->
get_name()), $cart_
item, $cart_
item_key) );
endif;
do_action('woocommerce_after_cart_
item_name', $cart_
item, $cart_
item_key);
echo wc_
get_formatted_cart_
item_data($cart_
item); // PHPCS: XSS ok
.
?>
</div>
</td>
<!
-- Price Column
-->
<td class
="product
-price" data
-title
="<
?php esc_attr_e('Price', 'woocommerce');
?>">
<
?php
echo apply_filters('woocommerce_cart_
item_price', WC()
->cart
->
get_product_price($_product), $cart_
item, $cart_
item_key); // PHPCS: XSS ok
.
?>
</td>
<!
-- Quantity Column
-->
<td class
="product
-quantity" data
-title
="<
?php esc_attr_e('Quantity', 'woocommerce');
?>">
<
?php
if ( $_product
->is_sold_indiv
idually() ) :
$product_quantity
= sprintf('1 <input type
="h
idden" name
="cart[%s][qty]" value
="1" />', $cart_
item_key);
else :
$product_quantity
= woocommerce_quantity_input(
array(
'input_name'
=> "cart[{$cart_
item_key}][qty]",
'input_value'
=> $cart_
item['quantity'],
'max_value'
=> $_product
->
get_max_purchase_quantity(),
'min_value'
=> '0',
'product_name'
=> $_product
->
get_name(),
),
$_product,
false
);
endif;
echo apply_filters('woocommerce_cart_
item_quantity', $product_quantity, $cart_
item_key, $cart_
item); // PHPCS: XSS ok
.
?>
<small class
="qty
-status" style
="display:none;margin
-left:8px;color:#666;">保存中…</small>
</td>
<!
-- Subtotal Column
-->
<td class
="product
-subtotal" data
-title
="<
?php esc_attr_e('Subtotal', 'woocommerce');
?>">
<
?php
echo apply_filters('woocommerce_cart_
item_subtotal', WC()
->cart
->
get_product_subtotal($_product, $cart_
item['quantity']), $cart_
item, $cart_
item_key); // PHPCS: XSS ok
.
?>
</td>
<!
-- Remove
Item Column
-->
<td class
="product
-remove" data
-title
="<
?php esc_attr_e('操作', 'woocommerce');
?>">
<
?php
echo apply_filters('woocommerce_cart_
item_remove_link', sprintf(
'<a href
="%s" class
="remove" aria
-label
="%s" data
-product_
id="%s" data
-product_sku
="%s">×</a>',
esc_
url( wc_
get_cart_remove_
url($cart_
item_key) ),
esc_attr__('Remove this
item', 'woocommerce'),
esc_attr($product_
id),
esc_attr($_product
->
get_sku())
), $cart_
item_key);
?>
</td>
</tr>
<
?php endif;
?>
<
?php endforeach;
?>
<
?php do_action('woocommerce_after_cart_contents');
?>
</tbody>
</table>
<
?php do_action('woocommerce_after_cart_table');
?>
</form>
</div>
<!
-- Sticky Footer
-->
<div class
="cart
-footer
-actions sticky
-footer" style
="position: sticky; bottom: 0; background: white; padding: 15px; border
-top: 1px sol
id #ddd; max
-w
idth: 1200px; margin: 0 auto;">
<div style
="display: flex; justify
-content: space
-between; align
-items: center; margin
-bottom: 10px;">
<div class
="footer
-left">
<input type
="checkbox"
id="footer
-select
-all">
<label for
="footer
-select
-all" style
="display: inline
-block; margin
-left: 5px; cursor: pointer;">全选</label>
<button type
="button" class
="button"
id="remove
-selected
-items">刪除選中的商品</button>
<button type
="button" class
="button"
id="clear
-cart">清空購物車</button>
</div>
<div class
="coupon
-section">
<input type
="text" name
="coupon_code" class
="input
-text"
id="coupon_code" value
="" placeholder
="输入优惠券代码" style
="padding: 8px; w
idth: 200px; border: 1px sol
id #ddd; border
-radius: 4px; margin
-right: 5px;" />
<button type
="button" class
="button"
id="apply
-coupon">应用优惠券</button>
</div>
</div>
<div style
="display: flex; justify
-content: space
-between; align
-items: center;">
<div class
="selected
-summary" style
="font
-size: 16px; font
-weight: bold;">
已选商品: <span
id="selected
-count">0</span> 件，共计: <span
id="selected
-total">RM0
.00</span>
</div>
<a href
="<
?php echo esc_
url( wc_
get_checkout_
url() );
?>" class
="checkout
-button button alt wc
-forward"
id="partial
-checkout">结算</a>
</div>
</div>
<
?php do_action('woocommerce_after_cart');
?>
<style>
/* Your original styles exactly untouched */
<
?php /* Keeping exactly your CSS content */
?>
.cart
-page
-section {
background: white;
padding: 30px;
border
-radius: 8px;
box
-shadow: 0 0 10px rgba(0, 0, 0, 0
.1);
margin
-bottom: 30px;
}
.cart
-page
-section table
.cart {
w
idth: 100%;
border
-collapse: collapse;
margin
-bottom: 20px;
}
.cart
-page
-section table
.cart th,
.cart
-page
-section table
.cart td {
padding: 15px;
text
-align: left;
border
-bottom: 1px sol
id #eee;
}
.cart
-page
-section table
.cart th {
background
-color: #f8f8f8;
font
-weight: bold;
}
.cart
-page
-section table
.cart th
.product
-select,
.cart
-page
-section table
.cart td
.product
-select {
w
idth: 8%;
text
-align: center;
vertical
-align: m
iddle;
white
-space: nowrap;
}
.cart
-page
-section table
.cart td
.product
-info {
w
idth: 37%;
vertical
-align: top;
}
.cart
-page
-section table
.cart
.product
-info
.product
-image {
float: left;
margin
-right: 15px;
w
idth: 100px;
height: 100px;
}
.cart
-page
-section table
.cart
.product
-info
.product
-image img {
max
-w
idth: 100%;
height: auto;
display: block;
}
.cart
-page
-section table
.cart
.product
-info
.product
-name {
overflow: h
idden;
}
.cart
-page
-section table
.cart td
.product
-price,
.cart
-page
-section table
.cart td
.product
-quantity,
.cart
-page
-section table
.cart td
.product
-subtotal {
w
idth: 15%;
vertical
-align: m
iddle;
}
.cart
-page
-section table
.cart td
.product
-remove {
w
idth: 5%;
text
-align: center;
vertical
-align: m
iddle;
}
.cart
-footer
-actions {
position: sticky;
bottom: 0;
background: #fff;
padding: 15px;
border
-top: 1px sol
id #ddd;
box
-shadow: 0
-2px 10px rgba(0, 0, 0, 0
.1);
z
-index: 1000;
display: flex;
flex
-direction: column;
gap: 15px;
}
.footer
-left {
display: flex;
align
-items: center;
flex
-wrap: wrap;
gap: 10px;
}
.coupon
-section {
display: flex;
align
-items: center;
gap: 5px;
}
.selected
-summary {
font
-size: 16px;
font
-weight: bold;
flex: 1;
}
.cart
-footer
-actions
.button {
padding: 10px 20px;
background
-color: #f44336;
color: white;
border: none;
border
-radius: 4px;
cursor: pointer;
font
-size: 14px;
transition: background
-color 0
.3s;
white
-space: nowrap;
}
.cart
-footer
-actions
.button:hover {
background
-color: #d32f2f;
}
#partial
-checkout {
padding: 12px 24px;
background
-color: #2196F3;
color: white;
text
-decoration: none;
border
-radius: 4px;
display: inline
-block;
transition: background
-color 0
.3s;
white
-space: nowrap;
text
-align: center;
font
-weight: bold;
}
#partial
-checkout:hover {
background
-color: #0b7dda;
}
#coupon_code {
padding: 8px;
w
idth: 200px;
border: 1px sol
id #ddd;
border
-radius: 4px;
transition: border
-color 0
.3s;
}
#coupon_code:focus {
border
-color: #2196F3;
outline: none;
}
@media (max
-w
idth: 768px) {
.cart
-page
-section table
.cart thead { display: none; }
.cart
-page
-section table
.cart td {
display: block;
w
idth: 100% !important;
text
-align: right;
padding: 10px;
position: relative;
padding
-left: 50%;
}
.cart
-page
-section table
.cart td::before {
content: attr(data
-title);
position: absolute;
left: 15px;
font
-weight: bold;
text
-align: left;
}
.cart
-page
-section table
.cart
.product
-info
.product
-image {
float: none;
margin: 0 auto 10px;
}
.cart
-page
-section table
.cart td
.product
-select::before { content: "选择"; }
.cart
-footer
-actions { flex
-direction: column; align
-items: flex
-start; }
.footer
-left { w
idth: 100%; justify
-content: space
-between; }
.coupon
-section { w
idth: 100%; margin
-top: 10px; }
.coupon
-section input { flex: 1; }
.cart
-footer
-actions
.footer
-bottom
-row { flex
-direction: column; align
-items: stretch; }
.selected
-summary { text
-align: center; margin
-bottom: 10px; }
#partial
-checkout { w
idth: 100%; padding: 15px; }
.cart
-footer
-actions
.button { padding: 12px 15px; margin: 5px 0; w
idth: 100%; text
-align: center; }
}
@media (max
-w
idth: 480px) {
.cart
-page
-section { padding: 15px; }
.cart
-page
-section table
.cart td { padding
-left: 45%; }
.cart
-page
-section table
.cart td::before { font
-size: 14px; }
.cart
-footer
-actions { padding: 10px; }
#coupon_code { w
idth: 100%; }
}
<style>
/* 添加加载动画样式 */
.quantity
-saving
-overlay {
position: absolute;
top: 0;
left: 0;
w
idth: 100%;
height: 100%;
background: rgba(255, 255, 255, 0
.8);
display: flex;
align
-items: center;
justify
-content: center;
z
-index: 10;
border
-radius: 4px;
}
.quantity
-saving
-loader {
w
idth: 24px;
height: 24px;
border: 3px sol
id #f3f3f3;
border
-top: 3px sol
id #3498db;
border
-radius: 50%;
animation: spin 0
.8s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* 使数量输入框容器相对定位 */
.product
-quantity
.quantity {
position: relative;
}
</style>
<script>
jQuery(function($){
// Context
var PC
= {
ajax_
url: (window
.wc_cart_params && window
.wc_cart_params
.ajax_
url) || '<
?php echo esc_
url( admin_
url("admin
-ajax
.php") );
?>',
security: (function(){
var n
= $('input[name
="woocommerce
-cart
-nonce"]')
.val();
if (n) return n;
if (window
.wc_cart_params && window
.wc_cart_params
.cart_nonce) return window
.wc_cart_params
.cart_nonce;
return '<
?php echo wp_create_nonce("woocommerce
-cart");
?>';
})(),
cart_is_empty: <
?php echo $pc_cart_is_empty
? 'true' : 'false';
?>,
cart_u
id: '<
?php echo esc_js($pc_u
id);
?>'
};
// Keys
function lsKey(name){ return 'pc_' + name + '_' + PC
.cart_u
id; }
var LS_SELECTION
= lsKey('selected_
items');
var LS_MASTER
= lsKey('cart_master');
// Utilities
function
getSelectedKeys(){
return $('
.item-checkbox:checked')
.map(function(){ return this
.value; })
.get();
}
function fmtRM(n){ n
= isNaN(n)
? 0 : n; return 'RM' + Number(n)
.toFixed(2); }
// Selection persistence
function readSelection(){ try { return JSON
.parse(localStorage
.getItem(LS_SELECTION) || '[]'); } catch(e){ return []; } }
function writeSelection(keys){ try { localStorage
.set
Item(LS_SELECTION, JSON
.stringify(keys||[])); } catch(e){} }
function restoreSelectionFromLS(){
var saved
= readSelection(); if (!Array
.isArray(saved)) saved
= [];
$('
.item-checkbox')
.each(function(){ $(this)
.prop('checked', saved
.indexOf(this
.value) !
== -1); });
}
window
.addEventListener('storage', function(ev){
if (ev
.key
=== LS_SELECTION) { restoreSelectionFromLS(); updateSelectedSummary(); }
});
// Selected summary
function updateSelectedSummary(){
var total
= 0, count
= 0;
$('
.item-checkbox:checked')
.each(function(){
var price
= parseFloat($(this)
.data('price'));
if (!isNaN(price)) { total +
= price; count++; }
});
$('#selected
-count')
.text(count);
$('#selected
-total')
.text(fmtRM(total));
var totalCbs
= $('
.item-checkbox')
.length;
var checkedCbs
= $('
.item-checkbox:checked')
.length;
var allChecked
= totalCbs > 0 && checkedCbs
=== totalCbs;
$('#select
-all
-items, #footer
-select
-all')
.prop('checked', allChecked);
writeSelection(
getSelectedKeys());
}
// Select all
$('#select
-all
-items, #footer
-select
-all')
.off('change
.sc')
.on('change
.sc', function(){
var checked
= $(this)
.prop('checked');
$('
.item-checkbox')
.prop('checked', checked);
updateSelectedSummary();
});
$(document)
.on('change', '
.item-checkbox', updateSelectedSummary);
// Snapshot cart DOM
-> localStorage (guest resilience)
function snapshotCartFromDOM() {
var
items
= [];
$('tr
.cart_
item')
.each(function(){
var $row
= $(this);
var p
id = parseInt($row
.attr('data
-product_
id'),10)||0;
var v
id = parseInt($row
.attr('data
-variation_
id'),10)||0;
var qty
= parseFloat($row
.find('input
.qty')
.val())||0;
var variation
= {};
try { variation
= JSON
.parse($row
.attr('data
-variation')||'{}'); } catch(e){ variation
= {}; }
if (p
id && qty > 0) {
items
.push({ product_
id: p
id, variation_
id: v
id, variation: variation, quantity: qty });
}
});
try { localStorage
.set
Item(LS_MASTER, JSON
.stringify({ ts: Date
.now(),
items:
items })); } catch(e){}
}
function maybeRehydrateFromLocal() {
if (!PC
.cart_is_empty) return;
var raw
= localStorage
.getItem(LS_MASTER);
if (!raw) return;
var data; try { data
= JSON
.parse(raw); } catch(e){ return; }
var
items
= (data && data
.items)
? data
.items : [];
if (!
items
.length) return;
$
.ajax({
url: PC
.ajax_
url, method: 'POST', dataType: 'json',
data: { action: 'pc_rehydrate_cart', security: PC
.security,
items: JSON
.stringify(
items) }
})
.done(function(res){
if (res && res
.success) {
// The current page is cart; reload to display rehydrated
items
location
.reload();
}
});
}
// Remove selected
$('#remove
-selected
-items')
.off('click
.sc')
.on('click
.sc', function(){
var keys
= getSelectedKeys();
if (!keys
.length) { alert('请选择要删除的商品'); return; }
if (!confirm('确定要删除选中的商品吗？')) return;
$
.ajax({
url: PC
.ajax_
url, method: 'POST', dataType: 'json',
data: { action: 'remove_selected_cart_
items', selected_
items: keys, security: PC
.security }
})
.done(function(res){
if (res && res
.success) {
var saved
= readSelection()
.filter(function(k){ return keys
.indexOf(k)
=== -1; });
writeSelection(saved);
location
.reload();
} else {
alert((res && res
.data && (res
.data
.message || res
.data)) || '删除失败，请重试');
}
})
.fail(function(){ alert('删除失败，请重试'); });
});
// Clear cart
$('#clear
-cart')
.off('click
.sc')
.on('click
.sc', function(){
if (!confirm('确定要清空购物车吗？')) return;
$
.ajax({
url: PC
.ajax_
url, method: 'POST', dataType: 'json',
data: { action: 'empty_cart', security: PC
.security }
})
.done(function(res){
if (res && res
.success) {
writeSelection([]);
localStorage
.remove
Item(LS_MASTER);
location
.reload();
} else {
alert((res && res
.data && (res
.data
.message || res
.data)) || '清空购物车失败，请重试');
}
})
.fail(function(){ alert('清空购物车失败，请重试'); });
});
// Apply coupon
$('#apply
-coupon')
.off('click
.sc')
.on('click
.sc', function(){
var code
= ($
.trim($('#coupon_code')
.val()) || '');
if (!code) { alert('请输入优惠券代码'); return; }
var $btn
= $(this)
.prop('disabled', true)
.text('处理中
...');
$
.ajax({
url: PC
.ajax_
url, method: 'POST', dataType: 'json',
data: { action: 'apply_coupon', coupon_code: code, security: PC
.security }
})
.done(function(res){
if (res && res
.success) {
location
.reload();
} else {
alert((res && res
.data && (res
.data
.message || res
.data)) || '优惠券应用失败，请重试');
$btn
.prop('disabled', false)
.text('应用优惠券');
}
})
.fail(function(){
alert('发生错误，请重试');
$btn
.prop('disabled', false)
.text('应用优惠券');
});
});
// Quantity auto
-save (per
-row only; no page hold)
// 修复后的数量自动保存功能
function parseCartKeyFromInputName(n){
// 修正的正则表达式
- 匹配: cart[<cart_
item_key>][qty]
var m
= (n||'')
.match(/^cart\[(
.+
?)\]\[qty\]$/);
return m
? m[1] : null;
}
// 创建加载动画元素
function createLoader() {
var $overlay
= $('<div class
="quantity
-saving
-overlay"><div class
="quantity
-saving
-loader"></div></div>');
return $overlay;
}
// Quantity auto
-save with loader effect
function parseCartKeyFromInputName(n){
// 修正正则表达式
var m
= (n||'')
.match(/^cart\[(
.+
?)\]\[qty\]$/);
return m
? m[1] : null;
}
var qtyTimers
= {};
$(document)
.on('input change', '
.qty', function(){
var $input
= $(this);
var key
= parseCartKeyFromInputName($input
.attr('name'));
if (!key) return;
var row
= $input
.closest('tr');
var $quantityContainer
= $input
.closest('
.quantity');
var val
= parseInt($input
.val(), 10);
if (isNaN(val) || val < 0) val
= 0;
// 清除现有定时器
if (qtyTimers[key]) clearTimeout(qtyTimers[key]);
// 创建加载动画容器（如果不存在）
if (!$quantityContainer
.find('
.quantity
-saving
-overlay')
.length) {
$quantityContainer
.append(createLoader());
}
// 隐藏加载层
$quantityContainer
.find('
.quantity
-saving
-overlay')
.h
ide();
// 设置新的定时器
qtyTimers[key]
= setTimeout(function(){
// 显示加载动画
$quantityContainer
.find('
.quantity
-saving
-overlay')
.show();
$input
.prop('disabled', true);
$
.ajax({
url: PC
.ajax_
url,
method: 'POST',
dataType: 'json',
data: {
action: 'update_cart_
item_qty',
cart_
item_key: key,
qty: val,
security: PC
.security
}
})
.done(function(res){
if (res && res
.success && res
.data){
if (res
.data
.subtotal_
html) {
row
.find('td
.product
-subtotal')
.html(res
.data
.subtotal_
html);
}
// 更新复选框价格
var $cb
= row
.find('
.item-checkbox');
if ($cb
.length && typeof res
.data
.line_total_incl_tax
=== 'number') {
$cb
.attr('data
-price', res
.data
.line_total_incl_tax);
updateSelectedSummary();
}
// 数量为0时移除商品行
if (val
=== 0 || res
.data
.removed) {
row
.fadeOut(300, function(){
$(this)
.remove();
snapshotCartFromDOM();
updateSelectedSummary();
});
} else {
snapshotCartFromDOM();
}
} else {
var msg
= (res && res
.data && (res
.data
.message || res
.data)) || '数量更新失败';
alert(msg);
}
})
.fail(function(){
alert('数量更新失败，请重试');
})
.always(function(){
// 隐藏加载动画并启用输入框
$quantityContainer
.find('
.quantity
-saving
-overlay')
.h
ide();
$input
.prop('disabled', false);
});
}, 500); // 0
.5秒延迟
});
// 新增错误提示函数
function showError(msg) {
if (!$('#qty
-error')
.length) {
$('body')
.append('<div
id="qty
-error" style
="position:fixed;top:20px;left:50%;transform:translateX(
-50%);background:#ffebee;padding:10px 20px;border
-radius:4px;color:#b71c1c;z
-index:9999;display:none;"></div>');
}
$('#qty
-error')
.text(msg)
.fadeIn(200)
.delay(3000)
.fadeOut(400);
}
// Partial checkout
-> regular checkout page
$('#partial
-checkout')
.off('click
.sc')
.on('click
.sc', function(e){
e
.preventDefault();
var keys
= getSelectedKeys();
if (!keys
.length) { alert('请至少选择一件商品结算'); return; }
var $btn
= $(this), t
= $btn
.text();
$btn
.prop('disabled', true)
.text('创建订单中
...');
// Snapshot first for safety
snapshotCartFromDOM();
$
.ajax({
url: PC
.ajax_
url, method: 'POST', dataType: 'json',
data: { action: 'create_direct_order', selected_
items: keys, security: PC
.security }
})
.done(function(res){
if (res && res
.success && res
.data && res
.data
.checkout_
url) {
window
.location
.href
= res
.data
.checkout_
url; // This is /checkout/
?pc_token
=...
} else {
alert((res && res
.data && (res
.data
.message || res
.data)) || '创建订单失败，请重试');
$btn
.prop('disabled', false)
.text(t);
}
})
.fail(function(xhr){
var msg
= '创建订单失败';
if (xhr && xhr
.responseJSON && xhr
.responseJSON
.data) {
msg +
= '：' + (xhr
.responseJSON
.data
.message || xhr
.responseJSON
.data);
}
alert(msg);
$btn
.prop('disabled', false)
.text(t);
});
});
// Keep LS selection after removing via the "x" link and update cart snapshot
$(document)
.on('click', 'a
.remove', function(){
var key
= $(this)
.closest('tr
.cart_
item')
.attr('data
-cart_
item_key');
if (key) {
var saved
= readSelection()
.filter(function(k){ return k !
== key; });
writeSelection(saved);
snapshotCartFromDOM();
}
});
// Init
restoreSelectionFromLS();
updateSelectedSummary();
snapshotCartFromDOM();
maybeRehydrateFromLocal();
});
</script>
functions
.php
<
?php
defined('ABSPATH') || exit;
/**
* Robust partial checkout to regular /checkout/ with durable cart snapshot
*
- Snapshot full cart before virtualizing selection for checkout
*
- Do not remove anything until order is created
*
- On success (thank
-you), rebuild cart as (snapshot
- purchased)
*
- On cancel/back (visit cart), restore snapshot
*
- Guest resilience: localStorage + rehydrate AJAX
*/
/*
-------------------------------------------------
* Helpers
*
------------------------------------------------- */
function pc_
get_cart_u
id() {
if (is_user_logged_in()) {
return 'user_'
. get_current_user_
id();
}
if (empty($_COOKIE['pc_cart_u
id'])) {
$token
= wp_generate_uu
id4();
setcookie('pc_cart_u
id', $token, time() + YEAR_IN_SECONDS, COOKIEPATH
?: '/', '', is_ssl(), false);
$_COOKIE['pc_cart_u
id']
= $token;
}
return 'guest_'
. sanitize_text_field(wp_unslash($_COOKIE['pc_cart_u
id']));
}
function pc_build_
item_key($product_
id, $variation_
id = 0) {
return (int)$product_
id . '|'
. (int)$variation_
id;
}
function pc_snapshot_current_cart() {
if (!WC()
->cart) wc_load_cart();
$
items
= array();
foreach (WC()
->cart
->
get_cart() as $ci_key
=> $ci) {
$p
id = isset($ci['product_
id'])
? (int)$ci['product_
id'] : 0;
$v
id = isset($ci['variation_
id'])
? (int)$ci['variation_
id'] : 0;
$qty
= isset($ci['quantity'])
? wc_stock_amount($ci['quantity']) : 0;
$var
= isset($ci['variation']) && is_array($ci['variation'])
? $ci['variation'] : array();
if ($p
id && $qty > 0) {
$
items[]
= array(
'product_
id'
=> $p
id,
'variation_
id'
=> $v
id,
'variation'
=> array_map('wc_clean', $var),
'quantity'
=> $qty,
);
}
}
return $
items;
}
function pc_restore_cart_from_
items($
items) {
if (!WC()
->cart) wc_load_cart();
WC()
->cart
->empty_cart();
foreach ((array)$
items as $it) {
$p
id = isset($it['product_
id'])
? (int)$it['product_
id'] : 0;
$v
id = isset($it['variation_
id'])
? (int)$it['variation_
id'] : 0;
$qty
= isset($it['quantity'])
? wc_stock_amount($it['quantity']) : 0;
$var
= isset($it['variation']) && is_array($it['variation'])
? array_map('wc_clean', $it['variation']) : array();
if ($p
id && $qty > 0) {
WC()
->cart
->add_to_cart($p
id, $qty, $v
id, $var);
}
}
WC()
->cart
->calculate_totals();
}
function pc_transient_key($token) {
return 'pc_partial_payload_'
. sanitize_key($token);
}
/*
-------------------------------------------------
* AJAX: Local rehydrate when Woo cart is empty
*
------------------------------------------------- */
add_action('wp_ajax_pc_rehydrate_cart', 'pc_rehydrate_cart');
add_action('wp_ajax_nopriv_pc_rehydrate_cart', 'pc_rehydrate_cart');
function pc_rehydrate_cart() {
check_ajax_referer('woocommerce
-cart', 'security');
$raw
= isset($_POST['
items'])
? wp_unslash($_POST['
items']) : '';
$
items
= is_string($raw)
? json_decode($raw, true) : (array)$raw;
if (!is_array($
items)) {
wp_send_json_error(array('message'
=> 'Inval
id items
.'), 400);
}
if (!WC()
->cart) wc_load_cart();
if (!WC()
->cart
->is_empty()) {
wp_send_json_success(array('message'
=> 'Cart not empty
.'));
}
foreach ($
items as $it) {
$p
id = isset($it['product_
id'])
? (int)$it['product_
id'] : 0;
$v
id = isset($it['variation_
id'])
? (int)$it['variation_
id'] : 0;
$qty
= isset($it['quantity'])
? wc_stock_amount($it['quantity']) : 0;
$var
= isset($it['variation']) && is_array($it['variation'])
? array_map('wc_clean', $it['variation']) : array();
if ($p
id && $qty > 0) {
WC()
->cart
->add_to_cart($p
id, $qty, $v
id, $var);
}
}
WC()
->cart
->calculate_totals();
wp_send_json_success(array('rehydrated'
=> true));
}
/*
-------------------------------------------------
* AJAX: Update qty (per
-row; no page reload)
*
------------------------------------------------- */
add_action('wp_ajax_update_cart_
item_qty', 'pc_update_cart_
item_qty');
add_action('wp_ajax_nopriv_update_cart_
item_qty', 'pc_update_cart_
item_qty');
function pc_update_cart_
item_qty() {
check_ajax_referer('woocommerce
-cart', 'security');
$key
= isset($_POST['cart_
item_key'])
? wc_clean(wp_unslash($_POST['cart_
item_key'])) : '';
$qty
= isset($_POST['qty'])
? wc_stock_amount($_POST['qty']) : null;
if (!$key || $qty
=== null) {
wp_send_json_error(array('message'
=> 'Missing params
.'), 400);
}
if (!WC()
->cart) wc_load_cart();
if ($qty <
= 0) {
$removed
= WC()
->cart
->remove_cart_
item($key);
WC()
->cart
->calculate_totals();
wp_send_json_success(array('removed'
=> (bool)$removed));
} else {
$set
= WC()
->cart
->set_quantity($key, $qty, true);
WC()
->cart
->calculate_totals();
$cart_
item = WC()
->cart
->
get_cart_
item($key);
if (!$cart_
item) {
wp_send_json_error(array('message'
=> 'Cart
item not found after update
.'), 404);
}
$_product
= $cart_
item['data'];
$subtotal_
html
= apply_filters('woocommerce_cart_
item_subtotal', WC()
->cart
->
get_product_subtotal($_product, $cart_
item['quantity']), $cart_
item, $key);
// Use line_total + line_tax (after totals) for your checkbox data
-price
$line_total_incl_tax
= (float)($cart_
item['line_total'] + $cart_
item['line_tax']);
// functions
.php 中的更新
wp_send_json_success(array(
'subtotal_
html'
=> $subtotal_
html,
'line_total_incl_tax'
=> $line_total_incl_tax,
'removed'
=> ($qty <
= 0) // 明确返回是否移除
));
}
}
/*
-------------------------------------------------
* AJAX: Remove selected
*
------------------------------------------------- */
add_action('wp_ajax_remove_selected_cart_
items', 'pc_remove_selected_cart_
items');
add_action('wp_ajax_nopriv_remove_selected_cart_
items', 'pc_remove_selected_cart_
items');
function pc_remove_selected_cart_
items() {
check_ajax_referer('woocommerce
-cart', 'security');
$keys
= isset($_POST['selected_
items'])
? (array) $_POST['selected_
items'] : array();
if (!WC()
->cart) wc_load_cart();
foreach ($keys as $k) {
$k
= wc_clean(wp_unslash($k));
WC()
->cart
->remove_cart_
item($k);
}
WC()
->cart
->calculate_totals();
wp_send_json_success(true);
}
/*
-------------------------------------------------
* AJAX: Empty cart
*
------------------------------------------------- */
add_action('wp_ajax_empty_cart', 'pc_empty_cart');
add_action('wp_ajax_nopriv_empty_cart', 'pc_empty_cart');
function pc_empty_cart() {
check_ajax_referer('woocommerce
-cart', 'security');
if (!WC()
->cart) wc_load_cart();
WC()
->cart
->empty_cart();
wp_send_json_success(true);
}
/*
-------------------------------------------------
* AJAX: Apply coupon
*
------------------------------------------------- */
add_action('wp_ajax_apply_coupon', 'pc_apply_coupon');
add_action('wp_ajax_nopriv_apply_coupon', 'pc_apply_coupon');
function pc_apply_coupon() {
check_ajax_referer('woocommerce
-cart', 'security');
$code
= isset($_POST['coupon_code'])
? wc_format_coupon_code(wp_unslash($_POST['coupon_code'])) : '';
if (!$code) {
wp_send_json_error(array('message'
=> __('请输入优惠券代码', 'woocommerce')), 400);
}
if (!WC()
->cart) wc_load_cart();
$applied
= WC()
->cart
->apply_coupon($code);
WC()
->cart
->calculate_totals();
if (is_wp_error($applied)) {
wp_send_json_error(array('message'
=> $applied
->
get_error_message()), 400);
}
if (!$applied) {
// Woo often pushes notices instead of bool; we return generic message
wp_send_json_error(array('message'
=> __('优惠券应用失败', 'woocommerce')), 400);
}
wp_send_json_success(true);
}
/*
-------------------------------------------------
* AJAX: Start partial checkout to regular checkout page
*
- Save snapshot + selected
items in a transient keyed by token
*
- Put token in session
*
- Return /checkout/
?pc_token
=...
*
------------------------------------------------- */
add_action('wp_ajax_create_direct_order', 'pc_create_direct_order');
add_action('wp_ajax_nopriv_create_direct_order', 'pc_create_direct_order');
function pc_create_direct_order() {
check_ajax_referer('woocommerce
-cart', 'security');
$selected_keys
= isset($_POST['selected_
items'])
? (array) $_POST['selected_
items'] : array();
if (empty($selected_keys)) {
wp_send_json_error(array('message'
=> __('请选择要结算的商品', 'woocommerce')), 400);
}
if (!WC()
->cart) wc_load_cart();
// Snapshot full cart
$snapshot
= pc_snapshot_current_cart();
// Build selected
items from current cart based on cart_
item_key list
$selected
= array();
foreach (WC()
->cart
->
get_cart() as $ci_key
=> $ci) {
if (!in_array($ci_key, $selected_keys, true)) {
continue;
}
$p
id = (int)$ci['product_
id'];
$v
id = (int)$ci['variation_
id'];
$qty
= wc_stock_amount($ci['quantity']);
$var
= isset($ci['variation']) && is_array($ci['variation'])
? array_map('wc_clean', $ci['variation']) : array();
if ($p
id && $qty > 0) {
$selected[]
= array(
'product_
id'
=> $p
id,
'variation_
id'
=> $v
id,
'variation'
=> $var,
'quantity'
=> $qty,
);
}
}
if (empty($selected)) {
wp_send_json_error(array('message'
=> __('没有可结算的商品', 'woocommerce')), 400);
}
$token
= wp_generate_uu
id4();
$payload
= array(
'u
id'
=> pc_
get_cart_u
id(),
'snapshot'
=> $snapshot,
'selected'
=> $selected,
'created'
=> time(),
);
set_transient(pc_transient_key($token), $payload, 2 * DAY_IN_SECONDS);
// Put token in session (used across checkout AJAX calls)
if (method_exists(WC()
->session, 'set')) {
WC()
->session
->set('pc_partial_token', $token);
}
$checkout_
url = add_query_arg('pc_token', raw
urlencode($token), wc_
get_checkout_
url());
wp_send_json_success(array('checkout_
url'
=> $checkout_
url));
}
/*
-------------------------------------------------
* Virtualize cart on the regular checkout for token
*
- On initial checkout load with
?pc_token
=...
*
- Ensure re
-virtualization before checkout processing
*
- Tag order with token
*
- On thank
-you, rebuild cart
= snapshot
- purchased
*
- On returning to cart without completing: restore snapshot
*
------------------------------------------------- */
// Entering checkout with token: virtualize cart to selected
items
add_action('woocommerce_before_checkout_form', function() {
if (!isset($_
GET['pc_token'])) return;
$token
= sanitize_text_field(wp_unslash($_
GET['pc_token']));
$payload
= get_transient(pc_transient_key($token));
if (empty($payload) || empty($payload['selected'])) return;
if (!WC()
->cart) wc_load_cart();
// Virtualize to selected
items only
pc_restore_cart_from_
items($payload['selected']);
// Persist token in session for all subsequent checkout AJAX calls
if (method_exists(WC()
->session, 'set')) {
WC()
->session
->set('pc_partial_token', $token);
}
}, 1);
// Safety: just
-in
-time re
-virtualization before order processing
add_action('woocommerce_before_checkout_process', function() {
if (!method_exists(WC()
->session, '
get')) return;
$token
= WC()
->session
->
get('pc_partial_token');
if (!$token) return;
$payload
= get_transient(pc_transient_key($token));
if (empty($payload) || empty($payload['selected'])) return;
// Ensure cart still equals selected set (another tab might have restored)
pc_restore_cart_from_
items($payload['selected']);
}, 1);
// Tag order with token so we can resolve on thank
-you
add_action('woocommerce_checkout_create_order', function($order /* WC_Order */) {
$token
= null;
if (isset($_
GET['pc_token'])) {
$token
= sanitize_text_field(wp_unslash($_
GET['pc_token']));
} elseif (method_exists(WC()
->session, '
get')) {
$token
= WC()
->session
->
get('pc_partial_token');
}
if ($token) {
$order
->update_meta_data('_pc_partial_token', $token);
}
}, 10, 1);
// On thank
-you: rebuild cart as (snapshot
- purchased), then cleanup
add_action('woocommerce_thankyou', function($order_
id) {
$order
= wc_
get_order($order_
id);
if (!$order) return;
$token
= $order
->
get_meta('_pc_partial_token');
if (!$token) return;
$payload
= get_transient(pc_transient_key($token));
if (empty($payload) || empty($payload['snapshot'])) {
// Nothing to rebuild, just cleanup session token
if (method_exists(WC()
->session, 'set')) {
WC()
->session
->set('pc_partial_token', null);
}
delete_transient(pc_transient_key($token));
return;
}
// Build purchased map p
id|v
id => qty
$purchased
= array();
foreach ($order
->
get_
items('line_
item') as $
item) {
$p
id = (int)$
item->
get_product_
id();
$v
id = (int)$
item->
get_variation_
id();
$qty
= (int)$
item->
get_quantity();
$k
= pc_build_
item_key($p
id, $v
id);
if (!isset($purchased[$k])) $purchased[$k]
= 0;
$purchased[$k] +
= $qty;
}
// Remainder
= snapshot
- purchased
$remainder
= array();
foreach ($payload['snapshot'] as $it) {
$p
id = (int)$it['product_
id'];
$v
id = (int)$it['variation_
id'];
$qty
= wc_stock_amount($it['quantity']);
$var
= isset($it['variation'])
? $it['variation'] : array();
$k
= pc_build_
item_key($p
id, $v
id);
$take
= isset($purchased[$k])
? (int)$purchased[$k] : 0;
$left
= max(0, $qty
- $take);
if ($left > 0) {
$remainder[]
= array(
'product_
id'
=> $p
id,
'variation_
id'
=> $v
id,
'variation'
=> $var,
'quantity'
=> $left,
);
$purchased[$k]
= max(0, $take
- $qty); // if over
-purchased (unlikely), keep non
-negative
}
}
// Rebuild cart to remainder
pc_restore_cart_from_
items($remainder);
// Cleanup token
if (method_exists(WC()
->session, 'set')) {
WC()
->session
->set('pc_partial_token', null);
}
delete_transient(pc_transient_key($token));
// Also update localStorage best
-effort on the thank
-you page (client s
ide) is optional;
// your cart
.php JS already re
-snapshots on next visit
.
}, 20);
// If user visits the cart page with an active partial token (abandoned/cancelled), restore full snapshot
add_action('woocommerce_before_cart', function() {
if (!method_exists(WC()
->session, '
get')) return;
$token
= WC()
->session
->
get('pc_partial_token');
if (!$token) return;
$payload
= get_transient(pc_transient_key($token));
if (empty($payload) || empty($payload['snapshot'])) return;
// Restore full snapshot so cart page always shows everything
pc_restore_cart_from_
items($payload['snapshot']);
// Keep token so user can retry checkout; or clear it if you prefer ending the flow here:
// WC()
->session
->set('pc_partial_token', null);
}, 1);
Currently You are now a website builder
. These are the code in my cart
.php & functions
.php
. Currently, i am very satisfied with my layout
. However, I want to achieve cart like Shopee / Taobao / Lazada, that allow my customer to
1) Do selective checkout, where only selected
items are sent to checkout page, and after order created, only these
items will be removed from cart
. On the other s
ide, non
-selected
items are retained ins
ide cart, until customer remove them manually through 清除購物車 / 移除選中商品 or customer check out them
. Only remove when order is created
. If customer go back from checkout page or payment page, or anything, as long as order is not created, dont remove them
. Currently im using restore cart way to achieve this, but everything from cart is removed currently after order created
. theres some mistake that stop me from achieving this
. I turned on feature where customer can see how many
items are ins
ide cart through the cart icon at header
. At the same time, i dont want my customer to notice that their cart is cleared and recovered before (the amount of
items in cart icon will show 0 when havent recover and the number of
items after recover)
. I dont want them to notice the change, therefore, we have to recover it fast until customer d
id not notice them
. Please be cons
iderate regarding customer that use PC because they might access my website through another tab, at there, they can see the amount of
items in cart icon
. Therefore, i want it to always show the correct amount, only remove when the order is created and maintain if the order is not created
. I dont want them to notice how it works (recovering)
2) All these
全选
刪除選中的商品
清空購物車
输入优惠券代码
应用优惠券
已选商品: 0 件，共计: RM0
.00
结算
works perfectly fine, please remain them
.
Maintaining all the layout and achieved functions
. Please check which part stopped me from achieving the selective checkout (maintain non
-selected
items ins
ide cart, only remove selected to checkout
items when order created, and dont let customer nmotice the change in their cart
. I want them to no matter access from where, either new tab, other device etc, they will see the correct
items in their cart)
For now, If i cancel the payment halfway, i am logged out when back from payment page, and when i check from other tab, non
-selected
items are removed from cart, only selected
items are still ins
ide cart
. Also, when i login back after payment page, it redirects me to pay
-only page
. Please refer how taobao cart works, and review which part is stopping me from achieve taobao cart, give me the part of code to be changed and the new code to replaced with the current one
. 
扫一扫
519
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
