Есть ли способ показать мини-корзину WooCommerce на моем сайте WordPress?

Question

Я разрабатываю веб-сайт, на котором я хотел бы, чтобы клиенты могли постоянно просматривать содержимое своей корзины, чтобы они могли добавлять / удалять товары на лету (используя WooCommerce).

Тема I 'В настоящее время я использую Flatsome (с UXBuilder)

Я заметил, что есть шаблон для мини-корзины WooCommerce в woocommerce / templates / mini-cart.php.Это похоже на то, что я хочу, чтобы отображалось на моей странице

У меня есть плагин под названием WooCommerce Product Tables, который (я считаю) отображает эту мини-корзину вот так

Мне было интересно, есть ли для меня способ отобразить это как фиксированный элемент (возможно, внутри div) на моей странице?

Я довольно неопытен, поэтому любая помощь приветствуется:)

Answer 1

Сначала создайте шорткод для function.php

// Добавить шорткод

function custom_mini_cart() { 
    echo '<a href="#" class="dropdown-back" data-toggle="dropdown"> ';
    echo '<i class="fa fa-shopping-cart" aria-hidden="true"></i>';
    echo '<div class="basket-item-count" style="display: inline;">';
        echo '<span class="cart-items-count count">';
            echo WC()->cart->get_cart_contents_count();
        echo '</span>';
    echo '</div>';
    echo '</a>';
    echo '<ul class="dropdown-menu dropdown-menu-mini-cart">';
        echo '<li> <div class="widget_shopping_cart_content">';
                  woocommerce_mini_cart();
            echo '</div></li></ul>';

      }
       add_shortcode( '[custom-techno-mini-cart]', 'custom_mini_cart' );

Затем добавьте этот короткий код [custom-techno-mini-cart] в любое место на странице.

Теперь добавьте это в ваш шаблон

 <?php echo do_shortcode(['custom-techno-mini-cart']); ?>

Надеюсь, это поможет вам.

Создайте макет в соответствии с вашими требованиями в первой точке.

ДОБАВИТЬ Мне нравитсяЭто ALSo, используя This

woocommerce_mini_cart()

Answer 2

Как и Bhoomi , использование woocommerce_mini_cart(); работает, однако ajax cart не обновляет minit cart.

Используя этот метод, я предлагаю обернуть функцию mini_cart классом woocommerce "widget_shopping_cart_content"Например:

<div class="widget_shopping_cart_content"><?php woocommerce_mini_cart(); ?></div>

Таким образом, при добавлении ajax в корзину обновляется и мини-корзина.

Answer 3

Вы можете использовать woocommerce_mini_cart() везде, где хотите отобразить мини-карту.

Эта функция загружает шаблон mini-cart.php для отображения мини-корзины.