Question

大家好我在我的类别页面上有这个woocommerce短代码

<div id="za_left">

<h2>Wöchentlich</h2>
<div id="za_list">[product_category category="woechentlich" per_page="55" columns="1" orderby="date" order="desc"]</div>
<div id="za_right">
[woocommerce_cart]
</div>

这会显示产品列表和开头为空的购物车。现在，在第一次点击上，该项目已添加到购物车中，但短代码未更新购物车，因此显示该项目仍为空。

enter image description here

因此右侧的购物车没有重新加载/刷新。刷新页面后，它显示了购物车，我可以添加它应该的产品。

如何在不重新加载页面的情况下刷新购物车或重新加载div？也许有人遇到过类似的问题。购物车启用了ajax。

你可以访问 http://lesezirkel-westermann.de/wordpress/zeitschriftenauswahl/ 要注意这个问题，请注意左侧现在不是css。

EDIT1： 我找到了解决方案。当购物车为空时加载cart-empty.php，这没关系，但这个php文件并没有让机会将商品加载到购物车中。

所以我将内容从cart.php复制到cart-empty.php，它现在正在运行。虽然不是一个好的解决方案。

也许有人找到了更好的一个。

Answer 1

请尝试使用2012年或其他一些其他预装主题的woocommerce

请查看以下链接

https://wordpress.org/support/topic/cart-widget-not-updating-in-woocommerce-201

https://wordpress.org/support/topic/woocommerce-update-cart-button-not-working

Answer 2

您可以在DOM上加载任何特定的div。每当添加到购物车按钮触发时，刷新购物车的特定div

$（＆＃34;＃yourSidebarCartDIv＆＃34）的负载。（＆＃39; YourUrl＆＃39）;

OR

$（＆＃34;＃yourSidebarCartDIv＆＃34;）。load（location.href +＆＃34;＃yourSidebarCartDIv＆＃34;）;

Answer 3

您可以通过构建 cart形式的woocommerce，使用来实现预期效果。

所以你的代码就是这样的：

<div id="za_left"> <h2>Wöchentlich</h2> <div id="za_list"><?php echo do_shortcode('[product_category category="woechentlich" per_page="55" columns="1" orderby="date" order="desc"]') ?></div> <div class="woocommerce"> <?php wc_print_notices(); do_action( 'woocommerce_before_cart' ); ?> <form action="<?php echo esc_url( WC()->cart->get_cart_url() ); ?>" method="post"> <?php do_action( 'woocommerce_before_cart_table' ); ?> <table class="shop_table cart" cellspacing="0"> <thead> <tr> <th class="product-remove"> </th> <th class="product-thumbnail"> </th> <th class="product-name"><?php _e( 'Product', 'woocommerce' ); ?></th> <th class="product-price"><?php _e( 'Price', 'woocommerce' ); ?></th> <th class="product-quantity"><?php _e( 'Quantity', 'woocommerce' ); ?></th> <th class="product-subtotal"><?php _e( 'Total', '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 ) ) { ?> <tr class="<?php echo esc_attr( apply_filters( 'woocommerce_cart_item_class', 'cart_item', $cart_item, $cart_item_key ) ); ?>"> <td class="product-remove"> <?php echo apply_filters( 'woocommerce_cart_item_remove_link', sprintf( '<a href="%s" class="remove" title="%s">×</a>', esc_url( WC()->cart->get_remove_url( $cart_item_key ) ), __( 'Remove this item', 'woocommerce' ) ), $cart_item_key ); ?> </td> <td class="product-thumbnail"> <?php $thumbnail = apply_filters( 'woocommerce_cart_item_thumbnail', $_product->get_image(), $cart_item, $cart_item_key ); if ( ! $_product->is_visible() ) echo $thumbnail; else printf( '<a href="%s">%s</a>', $_product->get_permalink(), $thumbnail ); ?> </td> <td class="product-name"> <?php if ( ! $_product->is_visible() ) echo apply_filters( 'woocommerce_cart_item_name', $_product->get_title(), $cart_item, $cart_item_key ); else echo apply_filters( 'woocommerce_cart_item_name', sprintf( '<a href="%s">%s</a>', $_product->get_permalink(), $_product->get_title() ), $cart_item, $cart_item_key ); // Meta data echo WC()->cart->get_item_data( $cart_item ); // Backorder notification if ( $_product->backorders_require_notification() && $_product->is_on_backorder( $cart_item['quantity'] ) ) echo '<p class="backorder_notification">' . __( 'Available on backorder', 'woocommerce' ) . '</p>'; ?> </td> <td class="product-price"> <?php echo apply_filters( 'woocommerce_cart_item_price', WC()->cart->get_product_price( $_product ), $cart_item, $cart_item_key ); ?> </td> <td class="product-quantity"> <?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->backorders_allowed() ? '' : $_product->get_stock_quantity(), 'min_value' => '0' ), $_product, false ); } echo apply_filters( 'woocommerce_cart_item_quantity', $product_quantity, $cart_item_key ); ?> </td> <td class="product-subtotal"> <?php echo apply_filters( 'woocommerce_cart_item_subtotal', WC()->cart->get_product_subtotal( $_product, $cart_item['quantity'] ), $cart_item, $cart_item_key ); ?> </td> </tr> <?php } } do_action( 'woocommerce_cart_contents' ); ?> <tr> <td colspan="6" class="actions"> <?php if ( WC()->cart->coupons_enabled() ) { ?> <div class="coupon"> <label for="coupon_code"><?php _e( 'Coupon', 'woocommerce' ); ?>:</label> <input type="text" name="coupon_code" class="input-text" id="coupon_code" value="" placeholder="<?php _e( 'Coupon code', 'woocommerce' ); ?>" /> <input type="submit" class="button" name="apply_coupon" value="<?php _e( 'Apply Coupon', 'woocommerce' ); ?>" /> <?php do_action('woocommerce_cart_coupon'); ?> </div> <?php } ?> <input type="submit" class="button" name="update_cart" value="<?php _e( 'Update Cart', 'woocommerce' ); ?>" /> <input type="submit" class="checkout-button button alt wc-forward" name="proceed" value="<?php _e( 'Proceed to Checkout', 'woocommerce' ); ?>" /> <?php do_action( 'woocommerce_proceed_to_checkout' ); ?> <?php wp_nonce_field( 'woocommerce-cart' ); ?> </td> </tr> <?php do_action( 'woocommerce_after_cart_contents' ); ?> </tbody> </table> <?php do_action( 'woocommerce_after_cart_table' ); ?> </form> <?php //do_action( 'woocommerce_after_cart' ); ?> </div>

只需粘贴即可。

让我知道输出。

Wordpress woocommerce购物车短信码未正确加载

3 个答案: