购物车WP在刷新页面之前不会显示所选项目

Question

目前我正在尝试使用WooCommerce在WordPress中建立一个网上商店。有一个购物车内置，但一旦选择一个项目添加到购物车，它不会刷新自己。

但是，如果我刷新页面，它会显示该项目。有没有办法让这个购物车动态变化而不使用刷新？

var $woo_widget_cssclass;
var $woo_widget_description;
var $woo_widget_idbase;
var $woo_widget_name;

/**
 * constructor
 *
 * @access public
 * @return void
 */
function WooCommerce_Widget_Cart() {

    /* Widget variable settings. */
    $this->woo_widget_cssclass      = 'widget_shopping_cart';
    $this->woo_widget_description   = __( "Display the user's Cart in the sidebar.", 'woocommerce' );
    $this->woo_widget_idbase        = 'woocommerce_widget_cart';
    $this->woo_widget_name          = __( 'WooCommerce Cart', 'woocommerce' );

    /* Widget settings. */
    $widget_ops = array( 'classname' => $this->woo_widget_cssclass, 'description' => $this->woo_widget_description );

    /* Create the widget. */
    $this->WP_Widget( 'shopping_cart', $this->woo_widget_name, $widget_ops );
}


/**
 * widget function.
 *
 * @see WP_Widget
 * @access public
 * @param array $args
 * @param array $instance
 * @return void
 */
function widget( $args, $instance ) {
    global $woocommerce;

    extract( $args );

    if ( is_cart() || is_checkout() ) return;

    $title = apply_filters('widget_title', empty( $instance['title'] ) ? __('Cart', 'woocommerce') : $instance['title'], $instance, $this->id_base );
    $hide_if_empty = empty( $instance['hide_if_empty'] )  ? 0 : 1;

    echo $before_widget;

    if ( $title )
        echo $before_title . $title . $after_title;

    $woocommerce->mfunc_wrapper( 'woocommerce_mini_cart()', 'woocommerce_mini_cart', array( 'list_class' => $hide_if_empty ? 'hide_cart_widget_if_empty' : '' ) );

    echo $after_widget;

    if ( $hide_if_empty && sizeof( $woocommerce->cart->get_cart() ) == 0 ) {
        $woocommerce->add_inline_js( "
            jQuery('.hide_cart_widget_if_empty').closest('.widget').hide();
            jQuery('body').bind('adding_to_cart', function(){
                jQuery(this).find('.hide_cart_widget_if_empty').closest('.widget').fadeIn();
            });
        " );
    }
}


/**
 * update function.
 *
 * @see WP_Widget->update
 * @access public
 * @param array $new_instance
 * @param array $old_instance
 * @return array
 */
function update( $new_instance, $old_instance ) {
    $instance['title'] = strip_tags( stripslashes( $new_instance['title'] ) );
    $instance['hide_if_empty'] = empty( $new_instance['hide_if_empty'] ) ? 0 : 1;
    return $instance;
}


/**
 * form function.
 *
 * @see WP_Widget->form
 * @access public
 * @param array $instance
 * @return void
 */
function form( $instance ) {
    $hide_if_empty = empty( $instance['hide_if_empty'] ) ? 0 : 1;
    ?>
    <p><label for="<?php echo $this->get_field_id('title'); ?>"><?php _e('Title:', 'woocommerce') ?></label>
    <input type="text" class="widefat" id="<?php echo esc_attr( $this->get_field_id('title') ); ?>" name="<?php echo esc_attr( $this->get_field_name('title') ); ?>" value="<?php if (isset ( $instance['title'])) {echo esc_attr( $instance['title'] );} ?>" /></p>

    <p><input type="checkbox" class="checkbox" id="<?php echo esc_attr( $this->get_field_id('hide_if_empty') ); ?>" name="<?php echo esc_attr( $this->get_field_name('hide_if_empty') ); ?>"<?php checked( $hide_if_empty ); ?> />
    <label for="<?php echo $this->get_field_id('hide_if_empty'); ?>"><?php _e( 'Hide if cart is empty', 'woocommerce' ); ?></label></p>
    <?php
}

}

Answer 1

问题解决了，对于遇到同样问题的人。在你的wordpress后端转到WooCommerce>设置然后转动ajax以获得购物车功能。然后，一旦添加项目，它就会加载页面。