WPML Language switcher offers languages in which no content is available

Hi Ismael,

Thanks for the tip with the blog page. Added the module also in English.

However, the language switch issue for which I initially raised the ticket is still not solved. Could you please take a look at this? WPML team looked into this. We did not find this issue when using a standard theme. Hence, we suspect that this is an issue with the Enfold template.

Could you please check again?

Kind regards,
Sebastian

Hi Ismael,

I set the WPML settings to skip the language if no translation is available and not direct to the homepage. Hence, for the blog, the behavior is not as expected.

Regarding the other example, the calendar page: i have neither a page set up in French nor defined any calendar entries. Hence, this is also not expected behavior.

Could you please take another look?

Cheers,
Sebastian

Hi Ismael,

I tried multiple combinations of all solution linked in this or associated posts.

1. Removing one of the language switchers that is not compatible with WPML works on my site with this piece of code:

// Remove the default flag configurations
add_action('after_setup_theme','avia_remove_main_menu_flags');
function avia_remove_main_menu_flags(){
	remove_filter( 'wp_nav_menu_items', 'avia_append_lang_flags', 20, 2 );
	remove_filter( 'avf_fallback_menu_items', 'avia_append_lang_flags', 20, 2 );
	remove_action( 'avia_meta_header', 'avia_wpml_language_switch', 10);
}

2. Using the following code adds a WPML compatible language switcher next to the social media icons. However, it is not displayed correctly (languages in words only and strange styling). It does NOT react to the settings to configure the menu in WPML > Languages:

// Render the default language switcher (activate header meta)
add_action('avia_meta_header', 'ava_icl_language_selector');
function ava_icl_language_selector(){
	do_action('icl_language_selector');
}

3. When setting the language switcher to display in the main menu via WPML > Languages, it will display the correct WPML language menu.

Next to this menu, the Enfold menu switcher is displayed. This CANNOT be hidden with the following CSS as provided in your threads. Reason: the class is not found in the source code.

.avia_wpml_language_switch, .avia_wpml_language_switch li {
    display: none !important;
}

I checked the source code and seems to listen to the following CSS (which effectively hides it):

/* hide Enfold language switcher */
.av-language-switch-item, .av-language-switch-item li {
	display: none !important;
}

I was not able to find a way to display the WPML switcher using flags in the social media bar when set accordingly in WPML when using the solutions provided above.

I could inject the custom WPML language switcher via the following code:

add_action('avia_meta_header', 'ava_icl_language_selector');
function ava_icl_language_selector(){
	// do_action('wpml_add_language_selector');
}

It is then displayed in the sub menu next to the social media icons. However it does not blend in nicely with the overall design and needs serious tweaking via CSS on multiple levels which I gave up.

To have something to work with I now kept the setting displaying the switch in the main menu.

Can you please review the above again and let me know how I can manage to simply add the language switcher to the social media bar?

Thanks,
Sebastian

• This reply was modified 4 years, 10 months ago by LMS.

Hi Ismael,

This is what I got from WPML support:

Your Language Switcher is not coming from WPML.
It is from your theme here \wp-content\themes\enfold\config-wpml\config.php:L256 avia_wpml_language_switch() function.

Please try
1. Remove the theme Language Switcher and add WPML Language Switcher to the menu. Currently, Language Switcher is assigned to a menu but that menu is not being displayed anywhere. OR

2.
Change this
icl_get_languages( 'skip_missing=0&orderby=custom' )
to
icl_get_languages( 'skip_missing=1&orderby=custom' )
in the above function.

They also said I should forward to you the request to use WPML setting instead of hardcoded values that you created the switcher with.

Is this something that can be done?

Hi Ismael,
Thanks for the code. It needs to be URL decoded to be working. However, it will not display the names of the languages in the target language.
I did a different workaround for now using the following code and doing CSS styling accordingly:

add_action('avia_meta_header', 'ava_icl_language_selector');
function ava_icl_language_selector(){
	// custom WPML language switch
	do_action('wpml_add_language_selector');

}

• This reply was modified 4 years, 9 months ago by LMS.

Hi Ismael,

Actually, I am ok with the injection of the currency and language switcher into the meta header. However, I would love to have the header layout different, i.e. moving the meta header not to stretch over the logo. Do you have a manual on how to move the meta header to sit to the right of the logo instead over it.

Logo | Meta Header
Logo | Main Nav

Thanks,
Sebastian

Hi Ismael,

I don’t want to align the module differently within the header. What I am after is a solution of having two menu lines next to the logo. One line for the currency and language switcher and one for the main navigation. This is a rather simple header layout. Is there a solution offered by you for this?

Cheers,
Sebastian