This topic has 9 replies, 2 voices, and was last updated 4 years, 9 months ago ago by Olga Barlow
Hi support!
I have a few of questions about product content effect and quick view option on shop page. It show no background any more on product hover.
Question #1 – default option
Since one of the last updates (maybe 5.0) at shop page … while hover a product image its showing the QUICK VIEW button but no dark transparent background behind as usually. What happend? How could I get back this transparent dark background behind the QUICK VIEW button?
Question #2 – grid builder
So, I build up new grid element. Everythings fine. But the quickview has a short delay. (In this moment your xstore default QUICK VIEW button would be showing a loading circle to give a feedback to the user. Maybe it calls a short javascript.)
… back to my grid element! Is it possible to call this javascript inside a button out of grid builder with “On click code” function of the button? Then grid builded buttons would be able to give a loading feedback to the user too.
Hope you can help.
Thanks in advance!
You can delete my request! Sorry! Now, I realize now it works already with VC Grid Builder, but the icons color was pretty dark so I didn’t see it. Thank you and sorry for the confusion!
The product buttons in option template in grid builder contains already a responding loading icon after clicking quick view button and covers so the delay to the moment quick view appears finally.
But perhaps you can show me how to color this small icon of grid builder’s product button template appearing after clicking Quick View button. Because the icon is still pretty dark on a dark background so its hard to see.
I find a solution! The browers onboard dev tool did show me the javascript event and created CSS classes. So it was about handling SVG graphics with CSS. In my case:
.et-loader circle.loader-path { stroke: #fff;}
At first I thought it would be about background-color or color instead of CSS atrributes stroke, stroke-weight .. and so far. Maybe that helps anybody sometimes.
Conclusion: Xstore’s predefined grid builder elements are great and work properly.
Thanks a lot!
Hello,
Sorry for the late reply.
So, do you still need any help from our side?
Regards
The next problem comes up … with grid builder media queries. Below screen width 760px the grid on shop page got still 2 columns. It should be one. Maybe it can switch later at 640 or 480pixels.
Hello,
1) Remove the following code from the child theme style.css http://prntscr.com/ok0lda
2) Add the following code to make products 100% width for mobile
@media only screen and (max-width: 480px){
.products-grid .product {
width: 100%;
}
}
Regards
Yeah, I thought already about something like this.
Thank you!
Hello,
You are welcome.
Regards
The issue related to '‘product content effect – no background on hover to show quick view button’' has been successfully resolved, and the topic is now closed for further responses