Site logo

Archived topic

Display Secondary Image on hover on homepage Prime

19 replies · Started by Bart on July 30, 2019

Viewing posts 16–20 of 20

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

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?

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/

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

Unfortunately yes.... glad to be of assistance

This archived topic is closed to new replies.