Want to add a cart icon to the Divi header when using Easy Digital Downloads? Here's how to do it.
Simply add the following PHP code to your site:
// Add EDD cart icon and quantity to header menu
function dbc_add_menu_items($items, $args) {
if ($args->theme_location !== 'primary-menu') return $items;
if (function_exists('edd_is_checkout') && edd_is_checkout()) return $items;
if (!function_exists('edd_get_checkout_uri') || !function_exists('edd_get_cart_quantity')) return $items;
if ( $qty = edd_get_cart_quantity() ) {
$items = $items . '<li id="cart-menu-item"><a href="' . edd_get_checkout_uri(). '" title="Checkout"><span>Checkout</span></a></li>';
$items = $items . '<span id="header-cart" class="edd-cart-quantity">' . edd_get_cart_quantity() . '</span>';
}
return $items;
}
add_filter('wp_nav_menu_items', 'dbc_add_menu_items', 10, 2);
function dbc_cart_icon_css() { ?>
<style>
#cart-menu-item a:before {
font-family: 'ETModules';
content: '\e07a';
}
#cart-menu-item {
padding-right: 4px !important;
}
#cart-menu-item a span {
display: none;
}
.edd-cart-quantity {
vertical-align: super !important;
font-size: smaller;
}
#cart-menu-item a:before,
.edd-cart-quantity {
color: red !important;
}
#mobile_menu #cart-menu-item,
#mobile_menu #header-cart {
display: none;
}
</style>
<?php
}
add_action('wp_head', 'dbc_cart_icon_css');
Related Post: Adding PHP to the Divi Theme
This code is based on a snippet shared by Isabel Castillo. I've customized it a bit to suit Divi and to avoid showing when the cart is empty or you're on the checkout page.
0 Comments