Woocommerce 2nd image on hover not working

Question

We have a problem with a new webshop we want to put online. We want to display the 2nd image on a hover on desktop for our store. It works on the default shop page (https://www.festivalapparel.nl/shop/) but not on our homepage (https://www.festivalapparel.nl/). It has been created with the building block from woocommerce: featured item. It looks like it does not load two images per item, so it can't switch it.

In summary: it works on the preset shop page but not on the homepage using their building block, we also want it to help there. Thanks!

Lubo Masura · Accepted Answer · 2021-04-07T20:24:08.793

1

Replace your page builder block with this shortcode bellow:

[products limit="10" columns="5" best_selling="true"]

If you want to display best sellers manually you could use featured function with shortcode bellow. To set featured products there is a star icon in your woocommerce admin products list so you could just click on it and product will be featured.

[products limit="10" columns="5" visibility="featured" ]

edited Apr 07 '21 at 20:24

answered Apr 07 '21 at 19:44

Lubo Masura

1,034
6
20

Unfortunatly this does not work and changes nothing :( thanks for helping – Festival Apparel Apr 07 '21 at 19:56
How do you call bestsellers to homepage? With shortcode? – Lubo Masura Apr 07 '21 at 20:00
page edit -> block -> woocommerce block -> featured items – Festival Apparel Apr 07 '21 at 20:06
When you try shortcode doesnt it help? [products limit="4" visibility="featured" ] – Lubo Masura Apr 07 '21 at 20:09
@FestivalApparel updated answer for the best selling only – Lubo Masura Apr 07 '21 at 20:17
@FestivalApparel looks good, just update it with my newest update with limit 10 and col 5 – Lubo Masura Apr 07 '21 at 20:20
@FestivalApparel dont forget to edit some styles and set witdh with your builder and it will be perfect :) glad it helped! good luck with your project! – Lubo Masura Apr 07 '21 at 20:21
Thanks! This is good, onyl issue i now have is the weird styling, the bottom is old one but i need those settings on the shortcode – Festival Apparel Apr 07 '21 at 20:23
How does the styling of these shortcodes work? just css? – Festival Apparel Apr 07 '21 at 20:24
Set width with your builder probably there is some boxed width set now and yes css only. – Lubo Masura Apr 07 '21 at 20:25
Thanks this is amazing! – Festival Apparel Apr 07 '21 at 20:26

Woocommerce 2nd image on hover not working

1 Answers1