Disable mouseover?

Hi,

The opacity is something I added to make the swap more fluid.
There is no setting for now to deactivate this, I will keep in mind to add it to the next release.
In the meantime if you want you can manually deactivate it by touching my CSS and desabling it.

Thanks,
David

I’m a bit of a new WordPress user…where do I find the CSS for that plugin?

Hi,

In that case it will be more tricky. You will have to have knowledge in CSS in order to understand and change.

You can use the plugin editor in the WordPress back-office, choose my plugin and look for the CSS file.

Thanks,
David

Hello,

I have gotten to the plugin editor in WordPress back office, but I don’t see a CSS file, only a PHP file and a readme.txt…also, for some reason there is no tab for “Smart Variations Images” in WooCommerce > Configuration > Products Tab (and I’m guessing that I go to WooCommerce>Settings>Products Tab, since there is no WooCommerce>Configuration>Products Tab…unless I’m missing something.)

Thanks

Hi,

I havent updated the information.
SVI setting can be found at:
Woocommerce > SVI

Since you cant find the css on the wordpress backoffice. Go using you cPanel file manager.
The plugin can be found at:

/public_html/wp-content/plugins/smart-variations-images/assets/css

There you will find the: woo_svi.min.css

edit that file to your taste.

Thanks,
david

Thank’s for you’re help, I played around with it and got the desired affect!

Hi, David. Your plugin is so cool. We use it on our website.

But now we have a problem. We create the product on the WOOCommerce and chose the simple product ( not variate). And lightbox doesn’t work, the image open in the same window. For example, https://providan.ua/tovar/botinki-1600/

When i disable -enable woocommecr default product image, light box on the simple product works succesfully, but on the variate product the lightbox show the white screen

We use WP 4.4.1

Woocommerce 2.4.12

Thanks in advance for your help

hi,

My plugin only work on variable products.
The reason you don’t have lightbox is because it not active in the woocommerce settings.

The first step is to ensure that the Lightbox is enabled by going to WooCommerce > Settings > General > Styles and Scripts, and making sure that “Enable WooCommerce lightbox on the product page” is checked.

This should fix your issue.

If you like the plugin, please leave a review!

Thanks,
David

I don’t know if this is related to the issue I emailed you about a few weeks back, but after the latest update to Smart Variation Images, I can no longer see any product images on their respective product pages. I went into Chrome’s Developer Tools, and I can see that there are placeholders for the images, and I can also see the images listed in the “Resources” panel under Frames/Images…but I can’t see them on the page.

An example of this would be on this page:

https://www.fanemb.com/test.fsportswear.com/index.php/product/adult-core-tee/

Hello,

Have0 you tried disabling the default Woocommerce product page and using mine?
WooCommerce > SVI ?

You have a class being added called “has-children” that is hidden the product images.
My plugin doesnt add that class. If you remove it on the chrome dev tool you will see the products show up.
My guess is that you have to figure out who is adding that class or overwrite that class.

You can find it on <div id=”product-2696″ class=”… has-children …”>

THanks,
David

What do you mean disable the default product page and use yours? I thought the plugin only dealt with the images?

by the way, this didn’t start happening until the last update of Smart Variation Images (which is an awesome plugin by the way, hopefully I can get it to work again).

Got it to work like before, I added this to my custom CSS:

.product.has-default-attributes.has-children>.images
{opacity:1}

since I couldn’t find the class you were referring to. Then I changed this in the woo_svi.min.css from opacity: .6 to opacity: 1

div.images div.thumbnails img{opacity:1;transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-webkit-transition:opacity 1s ease-in-out}

Although now it seems that that change broke my theme…

https://www.fanemb.com/test.fsportswear.com/index.php/product-category/activewear_spiritwear/performance/

Sorry for all the replies, this is the last one, the styling issue (or as I referred to it “broke me theme”) was actually due to another plugin I just activated. Anyways, thanks for the help!