Topic Resolution: Not Resolved
  • Creator
    Topic
  • #28736

    Eric Bonar
    Participant
    Been thanked: 4 times

    Since updating WooCommerce to 2.6.2, the product gallery images are showing behind the Product Image on the Shop page. WooCommerce said they think it’s a feature issue with the theme and asked if it there are any theme updates.

    http://www.friscoheritage.org/shop

Viewing 11 replies - 1 through 11 (of 11 total)
Replies
  • Denzel Chia
    Moderator
    Post count: 3225
    Been thanked: 129 times
    #28741 |

    Hi,

    Our developers are working on a new update.

    Please wait for it’s release.
    I do not have an estimate time of completion.

    Thank you

    Eric Bonar
    Participant
    Post count: 21
    Been thanked: 4 times
    #28784 |

    Thank you. Do you have an idea of when the update might be released?

    Denzel Chia
    Moderator
    Post count: 3225
    Been thanked: 129 times
    #28786 |

    Hi,

    Sorry, I have no idea.
    My employer is not able to give an estimate time of completion.

    Thank you.

    Eric Bonar
    Participant
    Post count: 21
    Been thanked: 4 times
    #30696 |

    Any update on when this issue might be resolved?
    Thanks,

    Denzel Chia
    Moderator
    Post count: 3225
    Been thanked: 129 times
    #30704 |

    Hi,

    Sorry, I did not receive any news from our developer.
    Let me try to help you on this issue.

    Please use the following in Theme Options -> Custom CSS

    It will make your product image, and hover image full width, so that they “stack up” properly over the other.
    You will see other product images only when you hover over a product image on your shop page.

    This is how it will look.
    http://screencast-o-matic.com/watch/cD62fZjzxy

    Thank you

    Eric Bonar
    Participant
    Post count: 21
    Been thanked: 4 times
    #30723 |

    Thank you for this temporary fix. I’ve added the code and it looks better than before, however, the first image stands out from the pictures of the other products and doesn’t look professional. I hope Theme4Press is working on a permanent fix.

    Denzel Chia
    Moderator
    Post count: 3225
    Been thanked: 129 times
    #30724 |

    Hi,

    however, the first image stands out from the pictures of the other products and doesn’t look professional.

    Sorry, I do not understand this reply.
    Please provide screenshot with annotation to describe this issue.

    By the way, your issue could be due to changes you made in woocommerce product image setting.
    You could have unchecked the Hard Crop image setting, which is why your images are not of same size.
    You should use the following plugin to regenerate your images.
    https://wordpress.org/plugins/regenerate-thumbnails/

    Thank you

    Eric Bonar
    Participant
    Post count: 21
    Been thanked: 4 times
    #30738 |

    The Product Image that shows when viewing the Shop page appears larger than other pictures that don’t have an issue with the secondary product image showing behind the primary product image.
    Screenshot http://screencast.com/t/uF5UCOAZ
    Because there’s such a significant size difference between the product images, I don’t think it looks professional.

    The Hard Crop image setting has been unchecked, and the Catalog Image dimensions are set to 300 x 200. This is what it looks like when I check the Hard Crop image setting box.
    http://screencast.com/t/vlGJQ3scN

    If I remove the code you provided earlier, and leave the Hard Crop setting checked, this is what the images look like in the Shop page
    http://screencast.com/t/HIUiVCTraW7

    Not all of the images are the same dimensions. Some are 600×400, some 400×600, some 600×600 and others are 486×648.

    In this screenshot, both images are 600 x 600
    http://screencast.com/t/yy18j1qqXPKh
    In this screenshot, the Product image is 600 x 600 and the second product image is 486 x 648.
    http://screencast.com/t/A0YolNDvb
    They look the same if the Hard Crop setting is checked or unchecked, and the code you provided is added to the Custom CSS.

    I have not tried the Regenerate Thumbnails plugin, however, I do have the EWWW Image Optimizer installed and activated.

    Denzel Chia
    Moderator
    Post count: 3225
    Been thanked: 129 times
    #30743 |

    Hi,

    Regenerate Thumbnails plugin and EWWW Image Optimizer does not serve the same purpose.
    Please use Regenerate Thumbnails plugin to regenerate your thumbnails. It’s recommended by WooCommerce as written in the woocommerce product image settings.

    Thank you

    Eric Bonar
    Participant
    Post count: 21
    Been thanked: 4 times
    #31048 |

    Didn’t change anything by running the Regenerate Thumbnails plugin.

    Denzel Chia
    Moderator
    Post count: 3225
    Been thanked: 129 times
    #31064 |

    Hi,

    After you check or uncheck product image crop, you need to run regenerate thumbnails plugin once in order to see the difference.

    And you need to clear your W3 Total Cache’s cache content in order for the front end to update with new content.

    Thank you

Viewing 11 replies - 1 through 11 (of 11 total)
You must be logged in to reply to this topic.