Images pictures in the catalog are displayed with a wrong height.

[kchabanov]

Hello, SwiftIdeas.

After updating to the latest Neighborhood version today, I’ve faced with an issue with the images pictures on the ‘Shop’ page.

http://tinypic.com/r/160abgm/8

As you can see on the video, thumbnails are displayed with a wrong height (they are longer than needed). I can’t understand what could cause it. When the page starts to load, they are displayed OK, but after page is fully loaded, the sizes are displayed incorrectly.

I haven’t make any changes to the code/settings/styles neither before nor after update, but this has somehow happened.

I’ve checked the pics sizes in the WooSettings and they are correct ( as it is stated in the theme documentation).

Could you please help me to fix this issue?

Thank you.

[Mohammad – SUPPORT]

Hi,
Please follow this article http://support.swiftideas.net/knowledgebase/how-to-fix-second-image-from-showing-after-removing-shop-actions/. Hope it will help you sure.

Thanks 🙂
With Best Regards
Swift Ideas

[deanjohn]

Hi Mohammad,

I have not long purchased your theme (about a week ago) and I have the same problem. I have followed all the documentation and set the woocommerce dimensions. It does not display like your Neighborhood demo.

I have checked the file and the code you mentioned is already in there., you must of had this in your latest version.

Please see below, I have spent days and trying to find a fix. Thank you.

The code already has the fix below:

},
productSetup: function() {
jQuery(‘ul.products’).each(function() {

var products = jQuery(this);

products.imagesLoaded(function() {

setTimeout(function() {
var product = products.find(‘li.type-product’).first();
var productImageHeight = product.find(‘.product-image > img’).height();
if (jQuery(‘#container’).width() <= 1024 && product.find(‘figure > figcaption’).is(“:visible”)) {
productImageHeight = productImageHeight + 20;
}
if (!productImageHeight || productImageHeight == 0) {
productImageHeight = 270;
}
products.find(‘li.type-product’).each(function() {
jQuery(this).find(‘figure’).css(‘padding-bottom’, productImageHeight + ‘px’);
});
SF.woocommerce.resizeCarousel();
}, 300);
});
});
},

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please upgrade to latest version of theme to fix this issue automatically.
Thanks 🙂
With Best Regards
Mohammad

[deanjohn]

This reply has been marked as private.

[deanjohn]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

This reply has been marked as private.

[deanjohn]

I have. I have the latest version of your theme.

Your fix is in the code but still have this problem.

check my development site here: http://britishleggings.com

[deanjohn]

Even after regeneration of thumbnails the image does not crop into size and you can still see the error of the second image appearing slightly below when you hover over it.

Also the shop has these problems and the first product added to the system is actually set smaller and smaller dimension, so why is the later products with slightly larger dimensions not cropped to match the first product as mentioned.

[Mohammad – SUPPORT]

Hi,
I see that all image size are not equal http://britishleggings.com/. Please confirm to your hosting provider about activation of php GD IMAGE / IMAGE MAGIK extension.
Thanks