[Resolved] Issue With Multilingual Product Categories and Nav

Hi, can you please add matt@squidd.co.uk to this ticket for updates and notifications.

Thanks for all your help so far Osama I really appreciate it,

The code for the MegaMenu is here \themes\centriforce\includes\walkers\Centrforce_MegaMenu.php:

<?php

class Centriforce_MegaMenu extends Walker_Nav_Menu
{
function end_el(&$output, $item, $depth = 0, $args = [], $id = 0) {

$classes = $item->classes;

$output .= "";

if ($depth > 0 && !is_int(array_search('stackable', $classes))) :
//Start menu item flex-wrapper
$output .= '</div>';
endif;

return $output;
}

function start_el(&$output, $item, $depth = 0, $args = [], $id = 0)
{
$classes = $item->classes;
$is_heading_class = in_array("heading", $classes) ? "heading" : "";

if ($depth > 0) :
//Start menu item flex-wrapper
$output .= '<div class="sub-menu-col ' . $is_heading_class . ' ">';
endif;

$output .= "<li class='" . implode(" ", $classes) . "'>";

//Replace page-anchors with a span
if ($item->url && $item->url != '#') {
$output .= 'url . '">';
} else {
$output .= '';
}

//Close page-anchors with a span
if ($item->url && $item->url != '#') {
$output .= '';
} else {
$output .= '</span>';
}

//Load category products
if ($item->type_label === 'Category'):
$output .= $this->_render_submenu_products($item);
endif;
}

private function _render_submenu_products($item)
{
$args = array(
'post_type' => 'product',
'post_status' => 'publish',
'ignore_sticky_posts' => 1,
'posts_per_page' => '12',
'tax_query' => array(
array(
'taxonomy' => 'product_cat',
'field' => 'term_id',
'terms' => $item->object_id,
'operator' => 'IN'
),
array(
'taxonomy' => 'product_visibility',
'field' => 'slug',
'terms' => 'exclude-from-catalog',
'operator' => 'NOT IN'
)
)
);
$products = new WP_Query($args);
$output = '';

if (count($products->posts)) :
$output .= '<ul class="sub-menu-products-wrapper">';
foreach ($products->posts as $product) :
$output .= '<li class="sub-menu-product">'
. $product->post_title
. '';
endforeach;
$output .= '';
endif;

wp_reset_query();
return $output;
}
}

So I can see that the product categories are added but these are still pointing to the wrong URL i.e. hidden link instead of hidden link

And obviously the products under each category are not displaying.

Thanks Osama,

The megamenu is actually in this file \themes\centriforce_new\includes\walkers\Centrforce_MegaMenu.php.

I have updated the code so it is language aware now:

private function _render_submenu_products($item)
{
// Add WPML language parameter
$current_lang = apply_filters('wpml_current_language', NULL);

$args = array(
'post_type' => 'product',
'post_status' => 'publish',
'ignore_sticky_posts' => 1,
'posts_per_page' => '12',
'tax_query' => array(
array(
'taxonomy' => 'product_cat',
'field' => 'term_id',
'terms' => $item->object_id,
'operator' => 'IN'
),
array(
'taxonomy' => 'product_visibility',
'field' => 'slug',
'terms' => 'exclude-from-catalog',
'operator' => 'NOT IN'
)
),
// Add WPML language query
'suppress_filters' => false
);

// Set language before query
do_action('wpml_switch_language', $current_lang);

$products = new WP_Query($args);
$output = '';

if (count($products->posts)) :
$output .= '<ul class="sub-menu-products-wrapper">';
foreach ($products->posts as $product) :
// Get translated product data
$translated_id = apply_filters('wpml_object_id', $product->ID, 'product', true, $current_lang);
$translated_title = get_the_title($translated_id);
$translated_permalink = get_permalink($translated_id);

$output .= '<li class="sub-menu-product">'
. $translated_title
. '';
endforeach;
$output .= '';
endif;

wp_reset_query();
return $output;
}

To summarise, the Mega Menu works fine in the English version but not the German version where it is not displaying products.

I will use this product (Stokbord® Sheet - Embossed) as an example:

hidden link

When I look in the Categories section (see screenshot) I can see it assigned the Product category of Stokbord.

Using the WPML Translation Editor there is no way of ensuring the correct Category is assigned to the Product in German.

I assume this uses the Taxonomy translations (screenshot attached)

However, when I visit this page: (see screenshot)
hidden link

And click on the pencil icon for the German translation of Stokbord, the screen shows the slug as stokbord-de. If i change this to stokbord it saves but changes it back.
See screenshot.

If you visit this page:
hidden link

It is a correctly rendered version of the Stokbord brand page which uses the brand.php page template.

However clicking on the Produkte -> Stokbord menu option navigates you to :

hidden link

Which is the incorrect page and uses the woocommerce product-cat.php template.