Navigation
The 8theme studio's develops WordPress and Magento templates for online stores
 
Cart $0.00
Cart$0.00
The 8theme studio's develops WordPress and Magento templates for online stores

After woocommerce update: Hover images have disappeared

Home Page › Forum by WordPress & Magento Themes › Royal WordPress Support Forum › After woocommerce update: Hover images have disappeared

This topic contains 25 replies, has 2 voices, and was last updated by Rose Tyler Rose Tyler 8 months ago.

Viewing 20 posts - 1 through 20 (of 26 total)
1 2
  • Royalty
    Customer
    February 13, 2018 at 1:14 pm #184952

    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.

    Private Content Hidden
    #184952
    Rose TylerRose Tyler
    Staff
    February 13, 2018 at 1:28 pm #184955

    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
    Royalty
    Customer
    February 13, 2018 at 1:30 pm #184957

    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
    Rose TylerRose Tyler
    Staff
    February 13, 2018 at 1:33 pm #184958

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

    Regards

    #184958
    Royalty
    Customer
    February 16, 2018 at 8:07 pm #185352

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

    #185352
    Royalty
    Customer
    February 17, 2018 at 8:41 pm #185377

    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
    Rose TylerRose Tyler
    Staff
    February 19, 2018 at 8:32 am #185429

    Hello,

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

    Regards

    #185429
    Royalty
    Customer
    February 19, 2018 at 10:40 am #185456

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

    Private Content Hidden
    #185456
    Rose TylerRose Tyler
    Staff
    February 19, 2018 at 12:22 pm #185473

    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
    Royalty
    Customer
    February 19, 2018 at 12:25 pm #185475

    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
    Rose TylerRose Tyler
    Staff
    February 19, 2018 at 1:17 pm #185485

    Hello,

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

    Regards

    #185485
    Royalty
    Customer
    February 19, 2018 at 1:19 pm #185486

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

    #185486
    Rose TylerRose Tyler
    Staff
    February 19, 2018 at 4:16 pm #185525

    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
    Royalty
    Customer
    February 19, 2018 at 4:18 pm #185526

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

    #185526
    Royalty
    Customer
    February 19, 2018 at 4:21 pm #185527

    Ah seems that you just fixed it, thank you.

    #185527
    Rose TylerRose Tyler
    Staff
    February 19, 2018 at 4:22 pm #185530

    Hello,

    Please check now.

    Regards

    #185530
    Royalty
    Customer
    February 19, 2018 at 4:30 pm #185534

    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
    Rose TylerRose Tyler
    Staff
    February 19, 2018 at 4:35 pm #185536

    Hello,

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

    Regards

    #185536
    Royalty
    Customer
    February 19, 2018 at 4:40 pm #185538

    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
    Rose TylerRose Tyler
    Staff
    February 20, 2018 at 8:43 am #185592

    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
Viewing 20 posts - 1 through 20 (of 26 total)
1 2

You must be logged in to reply to this topic.

Create New reply

Oops, looks like you don’t have access!

Seems you did not register purchase code for Royal WordPress Support Forum to be able to create a topic on this forum.

You have expired purchase codes

You may extend support period on ThemeForest and then update its status by clicking "Update" button.

    • Purchase code
    • Expiration date
    • Update
    • d7ed5d03-cb21-4...
    • 15 Nov 2016
    • UPDATE

Please, enter the appropriate Envato purchase code below to create a topic on current forum

Envato Purchase Code

Enter the purchase code to access the latest plugins updates.

Do You want to save your time?

Order the best and the quickest
installation / customization service.

Starting price from $35 for excellent service!
Read more

Are you not satisfied? Contact our HR manager!

If you are not satisfied with our service in any respect, or we have made a mistake, please bring your complaint to us directly so that the matter can be resolved.

Contact manager

Your opinion is important to us!

If you are satisfied with our support and like our theme we would be very grateful for your positive rating and small comment about our product on ThemeForest.

rate-us
Rate our product

Footer logo

We are a team of designers and developers that create high quality Wordpress and Magento themes.

    

Our Working Hours (GMT. London)

We are open for your emails, questions and suggestions on:

Monday-Friday: 8.30 a.m. - 5.30 p.m.
Saturday: 9.00 a.m. - 2.00 p.m.
Sunday: Closed

Our newsletter

Sign-up to get the latest news and update information. Don't worry, we won't send spam, that's not how we roll.

© 2012-2015 All Rights Reserved. Quality Wordpress & Magento Themes. 8theme Ltd

Mobile version: Enabled
Back to top

See what you get with a Purchase Code

Get more abilities on our web-site with your Purchase Code input

Full access to forum

Access to plugin downloads

Clients community

Need more opportunities? Register your purchase code.

Check out the next steps of how to get it from your ThemeForest account.

  • 1 Go to themeforest.net and log into your account
  • 2 Click on your Downloads Tab
  • 3 Find the theme and click Download button
  • 4 Choose License Certificate and Purchase Code
  • 5 Purchase Code is inside of downloaded file
*Envato purchase code is not required to register
Newsletter

Our newsletter

Sign-up to get the latest news and update information. Don't worry, we won't send spam, that's not how we roll.