Hi,
I am facing and UI issue in multicurrency switcher on single product page in multicurrency switcher I can see bullet points which is spoiling the UI I don't know where they came from as this issue is only specific in single product page pls check screentshot.
Thank you for contacting WPML Support, I will be happy to help you today.
I visited your website but there was no multicurrency switcher showing on the product pages,
from the attached image you sent it seems like a CSS issue.
Could you help me with a link where I can see the issue?
I was able to check and it seems that there is a CSS property set that is causing that UI issue (check image attached):
.single-product li {
list-style: disc;
}
If you change the code to the one below it fixes the issue:
.single-product li {
list-style: none;
}
* IMPORTANT: Please before you make any change to the website CSS code, make sure that the code I mentioned doesn't affect any other part of your website
Also, the code I provided is just to put you on the right direction on solving your issue as you might require custom coding which is beyond the scope of this support forum, we recommend that you check our contractors' page: https://wpml.org/contractors/.
Thank you for understanding and I hope you find this information helpful.
Yes, I used custom css for product short description widget but I selected proper class for that than why this causing issue for multicurrency switcher
I am not sure why that code is targeting all li elements on the product page (as you see on the attached image it is affecting the website menu as well).
Try adding:
list-style:none;
to the following CSS code (as show in the attached image):
.product.wcml-dropdown, .product.wcml-dropdown li, .product.wcml-dropdown li li {
border-color: #000000;
}
Please understand that custom coding work is out of the scope of this forum.
* I'd suggest to try adding the custom CSS code you are adding on the Elementor space directly on the styles.css file of your theme and see if it makes any difference, maybe that helps out.
I have one more doubt regarding currency switcher as I added multiple currencies so list become long now when I am hovering over it dropdown of long list coming is it possible to have dropdown with scroll option
Normally the currency switcher has a basic CSS styling, which depending on the theme being used from the website, it gets overwritten with it's style (same as in your website).
You'll need some custom CSS coding to achieve what you want, unfortunately as I mentioned before custom coding work is out of the scope of this support forum. You could try setting a max-height and overflow-y: scroll; on the "ul" element that contains the "li" elements of the currency items and see if it works out.
Thank you for understanding, let me know if you have any other questions,
Marsel
* Note: Additional CSS style customization to the currency switchers can be added on:
- go to WP admin -> WCML -> Multicurrency -> Currency switcher options section
You can add custom CSS code in the box "Additional CSS" (check image attached).
All currency switchers in your site will be affected by the settings in this section.
I hope this information is helpful,
Marsel
The topic ‘[Closed] Multicurrency Switcher Issue’ is closed to new replies.
Manage Cookie Consent
We use cookies to optimize our website and services. Your consent allows us to process data such as browsing behavior. Not consenting may affect some features.
Functional
Always active
Required for our website to operate and communicate correctly.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
We use these to analyze the statistics of our site. Collected information is completely anonymous.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
These cookies track your browsing to provide ads relevant to you.