Home Forums QuickStep Multilingual option in the menu

This topic contains 8 replies, has 2 voices, and was last updated by  adminRaphael 4 weeks ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #47618

    adminRaphael
    Participant

    Hi Joshua,

    I am now working on the multilingual option on my website and installed the pluggin WPGLobus to do so.
    When I go to the menu, I see indeed the flag for the english page, but the link doesn’t work unless I click right and ask to open in another tab.
    IS it the same problem with Chrome that I had in the beginning when the meunu wasn’t working at all? Difference is that it’s not working on smartphone either…
    From the dashboard, it does work, just doesn’t work from the actual website.
    Can you help with that?
    Thanks

    #47622

    Joshua
    Keymaster

    Could you post a link to your site?

    #47626

    adminRaphael
    Participant
    This reply has been marked as private.
    #47630

    Joshua
    Keymaster

    Quickstep is trying to load the links through AJAX. To prevent this you have 2 options.

    1. If the menu item is added like a normal menu item, you can add the ‘separate’ class to the menu item. See this if you need help enabling classes – https://presscustomizr.com/snippet/adding-css-classes-wordpress-menu/

    2. If they aren’t loaded through normal menu items, you can try this instead:

    In js/customjs.php around line 373 change this line:

    		jQuery('#nav a[href^="<?php echo $home_url[0]; ?>"]:not(.separate)').click(function (e) {
    

    To this:

    		jQuery('#nav a[href^="<?php echo $home_url[0]; ?>"]:not(.separate, .wpglobus-selector-link)').click(function (e) {
    
    #47631

    adminRaphael
    Participant

    Hi Joshua,
    Thanks for your reply, I think you gave me twice the same code in your second option
    Can you please give the code to write instead of
    JQuery(‘#nav a[href^=« <
    Thanks!

    #47632

    adminRaphael
    Participant

    Sorry I was reading on a smartphone and seeing only the beginning of the code… please ignore the previous message

    #47633

    adminRaphael
    Participant

    It’s working using the second option!!! Amazing thank you!!
    I have another query more tricky… on the desktop version, the language option is visible in the top menu which is perfect. However on the mobile version, the menu is not immediately visible, the user will have to click on the top right button to see the menu. So it’s not obvious that there is another accessible language. Is it possible to see it on the top of the screen, appart from the menu on the mobile version?

    #47634

    Joshua
    Keymaster

    This is getting a bit beyond the scope of this forum, but here’s hacky way that might work. Add this to your Custom Javascript in theme options:

    if (jQuery(window).width() < 800 ) {
      jQuery('#menu-item-9999999999').insertBefore('nav').wrap('<ul class="language-switcher"></ul>');
    }

    And this to your Custom CSS:

    ul.language-switcher {
        float: right;
        margin-right: 38px;
        margin-top: 14px;
        width: 100px;
    }
    ul.language-switcher a {
        float: left;
    }

    This will move the switcher out of the menu and into the header on smaller screens. Keep in mind this is a simple function and only works on first load/refresh (if you resize your browser it will not change the placement again). You may also need a bit more styling to fit your needs.

    #47635

    adminRaphael
    Participant

    Hi Joshua, unfortunately this is not working, but I understand that it is now out of this support scope
    thank you so much for your help so far

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.