默认的 rwd 首页 New Products 显示3列,现在需要方便修改多列。
方法1:通过修改css,缺点灵活性不够。
方法2:修改代码,以后只要通过管理平台就能方便修改。
- 找到 \app\design\frontend\base\default\template\catalog\product 下的 new.phtml 复制到
app\design\frontend\rwd\default\template\catalog\product\
(你也可以直接修改base下的new.phtml,这会影响全局)
- 打开 new.phtml,找到 <ul class="products-grid">,修改成
<ul class="products-grid products-grid--max-<?php echo $_columnCount; ?>-col">
(之前应该有 <?php $_columnCount = $this->getColumnCount(); ?>,如果没有请加上)
保存之。
- 进入admin管理平台:CMS -> Pages -> Home page -> Design -> Page Layout -> Layout Update XML
- 加入
<action method="setColumnCount"><columns>4</columns></action> <action method="setProductsCount"><count>4</count></action>
最后显示是:
保存之<reference name="content"> <block type="catalog/product_new" name="home.catalog.product.new" alias="product_new" template="catalog/product/new.phtml" after="cms_page"> <action method="addPriceBlockType"> <type>bundle</type> <block>bundle/catalog_product_price</block> <template>bundle/catalog/product/price.phtml</template> </action> <action method="setColumnCount"><columns>4</columns></action> <action method="setProductsCount"><count>4</count></action> </block> </reference>
- 清空缓存:System -> Cache Management 按 Flush Magento Cache