I am trying to: Make a multilingual blog post page using Blog Posts Block on my site.
Link to a page where the issue can be seen: hidden link
1. click "load more" > English blogs are loaded: correct
2. change the language to Japanese > Japanese blogs are loaded: correct
3. click "さらに投稿を読み込む" > English blogs are loaded << Wrong!
I expected to the "load more" button should have URL query "&lang=ja", but not.
The problem, loading the wrong language causes language query lacking, goes on after I set Language filtering for AJAX operations.
On WebInspector, the network tab tells me that &lang=ja lacks on the Load More button.
I pasted the Request URL pushed from the button below, and confirmed if I add "&lang=ja" in this URL, correct language feeds are loaded.
This may be caused by several factors. I would like to request admin access to your site, in order to have a look. I will not be making any changes whatsoever, just looking.
I have set your next reply to be private so you can share credentials there.
Remember that it is always better to create a new admin user for me, then when we are done you can delete it.
Thank you for your check. I set the Jatpack login management feature off.
I'm sorry I don't know how to deactivate entire JetPack in WordPress.com, but log-in falure would be solved.
The issue is that the language the Blog Posts uses is not the current frontend language, rather the wpml_current_admin_language_{hash} cookie language. If you want to see, clear the cookies from the site, open the page while your admin language is in Japanese and then posts will load in Japanese.
This solution would be to add a function to the functions.php file, which upon rendering the Button block, alters the data-next attribute to add the lang={current language) parameter.
If you can provide me with FTP credentials I will attempt a solution, however it is important to explain that this is outside of our support policy, and thus we will not take any responsibility for maintaining or providing further support for it. This will be just a friendly suggestion to help you out.
add_filter( 'render_block', 'modify_newspack_blocks_homepage_articles', 10, 2 );
function modify_newspack_blocks_homepage_articles( $block_content, $block ) {
if ( 'newspack-blocks/homepage-articles' !== $block['blockName'] ) {
// Not the block we're interested in.
return $block_content;
}
// Use a DOM parser to modify the HTML content.
$dom = new DOMDocument();
@$dom->loadHTML( mb_convert_encoding( $block_content, 'HTML-ENTITIES', 'UTF-8' ), LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD );
// Find the element with the data-next attribute.
$xpath = new DOMXPath( $dom );
$elements = $xpath->query( '//*[@data-next]' );
$current_lang = apply_filters( 'wpml_current_language', NULL );
foreach ( $elements as $element ) {
$url = $element->getAttribute( 'data-next' );
// Add your parameter to the URL.
$new_url = add_query_arg( 'lang', $current_lang, $url );
// Update the attribute.
$element->setAttribute( 'data-next', $new_url );
}
// Save the modified HTML and return it.
$block_content = $dom->saveHTML();
return $block_content;
}
This code finds the Load More button element and adds the lang parameter to the data-next attribute.
This approach is usually not recommended as it could impact site performance, so I suggest you test out both approaches and choose the least impactful option.
