6 issues for WOOCS Currency Switcher
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday. If you have problems with registration ask help on contact us page pleaseIf you not got email within 24~36 business hours, firstly check your spam box, and if no any email from the support there - back to the forum and read answer here. DO NOT ANSWER ON EMAILS [noreply@pluginus.net] FROM THE FORUM!! Emails are just for your info, all answers should be published only here.
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday.
Hello,
We have 6 issues.
1 Alignment.
We have selected wSelect drop down in Woocs> Currencies,
edited [woocs sd=2] in Woocs> Smart Designer,
placed [woocs sd=2] in Appearance> Widgets> Topbar> Custom HTML> Shortcode,
set the scale from 62% to 30% in Smart Designer,
but the switcher can’t be aligned with the texts beside it.
1.1 How do we align the switcher with the texts on the Top bar ?
Desktop computer.
62%
30%
Mobile phone.
1.2 How do we change the flag from right to left on the Top bar ?
2 How do we change the blue animation for loading the switcher.
Desktop computer.
Mobile phone.
3 We have placed code: <?php echo do_shortcode('[woocs]'); ?>
in theme> header.php, the switcher is displayed at top left above “LOGO”.
3.1 How do we set the switcher to display beside account on the header ?
3.2 How do we change the colors of the switcher on the header ?
4 How do we change the icon and it’s color for the price info ?
5 How do we change the colors for the price listing ?
6 How do we change the colors for 6.1 to 6.4 on wSelect drop-down in the product list> sidebar ?
6.1 The border hover
6.2 The point hover
6.3 The active background
6.4 The background hover
Thank you.
Hello
Please paste your license key here - https://share.pluginus.net/image/i20210618130558.png -> https://share.pluginus.net/image/i20210618130614.png and exact link to the issue
Hello,
We have pasted our license key. have you got it ?
Thank you.
Hello
1) this changes the scale but the container stays the same size, this is a feature of this CSS style
1.1 don't use scale. Reduce the size with other settings (flag size, font size, ...)
1.2 - https://c2n.me/4eqH1vX.png
2) Unfortunately the plugin does not have this feature. But you casn hide it:
.woocs-lds-ellipsis{
display: none !important;
}
3) It depends on your current theme, you should find a place in the template that corresponds to this position
3.2 - You need CSS customization
4 Use this CSS to change it
background-image: url(../link_To_Your_Image.png);
background: #c31a1a !important;
}
6
6.1 Use CSS
body .woocommerce-currency-switcher-form .wSelect-theme-classic.wSelect-hover, body .woocommerce-currency-switcher-form .wSelect-theme-classic.wSelect-active {
border-color: #cc1818;
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(236 82 126 / 60%);
}
6.2 you need to change the sprite
background-color: #cc1818;
}
Hello,
1.1 It works.
1.2 It works.
2) It works.
3) /3.1 It doesn’t work, please you assist us for php code.
We have placed the code: <?php echo do_shortcode('[woocs]'); ?>
at some different places in header.php, it is now placed after the line <header id="site-header" class="site-header <?php ma_header_class(); ?>">.
------------------------
3.1.1 The switcher is still displayed at top left above “LOGO”.
https://i.ibb.co/PWWvyMt/The-switcher-is-displayed-at-top-left-above-LOGO.jpg
3.1.2 The switcher’s color is white that is not same with 1.1 Top bar.
https://i.ibb.co/P5YJryg/How-do-we-align-the-switcher-with-the-texts-on-the-Top-bar-62-percent-Black.jpg
------------------------
theme> header.php
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php martfury_body_open(); ?>
<div id="page" class="hfeed site">
<?php if ( ! function_exists( 'elementor_theme_do_location' ) || ! elementor_theme_do_location( 'header' ) ) {
?>
<?php do_action( 'ma_before_header' ); ?>
<header id="site-header" class="site-header <?php ma_header_class(); ?>">
<?php echo do_shortcode('[woocs]'); ?>
<?php do_action( 'ma_header' ); ?>
</header>
<?php } ?>
<?php do_action( 'ma_after_header' ); ?>
<div id="content" class="site-content">
<?php do_action( 'ma_after_site_content_open' ); ?>
------------------------
4) It works.
5) It works.
6.1 It works.
6.2 We have changed the png image file become as light gray in style.css, the arrow color works , but it’s hover color doesn’t work.
body .woocommerce-currency-switcher-form .wSelect-arrow {
background-image: url(https://i.ibb.co/4jvjV6T/w-Select-drowdown-arrow-hover-17x12.png);
}
---------------------------------
Before:
The arrow color was dark gray. The arrow hover color was blue.
After:
The arrow color is light gray. The arrow hover color doesn’t work.
6.3/6.4 They work.
Thank you.
Hello
3 - Better write to the author of the current theme. Most likely you need to paste the shortcode into another file (which is called by a custom hook)
6.2 - https://c2n.me/4etn726.png - Read this please - https://www.w3schools.com/css/css_image_sprites.asp
Hello,
3
>> We’ll write to the author of the theme.
6.2
>> It works
Thank you so much.
Hello
Welcome;)