Wishlist for WooCommerce - Icon

Wishlist for WooCommerce

⌘K
  1. Home
  2. /
  3. Docs
  4. /
  5. Wishlist for WooCommerce
  6. /
  7. How To
  8. /
  9. Adding Icons to Wishlist ...

Adding Icons to Wishlist Tab in WooCommerce

pasted image 0 30

Enhance the visual appeal of your WooCommerce store by adding icons to the Wishlist tab on the “My Account” page. With our plugin’s easy-to-use settings, you can incorporate icons that resonate with your brand. Follow these steps to add icons to the Wishlist tab:

pasted image 0 31

 Step 1: Navigate to WooCommerce Wishlist Settings

  1. Log in to your WordPress dashboard.
  2.  Go to WooCommerce in the left-hand menu.
  3.  Find and click on the Wishlist tab under WooCommerce settings.

 Step 2: Access Wishlist Style Settings

  1.  Within the Wishlist settings, click on the Style tab.

 Step 3: Show Icon on My Account Tab

  1.  Look for the Show icon option. Enable this to display an icon on the My Account tab for the Wishlist.
  2. Make sure you have Font Awesome installed, as it is required for the icon to be visible.

 Step 4: Choose an Icon

  1. In the Icon section, you’ll find an input field for the Tab icon. Enter the Font Awesome code for the desired icon. For example, if you want to use a heart icon, enter `f004`.

 Step 5: Define Icon Element

  1.  Choose the HTML element (e.g., ‘A’) where the icon will be placed.

 Step 6: Save Changes

  1.  Save your changes to apply the icon to the Wishlist tab on the My Account page.

Now, customers visiting their account page will see an icon alongside the Wishlist tab, providing a more visually engaging experience.