Return to previous page

Topic: After woocommerce update: Hover images have disappeared

Royalty

Participant

February 13, 2018 1:14 pm

Hello,
I just updated woocommerce (v. 3.3.1) and noticed that the hover effect images have disappeared. When I check it with developer tools, it shows this:
<img class="show image" src="" class="show-image" alt="">
So the src is empty, it shows no image.
How can I fix this?
Thank you.
Theme version: 3.4
WooCommerce version: 3.3.1

#184952 copied to clipboard

Like

Rose Tyler

Support staff

February 13, 2018 1:28 pm

Hello,

3.4 theme version is not compatible with WC 3.3.1, so you may face some problem. You can downgrade WC version or wait for theme update, that will be released soon (within 1 week).

Regards

#184955 copied to clipboard

Like

Royalty

Participant

February 13, 2018 1:30 pm

Ok, hoping that the update will fix this. Downgrading is not that easy because the new woocommerce version made database changes. But I could use a backup..

#184957 copied to clipboard

Like

Rose Tyler

Support staff

February 13, 2018 1:33 pm

Ok. Feel free to ask if you have any other questions.

Regards

#184958 copied to clipboard

Like

Royalty

Participant

February 16, 2018 8:07 pm

Just updated my testpage to royal version 4.0, but the problem with missing hover images still exists 🙁

#185352 copied to clipboard

Like

Royalty

Participant

February 17, 2018 8:41 pm

Just wanted to admit that the hover (swap) images have not only disappeared from shop page, but also from the etheme (related products) slider…

#185377 copied to clipboard

Like

Rose Tyler

Support staff

February 19, 2018 8:32 am

Hello,

Please provide us with your website URL so we can take a closer look.

Regards

#185429 copied to clipboard

Like

Royalty

Participant

February 19, 2018 10:40 am

Dear Rose,
please find all information in private content. Thank you.

Content is visible for topic creator and
support staff only.

#185456 copied to clipboard

Like
Rose Tyler

Support staff

February 19, 2018 12:22 pm
Hello,

We’ve made some changes in royal/woocommerce/content-product.php and royal/woocommerce/content-product-slider.php files. The swap image will be got automatically from product gallery. Please add this css code in custom css:

.product-slide .product-image-wrapper.hover-effect-swap:hover img.show-image + img { opacity: 0 !important; }

and check.

Regards
#185473 copied to clipboard

Like
Royalty

Participant

February 19, 2018 12:25 pm

Thank you but now it shows the second product gallery image as hover image and not the one that I set as hover image..

#185475 copied to clipboard

Like

Rose Tyler

Support staff

February 19, 2018 1:17 pm

Hello,

Yes, you are right. We are planning to add this improvement in next theme update.

Regards

#185485 copied to clipboard

Like

Royalty

Participant

February 19, 2018 1:19 pm

Ok but it used to work until the last update of Royal and woocommerce. How can I fix this now?

#185486 copied to clipboard

Like

Rose Tyler

Support staff

February 19, 2018 4:16 pm

Hello,

We have fixed the problem on your site. If you do not set swap image, the second product gallery image will be shown, but if you select an image in product settings it will work also.
Is this ok for you?

Regards

#185525 copied to clipboard

Like

Royalty

Participant

February 19, 2018 4:18 pm

Thank you, that would be ok but now there are multiple error messages on the shop page :/

#185526 copied to clipboard

Like

Royalty

Participant

February 19, 2018 4:21 pm

Ah seems that you just fixed it, thank you.

#185527 copied to clipboard

Like

Rose Tyler

Support staff

February 19, 2018 4:22 pm

Hello,

Please check now.

Regards

#185530 copied to clipboard

Like

Royalty

Participant

February 19, 2018 4:30 pm

Thank you. Can you please fix it for content-product-slider.php too?
And will this be fixed in the next update? The perfect solution would be if it was like it was before: Show the swap image if there is one, and if there is none, just do nothing and keep the main product image.
Thank you.

#185534 copied to clipboard

Like

Rose Tyler

Support staff

February 19, 2018 4:35 pm

Hello,

You’re welcome!
To fix this for the slider please add the css code that we provided.
Ok.

Regards

#185536 copied to clipboard

Like

Royalty

Participant

February 19, 2018 4:40 pm

Ok, unfortunately its still not working perfectly. The swap images have other dimensions than the main images, although they are both 1000x1000px. The main product image is shown square, and the swap image as cropped to a rectangle… 🙁
Many thanks for your support.

#185538 copied to clipboard

Like

Rose Tyler

Support staff

February 20, 2018 8:43 am

Hello,

We have checked this situation and this a bit strange, because on my test site all works fine. Please regenerate images using appropriate plugin, if this won’t help, try to change permissions on wp-content/uploads folder to 777 or ask about this your hosting provider support.

Regards

#185592 copied to clipboard

Like