18 Ноя
2018
НЕТ КОММЕНТАРИЕВ2018
Как добавить корзину wordpress? WordPress корзина без плагина
Содержание:
Чтобы добавить корзину wordpress в вашу тему или в шапку сайта, вам необходимо разместить небольшой код в то место, где будет корзина и второй код в файл функций вашей темы — phunctions.php. Для того, чтобы корзина красиво отображалась добавим еще стили css.
Несколько примеров того, как это выглядит:
Первый код в желаемое место:
1 2 3 4 5 6 7 8 | <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> |
Второй код в functions.php (для обновления корзины без перезагрузки):
1 2 3 4 5 6 7 8 9 10 11 | 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; } |
Стили для вашей кнопки:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | .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.
