0

Подскажите, как настроить добавление товара в корзину с помощью ajax?
В магазине на основе плагина woocommerce используются стандартные шаблоны на всех страницах, а именно archive-product.php и для вывода товара content-product.php.
Других плагинов не установлено! В шапке есть такой код, который показывает количество товаров в корзине:

<!DOCTYPE html>
<html <?php language_attributes(); ?> class="no-js">
<head>
    <title><?php wp_title();?> | <?php bloginfo('name'); ?></title>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>

<div class="top-cart">
    <ul>
        <li>
            <a href="<?php echo wc_get_cart_url(); ?>">
                <span class="cart-icon"><i class="fa fa-shopping-cart"></i></span>
                <span class="cart-total">
                    <span class="cart-title"><?php _e( 'Cart', 'woocommerce' ); ?></span>
                    <span class="cart-item"><?php echo sprintf ( _n( '%d item', '%d items', WC()->cart->get_cart_contents_count() ), WC()->cart->get_cart_contents_count() ); ?>- </span>
                    <span class="top-cart-price"><?php echo WC()->cart->get_cart_total(); ?></span>
                </span>
            </a>
        </li>
    </ul>
</div>

При нажатии на кнопку "Добавить в корзину" на одном из товаров, этот товар добавляется в корзину, но в шапке это изменение не видно. А если перезагрузить страницу, тогда в шапке видно, что количество товаров прибавилось на единицу.
Как сделать, чтобы при нажатии на "Добавить в корзину" в шапке было сразу видно, что количество увеличилось на один товар с помощью ajax?
Нужно ли что-то прописывать в файле functions.php для ajax?

2
  • у кого какие идеи? Есть какие-то предположения или нет?
    – word
    22 мар 2017 в 14:25
  • Так кто-то подскажет по данному вопросу?
    – word
    26 мар 2017 в 10:06

2 ответа 2

1

Есть плагин - WooCommerce Menu Cart. Проще всего убрать свой код из шапки и использовать этот плагин.

16
  • а есть плагин, чтобы корзина установилась с нужными стилями, соответствующими стилям темы?
    – word
    31 мар 2017 в 11:28
  • Нет, конечно. Потому что никто не знает, какие там стили у темы. 31 мар 2017 в 11:30
  • в этом плагине нельзя расположить корзину в нужном месте и с нужными стилями
    – word
    31 мар 2017 в 11:30
  • а смысл тогда в этом плагине?
    – word
    31 мар 2017 в 11:30
  • Все можно - правьте css на здоровье. 31 мар 2017 в 11:30
1

Может кому пригодится:

add_filter( 'woocommerce_add_to_cart_fragments', 'woocommerce_header_add_to_cart_fragment' );
function woocommerce_header_add_to_cart_fragment( $fragments ) {
    ob_start(); ?>
    <a class="cart-contents" href="<?php echo wc_get_cart_url(); ?>" title="<?php _e( 'View your shopping cart' ); ?>"><?php echo sprintf (_n( '%d item', '%d items', WC()->cart->get_cart_contents_count() ), WC()->cart->get_cart_contents_count() ); ?> - <?php echo WC()->cart->get_cart_total(); ?></a>
    <?php
    $fragments['a.cart-contents'] = ob_get_clean();
    return $fragments;
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.