I am using uber menu+superfly+normal menu . On my woocommerce I am using the default x menu and superfly . The problem is that the navbar setting ( where appears the nº of items and their price ) does not appear into the shop . Which could be the problem ?
Hi @Borislav.VD
I’ve tested WooCommerce NavBar menu option on the latest X theme with Integrity stack enabled, and I got it working fine on the shop page:
I suspect there might be a plugin conflict causing this issue on your website, I suggest doing a plugin conflict test, the safest way to do that is to install “Health Check” plugin and enable “Troubleshooting mode” if everything went okay, then you can re-enable plugins one by one to figure out the culprit. The good thing about “Heath Check” plugin is that it’s developed by WordPress team and it only affects your logged in session so that other visitors won’t be affected.
If this doesn’t help, then please provide us with WordPress Dashboard login details in a “Secure Note” so we can investigate this issue.
Thanks.
I have tried it and there is no conflict between plugins the problem seems that the menu that appears on the shop page is not the main one .i wish to have one menu for the normal page and another for the shop . the shop menu is not the main one and because of that , it does not appear the menu navbar of woocommerce . How could be possible to active it there ? thanks
a woocommerce different menu where the navbar is not activated ( may be because the option of x theme appearance customization is activating such option only over the primary menu .
How could be possible to activate it on the secondary menu --> Shop menu as well .
Hi @Borislav.VD,
That’s right, the X specific menu items aren’t gonna work on Ubermenu since it has its own system. X theme uses menu filters which is default to Wordpress, which Ubermenu is able to pick up too, hence, displaying the items that aren’t meant for it (items under the tabbed menu). Hence, need disabling in Theme Options .
But I still don’t understand the secondary menu, I only see one menu (except the one in the upper left, SuperFly). How about configuring your Ubermenu and only picks specific menu? Or please clarify, should the shop menu appear or the main menu?
Thanks!
Hi @Rad !
I am going to try to explain it better .
I wish to have 2 different menus :
Menu 1 --> Without woocommerce shop basket
Menu 2 --> With woocommerce shop basket
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
The problem is the next :
I have configured my wordpress before the woocommerce and my main menu ( primary menu ) is the wordpress one . I am using Uber menu for that menu .
The problem is that for the shop , i wish to have another menu ( content --> Shop,categories, main products,offers,cart,checkout , etc ) and another menu --> Not an uber menu , because in order to use the amount navbar i need the X default menu .
Here is the problem . On the x theme settings the primary menu is the used on the main wordpress site–> Uber menu and after activating the navbar woocommerce is appearing onto every page the navbar without style . But it does not appear on the shop page because is using another style and is not set as the primary one .
So , to sum up . I wish to have the nav bar of woocommerce on my shop page but i am not able to set it ,because seems that activating the navbar , i am activating it only over the primary menu and not over the shop menu .
Hopefully right now is a bit clearer
Hi @Borislav.VD
I’ve a suggestion here, which is doing the opposite of what you are doing right now, I mean setting the primary menu to appear everywhere even on the shop page, which will show the cart menu item.
Then following this guide, you can assign different menus on different pages in Ubermenu.
Thanks.
In fact i am doing it right now . But the main problem is that in that way i am just changing the content of the menu and not the style . I mean :
Menu 1 ) home , about us contact
Menu 2) shop, checkout,cart,account,etc.
yes i could achieve it but the main problem is that if i just use it both of them are going to be uber menu … and if they are uber menu my cart nav bar would appear broken( not with nice style )
the key question is what this activated botton activates and how could activate it on the X theme menu ( maintaining it as not primary menu ) .
Hi Borislav,
Unfortunately, it is not possible to have Ubermenu on a page and X menu on another one. Ubermenu takes over the whole menu system and you can not have a separate menu instead of the Ubermenu there.
So basically the method you want will not work, I suggest that you follow the same method @Alaa suggested, then get back to us with the URL of the page in question. We may try to suggest a proper CSS code to style the cart Icon.
Basically you can only have X menu or Uber Menu, not both.
Thank you.
@christopher.amirian Thank you ! I have done it , i am using uber menu over all the page and the content is different . How could be possible to style the cart icon , please ? thank you for your great support
Hello @Borislav.VD,
Thanks for updating the thread.
Please add following CSS under X > Theme Options > CSS
.x-menu-item-search {
float: none;
max-width: 100%;
text-align: left;
display: inline-block;
height: auto;
width: auto;
max-height: none;
min-height: 0;
margin: 0;
padding: 0;
text-transform: none;
overflow: visible;
z-index: 10;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
line-height: 1.3em;
border: none;
border-radius: 0;
pointer-events: auto;
font-family: "Lato",sans-serif;
font-style: normal;
font-weight: 700;
letter-spacing: 0.182em;
text-transform: uppercase;
}
.x-menu-item-woocommerce {
float: none;
max-width: 100%;
text-align: left;
display: inline-block;
height: auto;
width: auto;
max-height: none;
min-height: 0;
margin: 15px;
padding: 0;
text-indent: 0;
clip: auto;
position: static;
background: 0 0;
text-transform: none;
overflow: visible;
z-index: 10;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
line-height: 1.3em;
border: none;
border-radius: 0;
pointer-events: auto;
font-family: "Lato",sans-serif;
font-style: normal;
font-weight: 700;
letter-spacing: 0.182em;
text-transform: uppercase;
}
If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.
I recommend you to watch following video that will help you to get started with CSS.
Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.
https://developers.google.com/web/tools/chrome-devtools/css/
Thanks.
thank you ! I have spent the yesterday afternoon trying to add an icon in the cart area but unfortunately i have not achieve it . How could add this font awesome icon before the amount on the uber menu , please ? thanks
“fas fa-shopping-cart”
Hi @Borislav.VD
For your current setup, adding this CSS code to (Theme Options > CSS) should be enough:
.x-menu-item-woocommerce span.woocommerce-Price-amount:before {
content: "\f07a";
font-family: FontAwesome;
}
As this is all custom development, regretfully we wont be able to assist further. Custom development is outside the scope of our support. Were happy to provide advice and get you started in the right direction, but you would still be responsible for the implementation. And moreover, this solution may not work after several updates especially if the themes structure changed or overridden.
Thanks.
Ok thank you for your support ! Great team as always ! Thank you for your time ! Kind regards!
You are most welcome!
We appreciate your very kind words.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.