产品网格4列和某些页面5列有两排完整产品,如何？

Question

我正在使用产品网格,某些页面需要4列,在某些页面上有两行8个产品,在其他页面上有5列,每行10个产品.

我可以获得不同的列,但不会更改管理区域中设置的产品数量.对于我的5个列页面,如何覆盖每页8个产品的默认值？

Answer 1

克里斯,

你的问题不是很清楚:)你想改变每行的产品数量和/或每页产品的总数吗？

如果要更改每行的产品数量,以下内容应该足够了

对于要在每行显示10个产品的每个类别:

1-转到后端的类别并进行编辑.

2-转到"自定义设计"选项卡,并在"自定义布局更新"字段中添加以下内容:

<reference name="product_list">
     <action method="setColumnCount"><columns>10</columns></action>
</reference>

如果要更改每页的产品总数

在下文中,如果您在管理员中设置了每页的默认产品数量,并且仍希望将其显示在前端的分页器选择中,则必须将其添加到布局更新中.在以下示例中,默认产品计数为10,我们希望在给定类别上显示20个产品.对于要在每页显示20个产品的每个类别:

1-转到后端的类别并进行编辑.

2-转到"自定义设计"选项卡,并在"自定义布局更新"字段中添加以下内容:

<reference name="product_list_toolbar">

     <!-- Your default products count : 10 -->
     <action method="addPagerLimit"><mode>grid</mode><limit>10</limit></action>

      <!-- Your new products count : 20. This is mandatory to be able to display 20 products -->
     <action method="addPagerLimit"><mode>grid</mode><limit>20</limit></action>

      <!-- The total number of products to display per page -->
     <action method="setDefaultGridPerPage"><limit>20</limit></action>

</reference>

现在,让我们两个混合

我们希望每页显示20个产品,10列(所以每行10个产品2行)

<reference name="product_list">
     <action method="setColumnCount"><columns>10</columns></action>
</reference>
<reference name="product_list_toolbar">
     <!-- Your default products count : 10 -->
     <action method="addPagerLimit"><mode>grid</mode><limit>10</limit></action>         
      <!-- Your new products count : 20 -->
     <action method="addPagerLimit"><mode>grid</mode><limit>20</limit></action>         
      <!-- The total number of products to display per page -->
     <action method="setDefaultGridPerPage"><limit>20</limit></action>
</reference>

请注意...

...你必须调整你的CSS /主题,以确保10列<ul>足够宽,以包含10 <li>这个布局更新将生成.