Return to previous page

Questions regarding Mobile Phone experiance

This topic has 10 replies, 2 voices, and was last updated 6 years, 2 months ago ago by Rose Tyler

adwa

Participant

September 17, 2018 at 13:22

Hi,

How Can I:
1- Add language switcher on mobile phone.
2- Show products quantities on Cart icon (just like full size website)

#199557 Copied Theme version: 3.8.1

9 Answers
Rose Tyler

Support staff

September 17, 2018 at 13:34
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
#199561 Copied
adwa

Participant

September 18, 2018 at 11:24

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?)

#199614 Copied
Rose Tyler

Support staff

September 18, 2018 at 12:19
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
#199615 Copied
adwa

Participant

September 19, 2018 at 20:09

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

#199688 Copied

Rose Tyler

Support staff

September 20, 2018 at 08:29

Hello,

Please provide us with temporary wp-admin access so we can take a closer look.

Regards

#199706 Copied

adwa

Participant

September 23, 2018 at 13:07

Here its

Please, contact administrator
for this information.

#199828 Copied

Rose Tyler

Support staff

September 25, 2018 at 07:26

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

#199884 Copied

adwa

Participant

September 25, 2018 at 17:26

Thanks,

Is there a way to make it inside the navigation menu on mobile? (the black one after clicking on the hamburger menu?)

#199941 Copied

Rose Tyler

Support staff

September 26, 2018 at 10:20

I would recommend you to contact WPML support.

Regards

#199977 Copied
Viewing 10 results - 1 through 10 (of 10 total)