This topic has 10 replies, 2 voices, and was last updated 6 years, 3 months ago ago by Rose Tyler
Hi,
How Can I:
1- Add language switcher on mobile phone.
2- Show products quantities on Cart icon (just like full size website)
Hello,
1. You can find the switcher in Mobile menu.
2. Here is custom css:
@media (max-width: 480px){
.header .shopping-cart-widget .cart-summ span {
font-size: 11px;
margin-left: 3px;
}
.shopping-cart-widget .cart-summ > .cart-bag {
margin-right: 0px;
}
}
Regards
1- It is not showing. I currently made a normal button to take the main page of the desired language. any clue?
2- The code you provided displays the “price” but I need the “quantity”; also can it be floating above the bag (instead of next to it or below it so it will be more appealing?)
Hello,
1. I do not see the problem http://prntscr.com/kvr5ws and http://prntscr.com/kvr63x
Also, you may add this custom css code:
@media (max-width: 480px){
.top-bar, .top-bar .languages-area {
display: block;
}
.top-bar .search, .top-bar .my-account-link {display: none !important;}
.wpml-ls-legacy-list-horizontal{
padding-top: 0px;
padding-bottom: 0px;
}
}
http://prntscr.com/kvr7gp
2. There is no possibility to display the quantity without additional customization in files.
You may change the previous code to:
@media (max-width: 480px){
.header .shopping-cart-widget .cart-summ span {
font-size: 11px;
margin-left: 5px;
}
.shopping-cart-widget .cart-summ > .cart-bag {
margin-right: 0px;
}
.shopping-cart-widget .cart-summ > .cart-bag:before {
top: -2px;
display: block;
right: 15px;
}
.header .shopping-cart-widget {
right: 15px;
transform: translateX(0%);
}
}
The result will be – http://prntscr.com/kvrc88
Regards
1- The language you are seeing is a manual button that I created – temporary – from Appearance >>> menu
the problem with it is that it is pointing back to the home page; the actual WPML switch should be on the top left of the page on the desktop version ( which is working fine) but it is not showing on the mobile version.
The benefit of the language switch over a manual button is that it will change the language of the same page at which the visitor will change the language Ex.:
If I am at the english Cart page and change the language to Arabic (using the language switcher), it will take me to the Arabic Cart page.
but in the case of the manual button that I created temporary, it will take me back to the link I set (in this case homepage of Arabic)
2- ok thanks
Hello,
Please provide us with temporary wp-admin access so we can take a closer look.
Regards
Here its
Hello,
Sorry for the delay in answering.
This code http://prntscr.com/kyd8fx will show you the swither on mobile http://prntscr.com/kyd8r2 > http://prntscr.com/kyd93t
Regards
Thanks,
Is there a way to make it inside the navigation menu on mobile? (the black one after clicking on the hamburger menu?)
I would recommend you to contact WPML support.
Regards
You must be logged in to reply to this topic.Log in/Sign up