[Support request] Display Secondary Image on hover on homepage Prime

[David]

Have you tried deactivating the Woocommerce Blocks plugin and just add a short code for the products on a Page?

[Bart]

You are right!! Disabling the Woocommerce Blocks plugin and adding a short code solves the problem. See the next example-page (made with a deactivated Woocommerce Blocks plugin): https://vruchtbareaarde.nl/webwinkel/proefpagina-zonder-wc-block/ (the two right products have a secondary image)

But then … I activated the Woocommerce Blocks plugin again and started with a fresh “category” with some products. In this case (with an activated Woocommerce Blocks plugin) the secondary hover effect was working as well. See: https://vruchtbareaarde.nl/webwinkel/product-categorie/proef-wc-blocks/

DISadvantage of the second option (with activated Woocommerce Blocks plugin) is that the URL is less SEO-friendly. I would rather have an URL without “product-categorie” in it.

But then I lose the easy styling options of the Woocommerce Blocks plugin.

Any advise from your side?

[David]

The broken secondary image on hover is definitely a bug with the Woocommerce Blocks. I found too many issues with the plugins breaking changes hence i dropped it for shortcodes.

The shortcode output should match the same style as your archive pages. If need be we can assist with some CSS to style them differently.

Here is Woocommerce’s view on changing URL slugs:

https://docs.woocommerce.com/document/removing-product-product-category-or-shop-from-the-urls/

[Bart]

So we’ll wait for an update of the plug-in … thank you for your help

[David]

Unfortunately yes…. glad to be of assistance

[Author]

Posts