Hi @ocliptus,
Good question! I’m sure this is possible! Here in the support forums our job is to help you troubleshoot or figure out how the plugin works, but not really create new things for you.
I would suggest looking at other sites that do what you need and seeing how they do it.
Cheers,
@mikeyarce
Ok than i can understand that but and i can guess how can do that these future but i can’t find the right .css or .js file that i have to edit. I mean which file contains the product preview content 😀 Little hints can be useful 🙂
Best wishes,
Hi @ocliptus,
Can you show me an example of somewhere you see this on a site? I’m not 100% sure I know exactly what you want so if I can see it in action I will have better hints for you! 🙂
Hey @mikeyarce,
https://www.n11.com/yedek-parca-otomobil this page is really nice example for what i need and you can check the picture that i added :
https://www.imagevisit.com/images/2018/03/16/Screenshot_13.png
That’s what i need 🙂
So i guess i should edit the .js file that contains the shop product preview.
By the way, English is not my native language so i am sorry about grammer 😀
Best regards,
Hi @ocliptus,
Ahh gotcha! You mean like a “shadow box” around the product, right?
You don’t need any JavaScript, something as simple CSS Hover should work:
.site-main li.product:hover {
border: 1px solid black;
}
If you need further help, check out this:
https://developer.mozilla.org/en-US/docs/Web/CSS/:hover
Hey @mikeyarce,
Thanks for helping. You are my super hero 😀 But i checked all of the .css files inside of woocommerce plugin directory but i couldn’t find .site-main li.product code line should i add this theme’s .css files ?
I didn’t know the name of specialty and thanks again for source. 🙂
-
This reply was modified 8 years, 2 months ago by
ocliptus.
In addition, i added the code block which is given by you on every .css files in woocommerce 😀 But it is not working, i will try to edit theme’s .css files 😀
Edit : 19.3.2018 – 23.02
I found it 😀 It is about the Storefront .css files. 🙂
-
This reply was modified 8 years, 2 months ago by ocliptus.
Hi @ocliptus,
What I would suggest is not editing a CSS file that exists but instead adding your own rules on top. You can do that by going to Customzier > Additional CSS.
Cheers,
