Switcher not working

Hi,
the currency switcher is part of the Pro version. You need to upgrade to fix the issue:
https://www.pricebasedcountry.com/pricing/

Thank you

Thank you so much – I will buy the Pro version then. Will the currency switcher in our top right corner start working automatically when the pro version is installed? Is the currency switcher on our site Your widget?

Also letting you know we have you other plugin called “WooCommerce Price Based on Country Advanced Currency Options” installed. What does that do?

The currency switcher you are using in your site is part of the “Advanced Currency Options.”

The “Advanced Currency Options” is deprecated, and it is not compatible with Price Based on Country Basic 1.8+

Please review: https://www.pricebasedcountry.com/2017/06/11/new-price-based-country-pro-addon/

The upgrade will fix the issue, in any case, we’ll help you to solve any issue you find. Remember that, before upgrade, you have to uninstall the “Advanced Currency Options” plugin.

Regards,
Oscar.

Hi team,
I have bought and installed Pro now.
But – what happened to the style of my currency switcher? We had a nice looking switcher with a sliding animation (as I told you in my first message). Now it is just a drop-down box not looking very well.. Please help. Please see the site.

Hi,
Please open a ticket at https://www.pricebasedcountry.com/support/

It seems that your developer modified the template of the “Advance currency options” plugin instead of override the template in your theme, so on plugin deactivation, the changes have been lost.

To recover the currency switcher we’ll need a backup of your site.

Hi team!
I found the old CSS for the currency switcher. What do I have to change in the code to make it work now? What classes should I use?

Here it is:

div.cs-select {
display: inline-block;
vertical-align: middle;
position: relative;
text-align: left;
background: transparent;
z-index: 100;
width: 100%;
max-width: 500px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
div.cs-select:focus {
outline: none; /* For better accessibility add a style for this in your skin */
}
.cs-select select {
display: none;
}
.cs-select span {
display: block;
position: relative;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 4px;
padding-left: 12px;
}
.cs-select > span {
padding-right: 0px;
}
/*
.cs-select > span::after,
.cs-select .cs-selected span::after {
font-family: ‘nm-font’;
content: “”;
speak: none;
position: absolute;
top: 50%;
font-size: 12px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.cs-select > span::after {
font-family: ‘nm-font’;
content: ‘\e615’;
right: 1em;
font-size: 12px;
top: 8px;
}
*/
div.cs-active {
z-index: 200;
}
.cs-select .cs-options {
position: absolute;
overflow: hidden;
width: 100%;
background: transparent;
visibility: hidden;
}
.cs-select.cs-active .cs-options {
visibility: visible;
}
.cs-select ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.cs-select ul span {
padding-top: 2px;
}
.cs-select ul li.cs-focus span {
background-color: #ddd;
}
.cs-select li.cs-optgroup ul {
padding-left: 1em;
}
.cs-select li.cs-optgroup > span {
cursor: default;
}

body {
font-family: arial;
}
div.cs-skin-slide {
color: #999;
font-size: 14px;
width: 60px;
text-align: center;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
div.cs-skin-slide:hover {
color: #333;
font-size: 14px;
width: 60px;
text-align: center;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
@media screen and (max-width: 30em) {
div.cs-skin-slide { }
}
div.cs-skin-slide::before {
content: ”;
background: transparent;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.cs-skin-slide.cs-active::before {
-webkit-transform: scale3d(1.1,3.5,1);
transform: scale3d(1.1,3.5,1);
}
.cs-skin-slide > span {
height: auto;
line-height: 18px;
-webkit-transition: text-indent 0.36s, opacity 0.36s;
transition: text-indent 0.36s, opacity 0.36s;
font-size: 14px;
}
.cs-skin-slide.cs-active > span {
text-indent: -100px;
opacity: 0;
}
*, *:after, *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cs-skin-slide.cs-active > span::after {
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0);
}
.cs-skin-slide .cs-options {
background: transparent;
width: 100%;
left: 50%;
top: 68px;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}
.cs-skin-slide .cs-options li {
opacity: 0;
-webkit-transform: translate3d(30%,0,0);
transform: translate3d(30%,0,0);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.cs-skin-slide.cs-active .cs-options li {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1;
}
.cs-skin-slide.cs-active .cs-options li:first-child {
-webkit-transition-delay: 0.06s;
transition-delay: 0.06s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(2) {
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(3) {
-webkit-transition-delay: 0.18s;
transition-delay: 0.18s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(4) {
-webkit-transition-delay: 0.24s;
transition-delay: 0.24s;
}
/* more options need more delay declaration */
.cs-skin-slide .cs-options li span {
font-weight: 400;
letter-spacing: 0.5px;
font-size: 14px;
color: #999;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;

}
.cs-skin-slide .cs-options li span:hover,
.cs-skin-slide .cs-options li.cs-focus span,
.cs-skin-slide .cs-options li.cs-selected span {
color: #333 !important;
background: transparent;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.cs-skin-slide .cs-selected span::after {
content: ”;
}