Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Images pictures in the catalog are displayed with a wrong height.
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Images pictures in the catalog are displayed with a wrong height.
- This topic has 9 replies, 4 voices, and was last updated 10 years by Mohammad – SUPPORT.
-
Posted in: Neighborhood
-
June 1, 2014 at 2:31 pm #79308
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.
June 2, 2014 at 12:42 pm #79538Hi,
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 IdeasAugust 27, 2014 at 2:25 pm #104533Hi 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.August 28, 2014 at 8:42 am #104793Hi,
Please upgrade to latest version of theme to fix this issue automatically.
Thanks ๐
With Best Regards
MohammadAugust 28, 2014 at 11:21 pm #105047This reply has been marked as private.August 28, 2014 at 11:34 pm #105053This reply has been marked as private.August 29, 2014 at 1:08 pm #105246This reply has been marked as private.August 29, 2014 at 4:07 pm #105297I 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
August 29, 2014 at 4:07 pm #105298Even 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.
September 1, 2014 at 9:06 am #105670Hi,
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 -
Posted in: Neighborhood
You must be logged in and have valid license to reply to this topic.