product related background single product

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?

Comments

  • 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

  • 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.

  • 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

  • You're the best! :-) thxs.

Sign In or Register to comment.