A-A+

如何在magento产品详细页面添加Related Products

2012年08月24日 灵犀一指 如何在magento产品详细页面添加Related Products已关闭评论 阅读 935 人 次

magento如何在产品详细页面的产品详细说明下面添加Related Products!!!

不废话了!

第一步:把下面的xml代码加到主题的布局文件catalog.xml的

[php]
<block type=”catalog/product_view_description” name=”product.description” as=”description” template=”catalog/product/view/description.phtml”/>
[/php]

的下面一行!

[php]

<block type=”catalog/product_list_related” name=”catalog.product.related” as=”related_products” template=”catalog/product/list/related.phtml”/>
[/php]

第二步:到你的产品详细页面调用这个模块!

app/design/frontend/default/your_template/template/catalog/product/view.phtml

打开上面这个文件,将代码

[php] <?php echo $this->getChildHtml(‘related_products’) ?> [/php]

放在你想要的位置!

到这里已经可以在你的产品详细说明下面显示related products了

下面一步是对related products的显示修改,如果不需要可以,skip!!!

第三步:app/design/frontend/default/monclerjackets/template/catalog/product/list/related.phtml

打开上面的文件,将里面的所有代码替换成下面的代码就可以了,不用写样式,也不用改html放上去就行了!because在下面的代码里已经将样式都写好了!

[php]
<?php if($this->getItems()->getSize()): ?>
<div>
<h2><?php echo $this->__(‘Related Products’) ?></h2>
<table cellpadding=”0″ cellspacing=”0″ border=”0″ style=”width:680px;”>
<tr>
<td>
<?php foreach($this->getItems() as $_item): ?>
<div style=”width:160px; height:250px; float:left;margin:0 10px 0 0″>
<a href="/templates/default/&rdquo";<?php echo $_item->getProductUrl() ?>” title=”<?php echo $this->htmlEscape($_item->getName()) ?>”><img src="/templates/default/&rdquo";<?php echo $this->helper(‘catalog/image’)->init($_item, ‘thumbnail’)->resize(120) ?>” width=”120″ height=”110″ alt=”<?php echo $this->htmlEscape($_item->getName()) ?>” /></a>
<div>
<p><a href="/templates/default/&rdquo";<?php echo $_item->getProductUrl() ?>”><?php echo $this->htmlEscape($_item->getName()) ?></a></p>
<?php echo $this->getPriceHtml($_item, true, ‘-related’) ?>
<?php if ($this->helper(‘wishlist’)->isAllow()) : ?>
<a href="/templates/default/&rdquo";<?php echo $this->getAddToWishlistUrl($_item) ?>”><?php echo $this->__(‘Add to Wishlist’) ?></a>
<?php endif; ?>
</div>
</div>
<?php endforeach ?>
<div></div>
</td>
</tr>
</table>
</div>
<?php endif ?>
[/php]

标签:

评论已关闭!