woocommerce ubermenu

Hi there,

The fact that the Ubermenu does not show product images is unrelated to core WooCommerce plugin since such functionality isn’t provided by WooCommerce itself.

Please reach out to support of Ubermenu plugin here:

https://sevenspark.com/help

I’ll be marking this thread as resolved now.

Hi @grigaswp

This is not something that UberMenu is controlling. In this instance, UberMenu is simply the container for WooCommerce content, it doesn’t dictate the output.

The customer is using the WooCommerce Products shortcode inside of a custom content area within UberMenu. The WooCommerce Products shortcode is responsible for outputting the product content (including the image) – UberMenu does not control that. If you look at the source on the site in question, you’ll see that the img tag is not included in the markup at all on the product page:

while it is present on other non-product pages such as the home page:

My understanding is that the products shortcode is indeed part of the core WooCommerce plugin.

So the question is why does the WooCommerce Products Shortcode not output the product thumbnail on product pages.

@ingmontoya this may have to do with the fact that the Products shortcode is probably not designed for use on product pages (which are already displaying their own product). It could be that outputting the shortcode before the Loop (e.g. in the header where the menu is) impacts things.

I reviewed the WooCommerce template code to evaluate what might be going on, and tracking through the process of generating the thumbnails, it looks like the product image is added in via a hook within the content-product template:

/**
 * Hook: woocommerce_before_shop_loop_item_title.
 *
 * @hooked woocommerce_show_product_loop_sale_flash - 10
 * @hooked woocommerce_template_loop_product_thumbnail - 10
 */
	do_action( 'woocommerce_before_shop_loop_item_title' );

It could be that the action that is handling the thumbnail output has been removed:

add_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10 );

Though I imagine it could also have to do with conflicting $product globals on the product page potentially (since there would be two Product Loops on that page):

It could even be a filter on the woocommerce_product_get_image hook that runs on product pages:

I’m sure grigaswp will be able to provide a lot more insight into what is going on behind the scenes with WooCommerce here, as he’ll be much more knowledgeable on the topic, but I hope this breakdown gets you going in the right direction with troubleshooting ??

Hi, @sevenspark, @grigaswp

Thanks so much for your time and answers. @sevenspark I also note that, but didn’t know why the img tag isn’t generated in product detail page.

You’re welcome ?? My sense is that it has to do with some sort of interaction with the product page template itself, but it could be a filter etc as outlined above.