Background of the issue:
I am working on a site under development and trying to ensure that the Arabic version of the site displays the correct Arabic header and footer instead of the English ones. I have already created translatable Arabic headers and footers for the English versions.
Symptoms:
The English header and footer are still showing on the Arabic pages, specifically on the category page like hidden link and its Arabic equivalent page hidden link.
Questions:
Why are the English header and footer still showing on the Arabic pages despite having translatable versions?
How can I ensure that the Arabic header and footer are displayed correctly on all Arabic pages?
Thank you for reaching out. I am not using Elementor templates for header. I am using Besa theme component of header builder. The English header id is 11203. After translating the header with WPML it creates Arabic header with id 14050
Besa theme page: hidden link
Besa theme documentation: hidden link
Please bear in Mind, I assigned arabic header at homepage and inner pages manually. I need it to be show properly at product and category page
like hidden link
Its Arabic version still shows the English header hidden link
Unfortunately when using theme builders even though they are built with Elementor theres a high chance that they are not going to work as smoothly as it would creating an Elementor template directly.
Please go try the following steps:
1. Go to WPML->Strings Translation
2. Search for "11203"
3. Add a translation and fill in the translation ID number "14050"
I am using the Shortcoder plugin. I created two shortcodes:
[sc name="free"] for English
[sc name="arabicfree"] for Arabic
The problem is that Arabic pages are still showing the English shortcode instead of the Arabic one. I tried enabling Shortcoder as translatable in WPML settings and also checked String Translation, but I can’t find the shortcode there.
How can I make WPML display [sc name="arabicfree"] on Arabic pages instead of [sc name="free"]?
Glad to hear you were able to resolve the first issue!
Regarding the shortcoder, if you have 1 shortcode per language separately, I suggest setting it back to "not translatable".
How are you assigning the shortcode? I assume manually within the page, correct?
Go to the page in question and edit the translation -> within the Advanced Translation Editor at the very top use the search function and search for the short code, do you see it?
Add the translation and replace it with the secondary language short code.