Cart
.php
<?php
/**
* Custom Cart Page for WooCommerce with Selective Checkout
* RECOMMENDED LOCATION (Woo override
):
* /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'
);
// Provide tiny context for JS (invisible; no layout change
)
$pc_cart_is_empty = WC(
)->cart->is_empty(
);
function pc_uid_for_view(
) {
if (is_user_logged_in(
)) return 'user_'
. get_current_user_id(
);
if (empty(
$_COOKIE['pc_cart_uid']
)) {
$token = wp_generate_uuid4(
);
setcookie('pc_cart_uid',
$token, time(
) + YEAR_IN_SECONDS, COOKIEPATH ?
: '/', '', is_ssl(
), false
);
$_COOKIE['pc_cart_uid'] =
$token;
}
return 'guest_'
. sanitize_text_field(wp_unslash(
$_COOKIE['pc_cart_uid']
));
}
$pc_uid = pc_uid_for_view(
);
?>
<div class="cart-page-section container" style="max-width
: 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="width
: 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_individually(
) ) :
$product_quantity = sprintf('1 <input type="hidden" 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 solid #ddd; max-width
: 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; width
: 200px; border
: 1px solid #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 {
width
: 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 solid #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 {
width
: 8%;
text-align
: center;
vertical-align
: middle;
white-space
: nowrap;
}
.cart-page-section table
.cart td
.product-info {
width
: 37%;
vertical-align
: top;
}
.cart-page-section table
.cart
.product-info
.product-image {
float
: left;
margin-right
: 15px;
width
: 100px;
height
: 100px;
}
.cart-page-section table
.cart
.product-info
.product-image img {
max-width
: 100%;
height
: auto;
display
: block;
}
.cart-page-section table
.cart
.product-info
.product-name {
overflow
: hidden;
}
.cart-page-section table
.cart td
.product-price,
.cart-page-section table
.cart td
.product-quantity,
.cart-page-section table
.cart td
.product-subtotal {
width
: 15%;
vertical-align
: middle;
}
.cart-page-section table
.cart td
.product-remove {
width
: 5%;
text-align
: center;
vertical-align
: middle;
}
.cart-footer-actions {
position
: sticky;
bottom
: 0;
background
: #fff;
padding
: 15px;
border-top
: 1px solid #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;
width
: 200px;
border
: 1px solid #ddd;
border-radius
: 4px;
transition
: border-color 0
.3s;
}
#coupon_code
:focus {
border-color
: #2196F3;
outline
: none;
}
@media (max-width
: 768px
) {
.cart-page-section table
.cart thead { display
: none; }
.cart-page-section table
.cart td {
display
: block;
width
: 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 { width
: 100%; justify-content
: space-between; }
.coupon-section { width
: 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 { width
: 100%; padding
: 15px; }
.cart-footer-actions
.button { padding
: 12px 15px; margin
: 5px 0; width
: 100%; text-align
: center; }
}
@media (max-width
: 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 { width
: 100%; }
}
<style>
/* 添加加载动画样式 */
.quantity-saving-overlay {
position
: absolute;
top
: 0;
left
: 0;
width
: 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 {
width
: 24px;
height
: 24px;
border
: 3px solid #f3f3f3;
border-top
: 3px solid #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_uid
: '<?php echo esc_js(
$pc_uid
); ?>'
};
// Keys
function lsKey(name
){ return 'pc_' + name + '_' + PC
.cart_uid; }
var LS_SELECTION = lsKey('
selected_items'
);
var LS_MASTER = lsKey('cart_master'
);
// Utilities
function get
SelectedKeys(
){
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
.setItem(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(
); update
SelectedSummary(
); }
}
);
//
Selected summary
function update
SelectedSummary(
){
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(get
SelectedKeys(
));
}
// 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
);
update
SelectedSummary(
);
}
);
$(document
).on('change', '
.item-checkbox', update
SelectedSummary
);
// Snapshot cart DOM -> localStorage (guest resilience
)
function snapshotCartFromDOM(
) {
var items = [];
$('tr
.cart_item'
).each(function(
){
var
$row =
$(this
);
var pid = parseInt(
$row
.attr('data-product_id'
),10
)||0;
var vid = 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 (pid && qty > 0
) {
items
.push({ product_id
: pid, variation_id
: vid, variation
: variation, quantity
: qty }
);
}
}
);
try { localStorage
.setItem(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 = get
SelectedKeys(
);
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
.removeItem(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'
).hide(
);
// 设置新的定时器
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
);
update
SelectedSummary(
);
}
// 数量为0时移除商品行
if (val === 0 || res
.data
.removed
) {
row
.fadeOut(300, function(
){
$(this
).remove(
);
snapshotCartFromDOM(
);
update
SelectedSummary(
);
}
);
} 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'
).hide(
);
$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 = get
SelectedKeys(
);
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(
);
update
SelectedSummary(
);
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_uid(
) {
if (is_user_logged_in(
)) {
return 'user_'
. get_current_user_id(
);
}
if (empty(
$_COOKIE['pc_cart_uid']
)) {
$token = wp_generate_uuid4(
);
setcookie('pc_cart_uid',
$token, time(
) + YEAR_IN_SECONDS, COOKIEPATH ?
: '/', '', is_ssl(
), false
);
$_COOKIE['pc_cart_uid'] =
$token;
}
return 'guest_'
. sanitize_text_field(wp_unslash(
$_COOKIE['pc_cart_uid']
));
}
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
) {
$pid = isset(
$ci['product_id']
) ? (int
)$ci['product_id']
: 0;
$vid = 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 (
$pid &&
$qty > 0
) {
$items[] = array(
'product_id' =>
$pid,
'variation_id' =>
$vid,
'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
) {
$pid = isset(
$it['product_id']
) ? (int
)$it['product_id']
: 0;
$vid = 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 (
$pid &&
$qty > 0
) {
WC(
)->cart->add_to_cart(
$pid,
$qty,
$vid,
$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' => 'Invalid 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
) {
$pid = isset(
$it['product_id']
) ? (int
)$it['product_id']
: 0;
$vid = 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 (
$pid &&
$qty > 0
) {
WC(
)->cart->add_to_cart(
$pid,
$qty,
$vid,
$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;
}
$pid = (int
)$ci['product_id'];
$vid = (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 (
$pid &&
$qty > 0
) {
$selected[] = array(
'product_id' =>
$pid,
'variation_id' =>
$vid,
'variation' =>
$var,
'quantity' =>
$qty,
);
}
}
if (empty(
$selected)) {
wp_send_json_error(array('message' => __('没有可结算的商品', 'woocommerce'
)), 400
);
}
$token = wp_generate_uuid4(
);
$payload = array(
'uid' => pc_get_cart_uid(
),
'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', rawurlencode(
$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 pid|vid => qty
$purchased = array(
);
foreach (
$order->get_items('line_item'
) as
$item
) {
$pid = (int
)$item->get_product_id(
);
$vid = (int
)$item->get_variation_id(
);
$qty = (int
)$item->get_quantity(
);
$k = pc_build_item_key(
$pid,
$vid
);
if (!isset(
$purchased[
$k]
)) $purchased[
$k] = 0;
$purchased[
$k] +=
$qty;
}
// Remainder = snapshot - purchased
$remainder = array(
);
foreach (
$payload['snapshot'] as
$it
) {
$pid = (int
)$it['product_id'];
$vid = (int
)$it['variation_id'];
$qty = wc_stock_amount(
$it['quantity']
);
$var = isset(
$it['variation']
) ?
$it['variation']
: array(
);
$k = pc_build_item_key(
$pid,
$vid
);
$take = isset(
$purchased[
$k]
) ? (int
)$purchased[
$k]
: 0;
$left = max(0,
$qty -
$take
);
if (
$left > 0
) {
$remainder[] = array(
'product_id' =>
$pid,
'variation_id' =>
$vid,
'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 side
) 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 side, non-
selected items are retained inside 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 inside 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 did not notice them
. Please be considerate 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 inside 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 inside 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
. 
本文详细介绍了使用jQuery处理多选下拉框时遇到的全选问题及其解决方法，包括IE11和Firefox26的兼容性问题。通过对比jQuery方法与JavaScript原生操作，阐述了为何在某些情况下使用jQuery全选操作可能导致源码错误，而使用纯JavaScript可以避免这一问题，并提供了具体的实现代码。
扫一扫
1355
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
