Jeremiah

Hi James,

Thanks for letting me know. We’ve been working on the next release and it will fix all these issues. You may have to make some slight modifications after you update since the default styles will fix most of the issues you’re having. I’m going to go ahead and mark this one as resolved as this will be arriving soon. ??

You can manually add it to the plugin, which is a relatively easy fix. Go to the plugin editor section and go to the WooCommerce Menu Cart files. Find all of these:

<li style="float: right">

and replace them with

<li style="float: right" class="noline">

There are six total.

Hi Vitros, glad to help! As far as debugging steps, first read through this thread to see if it helps: https://www.ads-software.com/support/topic/cart-menu-doesnt-appear?replies=8

Since your menu is name Primary Navigation, it might work if you change the name to PrimaryNavigation (and make sure to place the same name on the settings page of the plugin).

Also, be sure you have the WooCommerce plugin installed. It’s a separate plugin and can be found here:

https://www.ads-software.com/extend/plugins/woocommerce/

Hi Raymond_toh,

What’s the name of the menu you’d like to add it to?

Okay, sounds good. If I can swing it I’ll try to release an update in the next week.

Hi James, thanks for the heads up! When this plugin was initially released font awesome was not allowed in WordPress because it was not yet GPL compatible. Without going into all the details, what you’re seeing is a carry over from that time. I’ll get that fixed in the next release. I’m glad you were able to implement a temporary fix.

Quick unrelated question, were you able to get your I.E. 9 issue figured out using the method I suggested the other day?

Not a problem. You’re not the first! WooCommerce really is great. I’m going to mark this as resolved, but let me know if you have any other issues.

You got it figured out! Thanks for the review. As far as the IE9 issue, I’m not exactly sure what’s going on. My guess is it has to do with the line-height attribute. I’ve set it to inherit, but maybe you need to set it to your font-size (probably something like 16px). Just play with it a bit and see what works best.

WooCommerce is a completely separate e-Commerce system found here: https://www.ads-software.com/extend/plugins/woocommerce/. This plugin is just an add on for WooCommerce and therefore requires WooCommerce to work.

You’re welcome. If WooCommerce is installed, then you’ll see two menu items called “WooCommerce” and “Products” just above the “Appearance” menu item on the left hand side of your page. Check out this image, it should help: https://wpovernight.com/menu.PNG

Hi Makai!

To Access the settings page:

1. Login
2. Hover over the WooCommerce menu (must have WooCommerce installed)
3. In the sub menu you’ll see the Menu Cart Setup option.
4. Click it and set it up. You don’t need to change the menu name to cart. Just make sure the menu you enter on the plugin options page matches your menu name.

Let me know if that helps!

Hi James!

I dug into the css on the other plugin and I think this should do the trick:

.icon-shopping-cart {
    background-image: none;
    background-position: none;
    background-repeat: no-repeat;
    background-position: none;
    display: inline-block;
    height: auto;
    line-height: inherit;
    vertical-align: inherit;
    width: auto;
}

I wouldn’t worry too much about those flags. The “My Shortcodes” plugin is already using that method, so it probably won’t have too much of an impact, but do try the updated code as it should be more efficient. Please let me know what you find. Also, thanks for the review. Much appreciated!

Hi James,

Glad you like it! Normally the plugin lines up just as you’re wanting. I checked out your site, and it looks like there’s a conflict with a plugin called “My Shortcodes” of which I was previously unaware. I found a fix, and I’ll be sure to add it in the next update. For now, copy the following CSS and paste it into your theme’s custom css file (probably named “custom.css”).

[class^="icon-"], [class*=" icon-"] {
    background-image: none;
    background-position: none;
    background-repeat: no-repeat;
    display: inline-block;
    height: auto;
    line-height: inherit;
    vertical-align: inherit;
    width: auto;
}

Also, if you’re willing I would love if you took what you wrote here and reviewed & rated the plugin on the ratings tab. Thanks for your support! Let me know if you need anything else.

Glad you got it. Sorry that can be confusing. I’ll see if I can make that more clear in the directions on the next release.

Okay. Then name the Menu Cart Menu TopNav instead of cart. It should work.