Topic: Product category / Product listing – hover effect (missing product image)

This topic has been marked as resolved.

I have a issue with hover effect in product listing in every product category. Please see attached screenshots. When I move mouse courser over product image product information appears but product image disappears completely. I thought that the hover effect just covers the image with solid 100% white background without any opacity but no the image just disappears. I tried all settings in “Pavilion Control Panel”, Theme Settings > Store > Product listing > under Hover effects section. Under Item hover I tried “No action”, “Append to visible”, “Overlay visible”, “Flip visible” and under Thumb hover I tried “Change (overlay) image”, “Change (flip) image”, “No action” but nothing seems to change. I need to overlay product image on hover with product info with half transparent background (let say with “opacity:0.5″). How can I do it in Pavilion Theme? It seems to be some sort of a bug in Hover effects functionality. I tried all sorts of CSS custom definition to change image settings but do not know the Pavilion code so good to resolve it alone. Please reply as soon as possible. I have project to run and tried to ask the question for a week but I couldn’t register to your support.	sebastianf
July 3, 2015 at 4:35 pm #41813
I resolved part of the problem. The main part is still awaiting your help. Because in Pavilion content editor “All categories” content area have been modified the product listing page used modified settings from “All categories” and not the global settings from Store > Product listing. Now changes made in Store > Product listing are reflected properly on the website but product image still disappears when mouse courser is over the image. Current settings in Store > Product listing are: - for Item hover: Overlay visable - for Thumb hover: No action Can you please let me know, how to to make the image visible with product info background overlay opacity 50%?	sebastianf
July 4, 2015 at 1:40 am #41831
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!	TB Support
July 4, 2015 at 1:21 pm #41843
It worked very nice! One more question in this website area -how do I do the product image clickable, so that not only product title is linked to product page but the entire image? Sebastian	sebastianf
July 4, 2015 at 2:37 pm #41853
Hi, The image is clickable, but the content that appears on hover cannot be. BR, ThemeBurn team	TB Support
July 6, 2015 at 12:32 pm #41917
I want the remaining space to be link to the product. It is very difficult for customers to understand that they have to click on the product title to go to the product page. In a matter of fact clients think that something is wrong and they cannot go to the product page at all. Regards, SF	sebastianf
July 7, 2015 at 10:40 am #41949
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!	TB Support
July 13, 2015 at 12:15 pm #42079
Works super!	sebastianf
July 14, 2015 at 4:47 pm #42147
Glad we’ve helped If you are happy with Pavilion, we will be grateful, if you rate our theme in ThemeForest. BR, ThemeBurn team	TB Support
July 22, 2015 at 1:45 pm #42270