Как добавить корзину wordpress? WordPress корзина без плагина

18 Ноя
2018

НЕТ КОММЕНТАРИЕВ

Как добавить корзину wordpress? WordPress корзина без плагина

Автор : Сергей Волощенко Категории : Блог вебмастера, Советы Wordpressи теги:wordpress корзина товаров, добавить корзину wordpress, корзина на сайт wordpress, простая корзина для wordpress

Содержание:

Чтобы добавить корзину wordpress в вашу тему или в шапку сайта, вам необходимо разместить небольшой код в то место, где будет корзина и второй код в файл функций вашей темы — phunctions.php. Для того, чтобы корзина красиво отображалась добавим еще стили css.

Несколько примеров того, как это выглядит:

Первый код в желаемое место:

<div class="s-header__basket-wr woocommerce">
    <?php
    global $woocommerce; ?>
    <a href="<?php echo $woocommerce->cart->get_cart_url() ?>" class="basket-btn basket-btn_fixed-xs">
        <span class="basket-btn__label">Корзина</span>
        <span class="basket-btn__counter">(<?php echo sprintf($woocommerce->cart->cart_contents_count); ?>)</span>
    </a>
</div>

<?php

global $woocommerce; ?>

<a href="<?php echo $woocommerce->cart->get_cart_url() ?>" class="basket-btn basket-btn_fixed-xs">

<span class="basket-btn__label">Корзина</span>

<span class="basket-btn__counter">(<?php echo sprintf($woocommerce->cart->cart_contents_count); ?>)</span>

</a>

</div>

Второй код в functions.php (для обновления корзины без перезагрузки):

add_filter('add_to_cart_fragments', 'header_add_to_cart_fragment');

function header_add_to_cart_fragment( $fragments ) {
    global $woocommerce;
    ob_start();
    ?>
    <span class="basket-btn__counter">(<?php echo sprintf($woocommerce->cart->cart_contents_count); ?>)</span>
    <?php
    $fragments['.basket-btn__counter'] = ob_get_clean();
    return $fragments;
}

add_filter('add_to_cart_fragments', 'header_add_to_cart_fragment');

function header_add_to_cart_fragment( $fragments ) {

global $woocommerce;

ob_start();

<span class="basket-btn__counter">(<?php echo sprintf($woocommerce->cart->cart_contents_count); ?>)</span>

<?php

$fragments['.basket-btn__counter'] = ob_get_clean();

return $fragments;

}

Стили для вашей кнопки:

.basket-btn {
    display: inline-block;
    max-width: 100%;
    background-color: #77787b;
    font-family: sans-serif;
    font-size: 16px;
    color: white;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: 9px center;
    background-size: 25px 25px;
    background-image: url(ico-basket.png); /*иконка для вашей корзины*/
    border-radius: 20px;
    padding-left: 43px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 19px;
}

.basket-btn {

display: inline-block;

max-width: 100%;

background-color: #77787b;

font-family: sans-serif;

font-size: 16px;

color: white;

font-weight: bold;

background-repeat: no-repeat;

background-position: 9px center;

background-size: 25px 25px;

background-image: url(ico-basket.png); /*иконка для вашей корзины*/

border-radius: 20px;

padding-left: 43px;

padding-top: 12px;

padding-bottom: 12px;

padding-right: 19px;

}

Таким образом у нас получилась простая корзина для wordpress.

Как добавить корзину wordpress? WordPress корзина без плагина