0

我需要有关 magento 中 pinterest/masonry 布局的帮助(我还没有完成 magento 部分)。我是一名网页设计师,但我对这个问题不了解。基本上我不得不在最后一分钟改变布局,因为它作为一个列布局工作得很好。现在它显示重叠,我找不到解决这个问题的方法。我真的很感激一些帮助,我无能为力:(

她是带有布局的测试页面:http: //mtl.itaservices.net/kitchenware/toasters

有时效果很好,而其他(尤其是刷新时)会弄乱布局并导致产品区域重叠或隐藏。

我将永远感激,并可以为任何设计问题提供帮助。

4

1 回答 1

0

我认为您的问题是在实际加载产品图像之前应用了砌体。它基本上确定了没有图像的盒子大小,因为它们尚未加载。加载图像时,框会展开,与其他元素重叠。

Masonry 与 imagesLoaded jquery 插件配合得很好。请参考这篇文章: http: //masonry.desandro.com/appendix.html#imagesloaded

于 2014-07-24T12:33:16.847 回答