Please 2x check, this is my full code in cart.php
<?php
defined('ABSPATH') || exit;
do_action('woocommerce_before_cart'); ?>
<style>
.cart-container {
max-width: 1024px;
margin: 0 auto;
padding: 20px;
}
.cart-footer {
position: sticky;
bottom: 0;
background: white;
padding: 15px;
border-top: 1px solid #ddd;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
}
.cart-footer-left {
display: flex;
align-items: center;
gap: 15px;
}
.cart-footer-right {
display: flex;
align-items: center;
gap: 15px;
}
.selected-info {
font-weight: bold;
}
.checkout-btn {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
font-weight: bold;
}
.cart-actions {
margin: 20px 0;
display: flex;
gap: 10px;
}
.action-btn {
padding: 8px 15px;
background: #f1f1f1;
border: 1px solid #ddd;
border-radius: 4px;
cursor: pointer;
}
.action-btn:hover {
background: #e9e9e9;
}
</style>
<div class="cart-container">
<form class="woocommerce-cart-form" action="<?php echo esc_url(wc_get_cart_url()); ?>" method="post">
<?php do_action('woocommerce_before_cart_table'); ?>
<table class="shop_table shop_table_responsive cart woocommerce-cart-form__contents" cellspacing="0">
<thead>
<tr>
<th class="product-select"><input type="checkbox" id="select-all"></th>
<th class="product-name"><?php esc_html_e('Product', 'woocommerce'); ?></th>
<th class="product-attributes"><?php esc_html_e('Attributes', '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('Action', 'woocommerce'); ?></th>
</tr>
</thead>
<tbody>
<?php do_action('woocommerce_before_cart_contents'); ?>
<?php
foreach (WC()->cart->get_cart() as $cart_item_key => $cart_item) {
$_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);
?>
<tr class="woocommerce-cart-form__cart-item <?php echo esc_attr(apply_filters('woocommerce_cart_item_class', 'cart_item', $cart_item, $cart_item_key)); ?>">
<!-- 选择框 -->
<td class="product-select">
<input type="checkbox" name="selected_items[]" value="<?php echo $cart_item_key; ?>" class="item-checkbox">
</td>
<!-- 商品图片和名称 -->
<td class="product-name" data-title="<?php esc_attr_e('Product', 'woocommerce'); ?>">
<?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.
}
?>
<div class="product-info">
<?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));
}
do_action('woocommerce_after_cart_item_name', $cart_item, $cart_item_key);
// Meta data.
echo wc_get_formatted_cart_item_data($cart_item); // PHPCS: XSS ok.
// Backorder notification.
if ($_product->backorders_require_notification() && $_product->is_on_backorder($cart_item['quantity'])) {
echo wp_kses_post(apply_filters('woocommerce_cart_item_backorder_notification', '<p class="backorder_notification">' . esc_html__('Available on backorder', 'woocommerce') . '</p>', $product_id));
}
?>
</div>
</td>
<!-- 商品参数 -->
<td class="product-attributes" data-title="<?php esc_attr_e('Attributes', 'woocommerce'); ?>">
<?php
// 显示自定义属性
$attributes = $_product->get_attributes();
if ($attributes) {
foreach ($attributes as $attribute) {
if ($attribute->get_visible()) {
echo '<div>'.wc_attribute_label($attribute->get_name()).': ';
$values = array();
if ($attribute->is_taxonomy()) {
$attribute_taxonomy = $attribute->get_taxonomy_object();
$attribute_values = wc_get_product_terms($product_id, $attribute->get_name(), array('fields' => 'all'));
foreach ($attribute_values as $attribute_value) {
$value_name = esc_html($attribute_value->name);
$values[] = $value_name;
}
} else {
$values = $attribute->get_options();
foreach ($values as &$value) {
$value = esc_html($value);
}
}
echo apply_filters('woocommerce_attribute', wptexturize(implode(', ', $values)), $attribute, $values);
echo '</div>';
}
}
}
?>
</td>
<!-- 单价 -->
<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>
<!-- 数量 -->
<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
);
}
echo apply_filters('woocommerce_cart_item_quantity', $product_quantity, $cart_item_key, $cart_item); // PHPCS: XSS ok.
?>
</td>
<!-- 小计 -->
<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>
<!-- 移除按钮 -->
<td class="product-remove">
<?php
echo apply_filters( // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
'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_html__('Remove this item', 'woocommerce'),
esc_attr($product_id),
esc_attr($_product->get_sku())
),
$cart_item_key
);
?>
</td>
</tr>
<?php
}
}
?>
<?php do_action('woocommerce_cart_contents'); ?>
<tr>
<td colspan="7" class="actions">
<div class="cart-actions">
<button type="button" class="action-btn" id="remove-selected"><?php esc_html_e('Delete Selected', 'woocommerce'); ?></button>
<button type="button" class="action-btn" id="clear-cart"><?php esc_html_e('Clear Cart', 'woocommerce'); ?></button>
</div>
<?php if (wc_coupons_enabled()) { ?>
<div class="coupon">
<label for="coupon_code"><?php esc_html_e('Coupon:', 'woocommerce'); ?></label>
<input type="text" name="coupon_code" class="input-text" id="coupon_code" value="" placeholder="<?php esc_attr_e('Coupon code', 'woocommerce'); ?>" />
<button type="submit" class="button" name="apply_coupon" value="<?php esc_attr_e('Apply coupon', 'woocommerce'); ?>"><?php esc_attr_e('Apply coupon', 'woocommerce'); ?></button>
<?php do_action('woocommerce_cart_coupon'); ?>
</div>
<?php } ?>
<button type="submit" class="button" name="update_cart" value="<?php esc_attr_e('Update cart', 'woocommerce'); ?>"><?php esc_html_e('Update cart', 'woocommerce'); ?></button>
<?php do_action('woocommerce_cart_actions'); ?>
<?php wp_nonce_field('woocommerce-cart', 'woocommerce-cart-nonce'); ?>
</td>
</tr>
<?php do_action('woocommerce_after_cart_contents'); ?>
</tbody>
</table>
<?php do_action('woocommerce_after_cart_table'); ?>
</form>
<!-- 底部固定栏 -->
<div class="cart-footer">
<div class="cart-footer-left">
<input type="checkbox" id="footer-select-all">
<label for="footer-select-all"><?php esc_html_e('Select all', 'woocommerce'); ?></label>
</div>
<div class="cart-footer-right">
<div class="selected-info">
<?php esc_html_e('Selected items:', 'woocommerce'); ?>
<span id="selected-count">0</span>
<?php esc_html_e('Total:', 'woocommerce'); ?>
<span id="selected-total">RM0.00</span>
</div>
<button type="button" class="checkout-btn" id="partial-checkout">
<?php esc_html_e('Proceed to checkout', 'woocommerce'); ?>
</button>
</div>
</div>
<?php do_action('woocommerce_before_cart_collaterals'); ?>
<div class="cart-collaterals">
<?php
/**
* Cart collaterals hook.
*
* @hooked woocommerce_cross_sell_display
* @hooked woocommerce_cart_totals - 10
*/
do_action('woocommerce_cart_collaterals');
?>
</div>
</div>
<?php do_action('woocommerce_after_cart'); ?>
<script>
jQuery(document).ready(function($) {
// 全选功能
$('#select-all, #footer-select-all').change(function() {
$('.item-checkbox').prop('checked', this.checked);
updateSelectedInfo();
});
// 更新选中商品信息
function updateSelectedInfo() {
let selectedCount = $('.item-checkbox:checked').length;
let total = 0;
$('.item-checkbox:checked').each(function() {
let itemKey = $(this).val();
let subtotal = $('tr.cart_item').has(this).find('.product-subtotal .amount').html();
if (subtotal) {
total += parseFloat(subtotal.replace(/[^\d.-]/g, ''));
}
});
$('#selected-count').text(selectedCount);
$('#selected-total').text('RM' + total.toFixed(2));
}
// 初始更新
updateSelectedInfo();
// 监听单个商品选择
$('.item-checkbox').change(updateSelectedInfo);
// 删除选中商品
$('#remove-selected').click(function() {
let selectedItems = [];
$('.item-checkbox:checked').each(function() {
selectedItems.push($(this).val());
});
if (selectedItems.length === 0) {
alert('<?php esc_html_e("Please select items to remove", "woocommerce"); ?>');
return;
}
if (confirm('<?php esc_html_e("Are you sure you want to remove the selected items?", "woocommerce"); ?>')) {
$.each(selectedItems, function(index, itemKey) {
$.ajax({
type: 'POST',
url: wc_cart_params.ajax_url,
data: {
action: 'woocommerce_remove_cart_item',
cart_item_key: itemKey,
security: wc_cart_params.remove_item_nonce
},
success: function(response) {
$(document.body).trigger('wc_fragment_refresh');
}
});
});
}
});
// 清空购物车
$('#clear-cart').click(function() {
if (confirm('<?php esc_html_e("Are you sure you want to clear your cart?", "woocommerce"); ?>')) {
$.ajax({
type: 'POST',
url: wc_cart_params.ajax_url,
data: {
action: 'woocommerce_clear_cart',
security: wc_cart_params.nonce
},
success: function(response) {
$(document.body).trigger('wc_fragment_refresh');
}
});
}
});
// 部分结算点击处理 - 安全版本
$('#partial-checkout').click(function() {
let $btn = $(this);
let selectedItems = $('.item-checkbox:checked').map(function() {
return $(this).val();
}).get();
if (selectedItems.length === 0) {
alert(<?php echo json_encode(__("Please select at least one item to checkout", "woocommerce")); ?>);
return;
}
// 添加加载指示器
$btn.prop('disabled', true).html(<?php echo json_encode(__("Processing...", "woocommerce")); ?>);
// 使用AJAX保存原始购物车状态
$.ajax({
type: 'POST',
url: wc_cart_params.ajax_url,
data: {
action: 'wc_save_original_cart',
security: wc_cart_params.nonce
},
success: function() {
// 创建临时表单提交
$('<form>', {
'method': 'post',
'action': '<?php echo esc_url(wc_get_checkout_url()); ?>'
}).append($('<input>', {
'type': 'hidden',
'name': 'selected_cart_items',
'value': JSON.stringify(selectedItems)
})).appendTo('body').submit();
},
error: function() {
alert(<?php echo json_encode(__("An error occurred. Please try again.", "woocommerce")); ?>);
$btn.prop('disabled', false).html(<?php echo json_encode(__("Proceed to checkout", "woocommerce")); ?>);
},
complete: function() {
// 添加超时恢复按钮状态
setTimeout(function() {
$btn.prop('disabled', false).html(<?php echo json_encode(__("Proceed to checkout", "woocommerce")); ?>);
}, 5000);
}
});
});
});
</script>
this is my full code in functions.php
// 添加清空购物车功能
add_action('wp_ajax_woocommerce_clear_cart', 'woocommerce_clear_cart');
add_action('wp_ajax_nopriv_woocommerce_clear_cart', 'woocommerce_clear_cart');
function woocommerce_clear_cart() {
// 修正 nonce 验证
if (!isset($_POST['security']) || !wp_verify_nonce($_POST['security'], 'woocommerce-cart-nonce')) {
wp_send_json_error('Invalid nonce');
}
WC()->cart->empty_cart();
wp_send_json_success();
}
// 处理部分结算 - 最终版
add_action('template_redirect', 'handle_partial_checkout');
function handle_partial_checkout() {
// 仅在进入结算页面时处理
if (is_checkout() && !is_wc_endpoint_url('order-received') && isset($_POST['selected_cart_items'])) {
$selected_items = json_decode(stripslashes($_POST['selected_cart_items']), true);
if (!empty($selected_items) && is_array($selected_items)) {
// 保存原始购物车到用户元数据(更持久)
if (is_user_logged_in()) {
$user_id = get_current_user_id();
update_user_meta($user_id, 'wc_original_cart', WC()->cart->get_cart_for_session());
} else {
WC()->session->set('wc_original_cart', WC()->cart->get_cart_for_session());
}
// 设置临时购物车标记
WC()->session->set('wc_partial_checkout', true);
// 创建新购物车只包含选中商品
$new_cart = [];
foreach ($selected_items as $item_key) {
if (isset(WC()->cart->cart_contents[$item_key])) {
$new_cart[$item_key] = WC()->cart->cart_contents[$item_key];
}
}
// 更新购物车
WC()->cart->cart_contents = $new_cart;
// 确保持久化存储更新
WC()->cart->persistent_cart_update();
WC()->cart->set_session();
WC()->cart->calculate_totals();
}
}
}
// 订单完成后恢复原始购物车
add_action('woocommerce_checkout_order_processed', 'restore_original_cart_after_order', 10, 3);
function restore_original_cart_after_order($order_id, $posted_data, $order) {
if (WC()->session->get('wc_partial_checkout')) {
restore_original_cart();
}
}
// 用户放弃结算时恢复购物车
add_action('template_redirect', 'maybe_restore_cart_on_cart_page');
function maybe_restore_cart_on_cart_page() {
if (is_cart() && WC()->session->get('wc_partial_checkout')) {
restore_original_cart();
}
}
// 通用恢复函数 - 增强版
function restore_original_cart() {
$original_cart = null;
// 尝试从用户元数据获取
if (is_user_logged_in()) {
$user_id = get_current_user_id();
$original_cart = get_user_meta($user_id, 'wc_original_cart', true);
delete_user_meta($user_id, 'wc_original_cart');
}
// 尝试从会话获取
else {
$original_cart = WC()->session->get('wc_original_cart');
WC()->session->set('wc_original_cart', null);
}
// 确保有有效的购物车数据
if ($original_cart && is_array($original_cart) && !empty($original_cart)) {
WC()->cart->cart_contents = $original_cart;
WC()->session->set('wc_partial_checkout', false);
// 关键步骤:更新会话和持久化存储
WC()->cart->persistent_cart_update();
WC()->cart->set_session();
WC()->cart->calculate_totals();
// 强制刷新购物车
WC()->cart->get_cart_from_session();
}
}
// 保存原始购物车状态 - 修正版
add_action('wp_ajax_wc_save_original_cart', 'wc_save_original_cart');
add_action('wp_ajax_nopriv_wc_save_original_cart', 'wc_save_original_cart');
function wc_save_original_cart() {
// 修正 nonce 验证
if (!isset($_POST['security']) || !wp_verify_nonce($_POST['security'], 'woocommerce-cart-nonce')) {
wp_send_json_error('Invalid nonce');
}
// 保存原始购物车
if (is_user_logged_in()) {
$user_id = get_current_user_id();
update_user_meta($user_id, 'wc_original_cart', WC()->cart->get_cart_for_session());
} else {
WC()->session->set('wc_original_cart', WC()->cart->get_cart_for_session());
}
wp_send_json_success();
}
Correct?
最新发布