来源:http://www.magentonet.com/magento%E9%A6%96%E9%A1%B5%E6%98%BE%E7%A4%BA%E6%9C%80%E6%96%B0%E4%BA%A7%E5%93%81new-products/
显示样子:
::__IHACKLOG_REMOTE_IMAGE_AUTODOWN_BLOCK__::0
操作步骤:
第一步:先进后台CMS——>page——->home page————->design【将这个里面的xml代码启用,把注释去掉<!– 和 –>】
这样首页就能显示new products了。
下面就是要修改文件里面每行的排版的了!!!
第二步:app/code/core/Mage/Catalog/Block/Product/new.php
这个里面 const DEFAULT_PRODUCTS_COUNT = 5; 这个数字就是控制new products显示总数了,
就是在首页总共显示多少个新产品。
第三步:app/design/frontend/default/You-template/template/catalog/product/new.phtml
将里面的内容替换
成
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
<?php
if
((
$_products
=
$this
->getProductCollection()) &&
$_products
->getSize()): ?>
<div style=”margin-top:10px;”>
<h2><?php
echo
$this
->__(‘New products’) ?></h2>
<div>
<?php
$i
=0;
foreach
(
$_products
->getItems()
as
$_product
): ?>
<?php
if
(
$i
++%5==0): ?>
<ol>
<?php
endif
; ?>
<li>
<p>
<a href=”<?php
echo
$_product
->getProductUrl() ?>” title=”<?php
echo
$this
->htmlEscape(
$_product
->getName()) ?>”>
<img src=”<?php
echo
$this
->helper(‘catalog/image’)->init(
$_product
, ‘small_image’)->resize(80, 77) ?>” width=”80″ height=”77″ border=”0″ alt=”<?php
echo
$this
->htmlEscape(
$_product
->getName()) ?>” />
</a>
</p>
<div><a href=”<?php
echo
$_product
->getProductUrl() ?>” title=”<?php
echo
$this
->htmlEscape(
$_product
->getName()) ?>)”><?php
echo
$this
->htmlEscape(
$_product
->getName()) ?></a></div>
<?php
echo
$this
->getReviewsSummaryHtml(
$_product
, ‘short’) ?>
<?php
echo
$this
->getPriceHtml(
$_product
, true, ‘-
new
’) ?>
<?php
if
(
$_product
->isSaleable()): ?>
<!–<button onclick=”setLocation(‘<?php
echo
$this
->getAddToCartUrl(
$_product
) ?>’)”><span><?php
echo
$this
->__(‘Buy Now’) ?></span></button>–>
<?php
else
: ?>
<div><?php
echo
$this
->__(‘Out of stock’) ?></div>
<?php
endif
; ?>
<div></div>
</li>
<?php
if
(
$i
%5==0): ?>
</ol>
<?php
endif
?>
<?php
endforeach
; ?>
</div>
</div>
<?php
endif
; ?>
|
第4步:加入下面的css就ok了!
1
2
|
.item_s {
float
:
left
;
width
:
135px
;
height
:
200px
;
text-align
:
center
;
margin-top
:
10px
;}
.product-name a {word-wrap:break-word; }
|