【问题标题】:Width on Magento go category page not resizing properlyMagento go 类别页面上的宽度未正确调整大小
【发布时间】:2013-07-02 09:45:08
【问题描述】:

有人可以帮忙吗?我的类别页面严重困扰着我。我将图像宽度设置为它接受的 300 像素。但是它不接受我改变网格的大小。所以基本上,它显示了尽可能多的 300 像素,它可以适合网格并将我的图像垂直切片。

http://www.ellamatthew.com/dresses

.products-grid li.item {width: 300px;} 
.products-grid .product-image { display:block; text-decoration:none !important; margin:0 auto 10px; position:relative; width:300px; }

这里还有什么我应该改变的吗?这里的任何帮助都会非常有用。

谢谢

【问题讨论】:

    标签: magento categories product image-size magento-go


    【解决方案1】:

    首先是你的 div

    .col2-right-layout .products-grid li.item, .col2-left-layout .products-grid li.item
    

    不满足width:300px;是160px

    第二个主要问题是您的图像width 它包含左右两侧的空白区域,因此它像这样显示会干扰对齐。

    我建议您删除空白或为产品制作300px 框,以便您可以在布局中进行调整。

    如果我能帮助你更多,请告诉我。

    【讨论】:

    • 嗨 Liyakat,我的天哪。非常感谢您的回复。好吧,图像现在已完整显示。我只需要稍微调整间距,以便所有 4 个图像都可以放在同一行上,而不是 3 个在 1 行上,1 个在下一行!你在这里帮了我很多。非常感谢!!
    • PS:我希望我能这么擅长阅读 CSS。这几天我一直在看这个页面!再次感谢。
    • 欢迎 @user2467004 我真的很高兴为您提供帮助,请投票支持我的答案,以使其完全用于其他可能与未来相关的问题。
    • 谢谢 Liyakat。我以前无法投票,但 Stack Overflow 多亏了你才给了我新的特权。现在投票给你!! :)
    猜你喜欢
    • 2022-08-13
    • 1970-01-01
    • 2012-10-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-08-07
    • 2020-08-09
    • 1970-01-01
    相关资源
    最近更新 更多