Post by linzeming » Tue Jun 04, 2013 1:36 pm

大家好:我使用1.5.5.1的版本
我想請問一下,目錄下我的產品一列顯示6個產品,覺得有點擁擠
請問我要修改哪之檔案,讓產品一列的顯示為4個或5個呢?
煩請回答,謝謝

Newbie

Posts

Joined
Tue Jun 04, 2013 12:49 pm

Post by hc1988 » Wed Jun 05, 2013 11:31 am

先尝试调整 Settins->Image->Product Image List Size 这个设置的值, 默认是80x80的图片大小, 修改大一些 比如160x160, 这时可能产品显示列表里面就会有些混乱 图片超出方框之类的,
以默认模板为例, 要调整:
\catalog\view\theme\default\stylesheet\stylesheet.css
这个文件947行开始, 如果没有修改过 应该是这样的:
.product-grid > div {
width: 130px;
display: inline-block;
vertical-align: top;
margin-right: 20px;
margin-bottom: 15px;
}

修改成这样:
.product-grid > div {
width: 140px;
display: inline-block;
vertical-align: top;
margin-right: 40px;
margin-bottom: 15px;
}

就是调整width: 140px; 和 margin-right: 40px; Product Image List Size 这三个值, 你可以慢慢修改调整到合适的.

Newbie

Posts

Joined
Sat Feb 02, 2013 9:44 am

Post by cusabio1 » Sun Jun 09, 2013 9:00 am

合适的值感觉非常难调到,请问有什么标准值作为参考吗?谢谢!

Newbie

Posts

Joined
Sun Feb 17, 2013 1:54 pm
Location - New York

Post by hc1988 » Sun Jun 09, 2013 9:32 am

这涉及到CSS布局, 只能根据你网站的实际产品图片大小比例还有显示产品列表的区域大小来修改这三个值的, 我的做法是 先记下 Product Image List Size 的值 然后按比例缩小或者放大这个值, 再去css文件中 一次10PX或5PX的慢慢再去调整width和margin-right 耐心一些 花点时间应该就能调整好吧.

Newbie

Posts

Joined
Sat Feb 02, 2013 9:44 am
Who is online

Users browsing this forum: Baidu [Spider] and 3 guests