Product images not show, when starting with portrait

[lehmi55]

On the shop page I need to show images mixed in Portrait and Landscape format. So my Woocommerce Catalog Image size is set to width 0px and height 584px to show all images with the same height. The masonry layout is shown correctly, when the fist image to load has landscape format. If it has portrait format (image size is width 400px and height 800px), the complete block is shown with 1px height.

I have several product categories and at the sidebar a selection menu for categories is shown. If I select a category like ‘berlin’ or ‘hochformate’ where the first image is portrait format the wrapper class ‘multi-masonry-img-wrap’ gets a style=height:1px and all images are shown with height 1px.

Same problem happens, if I switch the pagination to standard and the next page starts with portrait format. If first image is landscape, all images are shown correctly. By the way, I like to have infinite pagination, and this does not work, too. I already opened another topic for this.

I already deactivated all third party plugins, but not yours and woocommerce, to see if the problem exists. And yes, it still exist.

[David Martin – Support]

Can you leave the plugins deactivated whilst I look?

Thanks.

[lehmi55]

I let enabled Redux Framework WooCommerce and Maintenance Mode. Is that ok?
Thanks

[David Martin – Support]

Great, thanks.

Could you test this in Theme Options => Custom CSS:

.archive .multi-masonry-items li.type-product.size-tall .multi-masonry-img-wrap {
    height: 100%!important;
    min-height: 348px;
}

[lehmi55]

Yeah, thanks! The problem with the display of images of only 1 px is dissolved. Can you solve me the problem of my other topic: http://www.swiftideas.com/forums/topic/multi-masonry-and-pagination-infinite-does-not-work/
That would be very good.

[David Martin – Support]

No problem, anytime. Sure, will get to that ticket asap.

Thanks,
David.

[lehmi55]

Hi David, sorry for the late answer, but I have been busy in another project. The Problem is not solved completely. With your custom CSS the images are shown completely now. Thats okay. But for Browser width smaller than 1150px it seems, as if the portrait style images have a top and bottom margin, which is because of the min-width setting. So I would have to make media queries for a lot of smaller resolutions. This can not be the solution. What do you think?

Are you working on a solution for the Theme? Will there be an update in the next days?

Thank you.

Attachments:

You must be logged in to view attached files.

[lehmi55]

Trying to set to ‘not Resolved’ again

[David Martin – Support]

Hi,

This is related to your bug report here: http://www.swiftideas.com/forums/topic/multi-masonry-and-pagination-infinite-does-not-work/

I’ll test this further and report back to your team for fix.

Thanks.

[lehmi55]

Hi,

have you ever more information for me? I’ll not otherwise work with. I’m looking forward to your reply.
Thanks.

[Swift Ideas – Ed]

Hi @lehmi55

We are looking at your other topic – lets leave this one resolved to avoid confusion.

– Ed