Quote from Pablo Borysenco on November 27, 2020, 12:56

Hello

Please  drop  me exact  link to  the  issue

Quote from raga on November 27, 2020, 21:41

Hi

I want to change background color, text color and size (height) of the currency switcher.

This is the shortcode I am using, it follows your docs but is not working, colors don't change. How do I decrease the height?

[woocs txt_type="code" style="3"  show_flags=1 head_bg="#95baad" head_txt_color="#FFFFFF"]

This is the link to my dev website

https://www.homebestitems.com/dev/

Please advise

Thanks

Quote from Pablo Borysenco on November 30, 2020, 12:14

Hello

this only works for style = 2 -  https://c2n.me/4a1A2ZU.png

Quote from raga on November 30, 2020, 18:42

Hi

In style=2 using those arguments, the background/text colour change but only when the switcher gets clicked on. Before it remains background gray, text black and that is not what is expected, I want it to blend into my colours theme.

Could you point me to the code that controls the widget appearence? maybe I can make the necessary CSS changes.

 

Thanks

Quote from raga on December 1, 2020, 00:35

One more thing and probably more important than the widget appearance.

During testing I noticed that when I change the currency on my Desktop, then I go to my mobile, do a refresh to the homepage, I can see that the currency has changed there too! and the way around!. It shouldn't be that way, right? as they are two different sessions. I have my cache plugin disabled.

am I missing something here?

 

Sorry, thsee two issues are holding me back, I'd appreciate some help, specially on this second one.

Quote from Pablo Borysenco on December 1, 2020, 13:05

Hello

 It shouldn't be that way, right? as they are two different sessions. - If  you  use "transients". Then the currency is stored by IP. So the phone and the Desktop are connected to the same Wi-fi

To  change  this  behavior  use  Sessions

 maybe I can make the necessary CSS changes. - it looks like you changed the type of switcher

Quote from raga on December 2, 2020, 05:27

Hi

Changing to Session resolved the Desktop Mobile issue, thanks for that

Yes, I changed the switcher for testing purposes. If you could advise where to change the background/text color for style 2 and 3, that'd be great.

Thanks.

Quote from Pablo Borysenco on December 2, 2020, 12:40

Hello

Yes! I  can  help  you. But I need to see the switcher on your site

Quote from raga on December 3, 2020, 05:07

Hi

The currency switcher has been enabled in the site, please take a look. The shortcode used is:

[woocs txt_type="code" style="2" width=“100%" show_flags=1 head_bg="#95baad" head_txt_color="#FFFFFF"]

However as you can see only when you click on the switcher the colors change to what is specified in the shortcode. I am specially interested on style 3.

One more thing, I've been using gtmetrix. com to test the speed of my website and I have improved it with image optimization and the used of cache and CDN but noticed that the currency switcher has an impact on performace, about 10% difference between active and not.

Any suggestion?

 

 

Quote from Pablo Borysenco on December 3, 2020, 13:12

Hello

Please  add  this CSS:

body .woocs-style-2-drop-down {

 background: #95baad;

color: #fff;

}

body .woocs-style-2-drop-down:not(.woocs-style-2-expand):hover {

  background: #8fa59d;

}

Do you  use  this  option  -  https://c2n.me/4a4HlfE.png ?

Quote from raga on December 4, 2020, 04:38

Hi

I put the CSS code on

plugins/woocommerce-currency-switcher/views/shortcodes/styles/style-2/styles.css

and

themes->customization->Additional CSS ,

Was that correct?

By the way in addition to the colors would it be possible to get rid of the extra space between the flag top and the upper line on style=2?

Thanks

 

Quote from raga on December 4, 2020, 04:41

So sorry!! I was mixing styles. The CSS code that you gave me worked for style=2 but not style 3.

Can we do it for style 3 too and also  get rid of  the space between flag and upper line on style 3.

Previously I was playing with the CSS and was able to change the background but not the text color.

This should be the last one, sorry to bother you so much.

Quote from Pablo Borysenco on December 4, 2020, 13:16

Hello

Try  to  add  CSS (themes->customization->Additional CSS )

.woocs-style-3-du-dialog .woocs-style-3-du-dialog-starter {

color: #fff !important;

background-position: 98% 3px !important;

}

Quote from raga on December 5, 2020, 17:57

The change worked, although I had to do it on

plugins/woocommerce-currency-switcher/views/shortcodes/styles/style-2/styles.css

On Additional CSS didn't.

Anyways thanks for your help, we can close this issue. I found a small bug if you are interested but I think I can live with it. This happens on Desktop and mobile but is more notorious on mobile. If you visit my website then go to a product (pick one on "Sale"), once there click on the Currency Switcher, the window will popup and you will be able to see icons on the backgound overlapping the dialog.

As I said,  it is up to you, I think I have taken too much of your time. I really appreciate your patience and help. I will of course recommend your products and check on them when I need to add new features to my website.

Thanks

 

Quote from raga on December 6, 2020, 16:41

Sorry again, I talked too soon. I found a stopper while kept on testing.

If you go to my website, preferably on mobile, then swicth to another currency, go to any product then go back to the home page. You will notice that the currency switcher first shows the American flag, which is the default, then shows the flag of the currency that you just selected. This happens everytime that you go from one page to another specially to the home, some times it takes time to show the proper flag.

I have the cache on but this seems to be dynamic, this switiching flags is annoying and consufsing to the user.

Thanks

 

Quote from Pablo Borysenco on December 7, 2020, 12:55

Hello

This is the correct behavior. Plugin in Ajax mode redraws cached data. And this happens only after the page has been fully loaded (otherwise it cannot be done)

Quote from raga on December 8, 2020, 06:17

Somehow the redrawing is more notorious on mobile in desktop you don't see it. Is the same code for both? is there something than can be done to improve this on mobile?

Quote from Pablo Borysenco on December 8, 2020, 12:32

Hello

Is the same code for both? - Yes

I think the difference is that for a mobile phone, page loading takes longer.

I'm not sure what can be fixed in this case.