product related background single product

louwerj

https://test.troedoor.nl/product/teakhouten-dressoir-reng/

Is it also possible that I only show a different background for 1 product instead of for all products when I hover over/mouse over?

Phil

Hi,

In Betheme -> Theme options -> Shop -> Products list, activate Show secondary image on hover option and the first image from the product gallery will show on hover.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

louwerj

Sorry, that's not what I mean. Not a 2nd product photo should be shown on mouseover but a background image of the product container in question should appear.

Phil

For that, a custom CSS should be written.

Something like this:

.mfn-related .product:hover{
  background-image: url(https://test.troedoor.nl/wp-content/uploads/2024/08/pattern-home-body-1.png)!important;
}

Between brackets, you must insert desired image URL.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

louwerj

You're the best! :-) thxs.