Unverified
WooCommerce Custom My Account Navigation Tab Icons
You may wish to replace the default My Account Navigation Link icons with icons which are more appropriate and inline with your business branding. In our example, we have replaced the dashboard icon ( ) with a lightbulb icon ( ). To replace the icons, follow the steps in this quick guide. Get the Unicode for the Icon you want Head to Font Awesome and grab the unicode for the icon <img width="655" height="776" src="https:
HTML
Voted: 0 by 0 user(s)
Identify the li class link name and replace the necessary class in the code. Then, add the custom CSS to the My Account page.
The author has provided the following URL that may be helpful to setting up or using this snippet:
https://www.ecommercehints.com/woocommerce-custom-my-account-navigation-tab-iconsScroll down to see more snippets from this codevault.
The author has indicated that this snippet is compatable up to wordpress version: 6.1
Free & Pro
Download this snippet by clicking the download button, then head over to the Code Snippet Plugin settings in your wordpress admin dashboard, select the import menu then upload this file to import into your wordpress site.
Pro Only (Coming Soon)
You will be able to click a button and sync this snippet to your wordpress site automatically and from your dashboard manage all code snippets across all your wordpress sites that have the Code Snippets Pro plugin installed.
Last modified:
14/11/2022
This snippet has the following status:
Unverified
This snippet has not been verified, use with caution and at your own risk. See details provided by author in sidebar and click below to find out more.
0
Please see some snippets below related to this snippet..
WooCommerce
AI Verified
Added: 1 year ago
Last Updated: 1 year ago
Asking users to subscribe to your emails on the checkout page is the perfect place to begin remarketing your store and products to advocates. A paying customer doesn’t need as much convincing to buy a...
WooCommerce
AI Verified
Added: 7 months ago
Last Updated: 7 months ago
Removes the field labels in favour of placeholders in all text fields of the checkout process
WooCommerce
AI Verified
Added: 8 months ago
Last Updated: 8 months ago
Display the remaining amount for free shipping in the cart.
These are some popular snippets from this users codevault..
WooCommerce
AI Verified
Added: 1 year ago
Last Updated: 1 day ago
We want to make this solution absolutely clear from the outset. This snippet does NOT generate the actual number of people viewing the product. It shows a randomly generated number in the range of two...
WooCommerce
AI Verified
Added: 1 year ago
Last Updated: 2 days ago
Showing the number of product units sold on the single product page is a great way to introduce Fear Of Missing Out (FOMO). You can highlight how many products are sold to let customers know a product...
WooCommerce
AI Verified
Added: 1 year ago
Last Updated: 1 day ago
How many times have you bought something online and seen trust symbols near the proceed to checkout button on the cart page? “30 Day Money Back Guarantee” or “Secure Checkout” are popular examples. By...
Category
Snippet Status