-
Posts
-
Hi. Please, how do I replace the orange “cart counter” circle with a cart icon?
https://trikego.com/it/negozio/
I would like to use the cart counter, as well as to see the number of products in the cart, also with a cart icon. I would like it to be further from the edge, perhaps the best solution would be to have it in the menu (at the moment the shop item has not yet been added to the navigation menu, ecommerce to be finalized). Thank you very much. Kind regards. Bruno
https://ibb.co/51ZMM1zHey Bruno,
Thank you for the inquiry.
The cart icon is not visible in the site. Did you modify it? You can place the cart icon beside the menu by selecting the third option in the Enfold > Shop Options > Header Shopping Cart Icon settings.
And if you want to adjust the cart icon, try to use this filter in the functions.php file.
// adjust the default icon font function avf_add_custom_icon($icons) { $icons['cart'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue85a'); return $icons; } add_filter('avf_default_icons','avf_add_custom_icon', 10, 1);Best regards,
IsmaelHi Ismael. I tried adding your suggestion in functions.php file (as last: adjust the default icon font)
—
<? php/ *
* Add your own functions here. You can also copy some of the theme functions into this file.
* WordPress will use those functions instead of the original functions then.
* /function add_custom_meta () {
?>
<meta name = “google-site-verification” content = “7LpFH1J-aPDKgNxEgLwGuRCij-Cr_F9qzEGsd3lVzmQ” />
<? php
}
add_action (‘wp_head’, ‘add_custom_meta’);
/ **
* Rename the following tabs
* /
add_filter (‘woocommerce_product_tabs’, ‘woo_rename_tabs’, 98);
function woo_rename_tabs ($ tabs) {$ tabs [‘additional_information’] [‘title’] = __ (‘Technical Sheet’); // Rename the additional information tab
return $ tabs;
/ **
* adjust the default icon font
* /
function avf_add_custom_icon ($ icons) {
$ icons [‘cart’] = array (‘font’ => ‘entypo-fontello’, ‘icon’ => ‘ue85a’);
return $ icons;
}
add_filter (‘avf_default_icons’, ‘avf_add_custom_icon’, 10, 1);}
—
but it gives me error:
“Scrape key check failed. Please try again.”
https://ibb.co/PZnMqk1I added the shop button but the problem is that buying a product does not show the cart icon, but a circle with the number of purchases in the cart: how do I replace the circular icon with a nice “cart” icon ?
https://ibb.co/zbtfWXrThanks for your support. Best regards. Bruno
Hi,
Thank you for the update.
The icon is not visible because it has the same color as the background. Please add this css code to adjust the color of the cart icon and make it visible.
.header_color .cart_dropdown .dropdown_widget li a, #top .header_color .avia_cart_buttons .button, #top .header_color .dropdown_widget .buttons .button, .header_color .cart_dropdown_first .cart_dropdown_link, #top .header_color p.order-info mark { color: red; }Best regards,
Ismael
- The topic ‘Replace cart counter with icon’ is closed to new replies.