Unverified

Name

WooCommerce Custom My Account Navigation Tab Icons

About

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:

Language

HTML

Rating

Voted: 0 by 0 user(s)

How to Setup Snippet

Identify the li class link name and replace the necessary class in the code. Then, add the custom CSS to the My Account page.

Link for further information:

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-icons

Codevault

ecommercehints

Scroll down to see more snippets from this codevault.

Wordpress Compatability

The author has indicated that this snippet is compatable up to wordpress version: 6.1

Code Snippet Plugin Sync

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.

Website/ Profile URL:

https://www.ecommercehints.com/

History

Last modified:

14/11/2022

Important Note

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.

WooCommerce Custom My Account Navigation Tab Icons

 
                    
1woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link--dashboard // Dashboard
2woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link--orders // Orders
3woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link--downloads // Downloads
4woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link--edit-address // Addresses
5woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link--edit-account // Account Details
6woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link--customer-logout // Logout

0

Related Snippets

Please see some snippets below related to this snippet..

WooCommerce

AI Verified

0

WooCommerce Subscribe To Emails Checkbox On Checkout

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

0

WooCommerce - remove checkout field labels

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

0

Display the Remaining Amount for Free Shipping in the Cart

Added: 8 months ago

Last Updated: 8 months ago

Display the remaining amount for free shipping in the cart.

Other Snippets in this Codevault

These are some popular snippets from this users codevault..

WooCommerce

AI Verified

6

WooCommerce Show Number Of People Viewing Product

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

5

WooCommerce Show Number Of Units Sold On Product Page

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

3

WooCommerce Add Content Under The Proceed To Checkout Button On The Cart Page

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...