Issue with Quick View Bar Display on Smaller Images

Hello,

I would like to report an issue I’ve encountered—specifically, when the product image is smaller, the visual layout of the “Quick View, Compare, Wishlist” bar breaks.

Could you please advise me on how to eliminate this problem?

Best regards,
Nikola

Attachments:

You must be logged in to view attached files.

Hello,

The problem occurs because the product image you’re using is quite short in height (Dimensions: 549×214 pixels), which doesn’t provide enough vertical space for the Quick View, Compare, Wishlist toolbar to appear correctly on hover.

To resolve this, I recommend using product images with a more standard aspect ratio, ideally closer to square (800×800px).

If you have any questions, feel free to contact us.

Best Regards,

Hello,

thank you for the clarification, but I don’t quite like this approach. It feels like too much additional work. Is there a way to set this directly within your theme or somewhere in WordPress?

I tried using Settings > Media, but it didn’t work.

I also tried with code, but that didn’t work either… I really need to achieve this. Please help me.

Best regards, Nikola

Hello,

The best and most visually consistent solution is to use product images with the same dimensions — this ensures your layout looks clean and balanced.

However, if you prefer not to upload new images, you can apply the following custom CSS as a workaround:

Navigate to Theme Settings > Custom CSS > Global and add the following CSS:

.product-grid-item .product-image-link {
    min-height: 300px; /* Adjust as needed */
    display: flex;
    align-items: center;
    justify-content: center;
}

Best Regards,

Hello,

you’re making me feel happier than ever! Thank you, and yes — I completely agree with you. However, achieving uniform image sizes will be something for a later stage. Even if we manage to do that, this is still a great way to make sure that no product looks off visually if it happens to be missed during processing. I always prefer safety, because we’re human and we all make mistakes sometimes.

You can close the topic. Thank you again!

Best regards,
Nikola

Hello,

You’re very welcome! If you need anything else, feel free to reach out!

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards,

[Author]

Posts