Change card icon
-
Hi,
Is it possible to replace the card icon in header by my own image ? with CSS ?
thanks
-
Hey @pipoulito,
It’s not possible to replace it with CSS because it’s an SVG inline icon.But we will add the possibility of uploading custom icons in the near future, so stay tuned π
Cheers.
Cool, as i need to show my demo these days, do you know if it will be soon ?
thanksNo, it won’t be really soon, we have other more important tasks to do at the moment.
By the way, what cart icon you want to show instead of those 3 that are already available?
Please show an example.
ok thanks , this is the kind of image:
https://entre-soeurs.com/wp-content/uploads/2020/12/Fichier-3@2x.pngHey @pipoulito, we could add something like this in the next update.
What do you think?
Hey,
Thanks but sorry because my client want this specific icon so i am going to find a way to change it with CSS, i hope it is possible. I used to do this using Hello Theme but code is not the same here…
Got you, then you will have to wait until we add the Upload Custom Icon functionality π
ok thanks…
With Hello Theme i use this code CSS, would you have an idea for Blocksy please ?.elementor-widget-woocommerce-menu-cart.toggle-icon–bag-medium .elementor-menu-cart__toggle .elementor-button-icon i::before {
content: url(https://urldfile/panier.svg);
transform: scale(1.6);
}
.elementor-widget-woocommerce-menu-cart.toggle-icon–bag-medium .elementor-menu-cart__toggle .elementor-button-icon i::before {
display: block;
}Hey @pipoulito,
No, this won’t work as the SVG icon is placed inline and it is not outputted from CSS.hi,
thanks so i am going to try to modify it in you php, could you just please tell me which file is involved ?Hi @pipoulito,
Since this is involving editing main theme files, your change will be lost on the next update. For that to avoid, we need to introduce a filter for editing the SVG icons from code. This filter will be called
blocksy:header:cart:icons.To use this filter now, please follow these steps:
1. Update the
inc/panel-builder/header/cart/view.phpwith the contents from here: https://gist.github.com/andreiglingeanu/c4338fe47c0bc14fc8db953891fe2c89
2. Add this code in your child theme’sfunctions.phpto update the icons: https://gist.github.com/andreiglingeanu/f156bfe38ff6dec03ef06e870c571bd7Hope this helps!
Hi,
Thanks a lot , this is a great help !
It works but not when the car is empty where i have the old icon.
Can i manage the size ?By the way i tried to put view.php in child theme but it did not work.
Thanks a lot
It works now maybe a cache problem , thanks Γ lot !!
last thing please π
is it possible to move ct-cart-total on the right of the cart icon ?@pipoulito try to do that with some custom CSS.
Sorry but we don’t provide customization services.
The topic ‘Change card icon’ is closed to new replies.
