magento任何页面的改动都是需要css的配合的，所以代码中改了magento列表页每行产品的显示数量，就一定要将你的css与之对应。

很多时候人们问我怎么将每行的数量改成三个或者四个，我就惆怅，因为css往往也是需要改的。css却是每个模板都不一样，让我说怎么改，不看下模板的 css，没法说。

以magento 1.4 版本的default模板文件为例，并且用首页显示产品的代码做分析。

1 {{block type="catalog/product_list"category_id="3"template="catalog/product/list.phtml"}}

此段代码用来在 magento的cms中显示某一个分类的产品的列表。代码中的template=”catalog/product/list.phtml“是使用catalog/product/list.phtml这个路径下的模板文件的样式来显示。

此list.phtml文件路径：app\design\frontend\base\default\template\catalog\product\list.phtml

所以当我们的list.phtml文件显示的是每行3件产品，很多人想让其每行显示4件。那么我们就在此文件路径：文件路径：app\design \frontend\base\default\template\catalog\product里面，也就是list.phtml一个文件夹中建个文件 list4.phtml，将list.phtml中的代码复制到list4.phtml中。

所以此时我们的首页显示产品的代码就变成了

1 {{block type="catalog/product_list"category_id="3"template="catalog/product/list4.phtml"}} 

我们让他使用list4.phtml这个模板文件，下面我们对list4.phtml进行修改，让其每行显示4个产品。
我们将list4.phtml改下，

截取代码片段如下

1 <?php $_columnCount= $this->getColumnCount(); ?>  //搜下“columnCount”关键字就搜到 
将其改为

1 <?php $_columnCount= 4 ?>

这样就每行显示4个产品了，想显示5个就改成5。

这样就改好了。

但是我们的问题还没有解决。原先每行3个，现在变成每行4个了，如果你的列表的宽度没有变，图片每行4个也许放不下的，那么你就需要去改产品的图片 尺寸。另一种情况是，css原先定义的是每行三个，每个图片区域宽度是300像素（或者33%），现在每行变成4个了，每个还是300像素（33%）也许 就放不下了。这样页面可能就会出问题。所以还需要改下css。
改图片尺寸我之前的文章有讲到，改css还是需要从长计议。我的magento模板开发指导的文章也有讲到在哪里学习css。

最模板想对普通用户说，如果你有时间去学下css就去学下，如果没有时间就让别人帮着改下，一般的模板都比较好改，几分钟就 fix的差不多了。