• Creator
    Topic
  • #28736

    Eric Bonar
    Participant

    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 10 replies - 1 through 10 (of 11 total)
Replies
  • Denzel Chia
    Moderator
    Post count: 3230
    #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: 27
    #28784 |

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

    Denzel Chia
    Moderator
    Post count: 3230
    #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: 27
    #30696 |

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

    Denzel Chia
    Moderator
    Post count: 3230
    #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: 27
    #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: 3230
    #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: 27
    #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: 3230
    #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: 27
    #31048 |

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

Viewing 10 replies - 1 through 10 (of 11 total)

The topic ‘WooCommerce Images on Shop Page’ is closed to new replies.