Home › Forums › WoodMart support forum › The header does not switch between languages and currencies

The header does not switch between languages and currencies

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 2, 2024 at 10:33 am #576962

    ipaybom
    Participant

    I used WMPL to translate my site, but it doesn’t work like the one I attached, with the ability to choose your own language, and currency. Please let me know how to make this effect, I thank you very much.

    Attachments:
    You must be logged in to view attached files.
    July 2, 2024 at 3:13 pm #577087

    Luke Nielsen
    Keymaster

    Hello,

    Check our article on how to translate header – https://xtemos.com/docs-topic/how-to-use-wpml-with-woodmart/#translating-header-builder

    As for the currency switcher, you need to use an appropriate plugin and show the switcher from that plugin to make it work.

    Kind Regards

    July 2, 2024 at 4:45 pm #577139

    ipaybom
    Participant

    It seems that my problem is still not solved, I’m trying to achieve what I need through HTML code, but the front end of the site is not rendering properly after I add the HTML code.

    Attachments:
    You must be logged in to view attached files.
    July 3, 2024 at 9:55 am #577288

    Luke Nielsen
    Keymaster

    Hello,

    In WooCommerce -> WooCommerce Multilingual and click the Multi-currency tab. There, you can configure secondary currencies, set different prices per currency, adjust currency switcher options, and more.

    In general, send me access to your website so I can check the settings of it.

    Kind Regards

    July 4, 2024 at 5:32 am #580816

    ipaybom
    Participant

    In the attached image is the effect I need, complete with language selection in a pop-up window, and currency switching.

    I tried to add code in Header Builder using the 2 controls I labelled in the attachment.

    But I can’t get it to display properly.

    I’m not sure if it’s possible to just add the CSS code here (Attachment 3) shown in the image.

    Thank you very much!

    Attachments:
    You must be logged in to view attached files.
    July 5, 2024 at 3:58 pm #581307

    Luke Nielsen
    Keymaster

    Hello,

    Send this https://prnt.sc/1t7v2SzgOkC4 code to the private area so I can check what is wrong there.

    Thank you in advance.

    Kind Regards

    July 5, 2024 at 6:33 pm #581371

    ipaybom
    Participant

    My requirement is that I am not happy with the language switcher in WMPL, I need it to be able to switch between languages as well as currencies, so I would like to customise a tool that is as easy to use as the Woodmart title bar, please let me know how to do this or which is easier to customise using which title bar tool that is already available.

    I know full well that customisation requires 2 codes, CSS and JS, but I don’t know where to enter them to display them correctly.

    Attachments:
    You must be logged in to view attached files.
    July 5, 2024 at 6:47 pm #581378

    ipaybom
    Participant

    As you can see in the attached image, when I don’t use WPML’s header widget, everything works fine with the layout.
    When I use the WPML title widgets, they have a problem with the layout and he is inexplicably close to the logo.

    Attachments:
    You must be logged in to view attached files.
    July 8, 2024 at 4:48 pm #581842

    Luke Nielsen
    Keymaster

    Hello,

    After defining the WPML’s header widget, add the code below in Theme Settings -> Custom CSS, clear the cache and check how it works:

    .whb-general-header .whb-col-right .wd-header-secondary-nav {
    flex: unset;
}

    Kind Regards

    July 9, 2024 at 6:57 am #581949

    ipaybom
    Participant

    When I added the HTML tool to toggle the short code for the WMPL currency, the layout here failed again.

    Attachments:
    You must be logged in to view attached files.
    July 9, 2024 at 12:41 pm #582070

    Luke Nielsen
    Keymaster

    Hello,

    The thing is that you use a menu with 1 item so the entire menu is stretched to the full width to align internally.

    Replace the old code with the below one:

    .whb-general-header .whb-col-right .wd-header-secondary-nav,
.whb-general-header .whb-col-right .wd-header-text {
    flex: none;
}

.whb-general-header .wd-header-text .wcml-dropdown .wcml-cs-submenu {
    right: 0;
    left: auto;
}

    https://prnt.sc/uRFyOVBmNC_D

    Kind Regards

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)