Skip Navigation

This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Europe/Tirane (GMT+02:00)

This topic contains 12 replies, has 2 voices.

Last updated by Marsel Nikolli 1 year, 5 months ago.

Assisted by: Marsel Nikolli.

Author Posts
December 11, 2023 at 6:11 am #15033163

shebinH

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.

ab1.png
December 11, 2023 at 9:31 am #15034519

Marsel Nikolli

Hi,

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?

Looking forward to your reply,
Marsel

December 11, 2023 at 10:59 am #15035765

shebinH

hidden link

Pls check this link

December 11, 2023 at 11:20 am #15036209

Marsel Nikolli

Thank you for providing the link.

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.

Let me know if you have any more questions.

Kind regards,
Marsel

Screenshot 2023-12-11 121553.png
December 11, 2023 at 11:54 am #15036511

shebinH

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

ab.png
December 11, 2023 at 1:06 pm #15037355

Marsel Nikolli

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.

Kind regards,
Marsel

Screenshot 2023-12-11 135538.png
Screenshot 2023-12-11 135441.png
December 12, 2023 at 12:40 pm #15046001

shebinH

I removed the custom css code but still getting bullets in currency switcher pls check

December 12, 2023 at 12:57 pm #15046115

shebinH

ok I added the code given by you I think problem is solved now

December 12, 2023 at 1:03 pm #15046155

Marsel Nikolli

Hi,

I checked: hidden link and on my end the currency switcher has no bullets anymore.

* Try clearing your browser's cache as it will refresh the CSS styles as well.

Kind regards,
Marsel

December 12, 2023 at 1:07 pm #15046207

shebinH

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

aa.png
December 12, 2023 at 1:34 pm #15046509

Marsel Nikolli

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

December 13, 2023 at 10:20 am #15052647

shebinH

Hi,

In Multicurrency switcher setting I found custom style I doubt what is this and how I am able to edit this and upload custom layout of switcher.

a.png
December 13, 2023 at 2:23 pm #15055979

Marsel Nikolli

Hi,

That option is related to custom currency switchers, you can check the documentation related to all the options on the link:
https://wpml.org/documentation/related-projects/woocommerce-multilingual/multi-currency-support-woocommerce/?utm_source=plugin&utm_medium=gui&utm_campaign=wcml#adding-a-currency-switcher-to-the-front-end

* 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

Screenshot 2023-12-13 151639.png

The topic ‘[Closed] Multicurrency Switcher Issue’ is closed to new replies.