Hi,
try to add this css code in your custom stylesheet:
#yith-quick-view-content .images .slides li:first-child {
display: block !important;
}
Regards 🙂
I am having the same issue with the Free version. I added your suggested CSS, but I still get no images. The content/pricing is there…and if you click and drag where the image should be, you can see the image drag, but it still does not show in the modal window.
Any advice is greatly appreciated.
Hi,
I think you need to do some compatibility with your theme. Which theme are you using?
I am using the SalientVersion: 7.0.7 by ThemeNectar. I have another client on the same theme with the free version of Quick View and no problems occur there. So I need a bit of guidance of where to trouble shoot this first. Any suggestions?
There appears to be a CSS conflict between the latest version of WooCommerce and Yith Quickview, particularly in products with variations, that forces the images not to show up initially in the modal window (they are assigned “opacity: 0” by WooCommerce).
To remedy this, the following CSS can be added to the custom stylesheet:
#yith-quick-view-content .product.has-default-attributes.has-children>.images {
opacity: 1;
}
Vetraz,
I added that CSS and I am still not seeing the images in the pop-up modal window. Any other options?
There could be another theme-specific conflict, no way to tell without seeing the actual page.
http://www.heirloomkitchencatering.com/dinner-door-menu/
The Quick view is not turned on, as the client does not want the feature on until this challenge is resolved.
Let me know if you need it turned on to take a look at it all.
Yes, please, activate it. There could be a conflict with the zooming feature, but, again, it could be something else.
Ok, as far as I can tell, there appears to be a conflict with your theme, particularly the way it displays the images on single product pages, which I believe the template that is partly replicated in in the Quick view window. To be exact, product images in your theme are automatically placed in a slider, which somehow causes an issue with them displaying in Quick View (the slider breaks).
A quick hack to fix it could be something like this:
.yith-wcqv-main .iosSlider.product-slider {
opacity: 1;
max-width: 350px;
float: left;
}
However that may not fix the issue where there are multiple product images.
Since the theme you are using is premium, I would suggest trying to seek compatibility assistance with the developer directly.
