Rise Company
12-06-2023, 19:17
ووردبريس WordPress ووكومرس WooCommerce وضع / تغيير ايقونة Add To Cart
CSS Snippet: Add an Icon to the Add to Cart Buttons – WooCommerce
Changing the WooCommerce Cart Icon - Woocommerce cart icon class
Change shopping cart icon
https://www.rise.company/forum/images/imported/2023/06/2.png
If you want a better range of icons, Storefront theme already uses a library of icons from FontAwesome (https://fontawesome.com/) to print special icons on the screen. If your theme doesn’t support FontAwesome, you can simply add a script in the header to load the special font.
In this example, I wish to add a “Shopping Cart +” icon provided by Fontawesome, which comes with a code “\f217”.
button.single_add_to_cart_button:before {
display: inline-block;
font-family: FontAwesome;
float: left;
content: "\f217";
font-weight: 300;
margin-right: 1em;
}
المرجع:
https://www.businessbloomer.com/woocommerce-add-icon-add-cart-buttons/
CSS Snippet: Add an Icon to the Add to Cart Buttons – WooCommerce
Changing the WooCommerce Cart Icon - Woocommerce cart icon class
Change shopping cart icon
https://www.rise.company/forum/images/imported/2023/06/2.png
If you want a better range of icons, Storefront theme already uses a library of icons from FontAwesome (https://fontawesome.com/) to print special icons on the screen. If your theme doesn’t support FontAwesome, you can simply add a script in the header to load the special font.
In this example, I wish to add a “Shopping Cart +” icon provided by Fontawesome, which comes with a code “\f217”.
button.single_add_to_cart_button:before {
display: inline-block;
font-family: FontAwesome;
float: left;
content: "\f217";
font-weight: 300;
margin-right: 1em;
}
المرجع:
https://www.businessbloomer.com/woocommerce-add-icon-add-cart-buttons/