修改Magento se105模版 Latest Product等模块的默认图片及外框大小

作者博客viewmode=contentshttp://blog.csdn.net/tanmaoxian

http://blog.csdn.net/tanmaoxian/article/details/8858279

se105模版，默认的图片大小是155*120.看多了以后，就觉得有视觉疲劳了。最近做了一个服装网站，如果还是按照155*120这个比例的话，衣服摆放就不好看了。所以就考虑改动外框和图片的大小。改动以后。效果立刻明显。先看下效果图

这样改成了width：height=3:4的比例后。网站立刻美观了不少。原来se105模版也是适合服装网站的，哈哈。

下面说下修改方法：找到app/design/frontend/default/se105/template/bmproducts/product/latest.phtml，然后把代码中的155*120全部改成168*224.有两处地方需要改动的。

改动好以后，你会发现图片长度被拉长了，产品标题，产品价格，还有什么加入购物车，rating等会被往下挤，一句话，CSS被破坏了。其实个人认为，这个展示页面，评论等级，addtocart,addtowish都没什么用。所以在刚才那个文件下面。删掉了代码

<?phpecho$this->getReviewsSummaryHtml($_product,'short',true)?>

<?php$categories=$_product->getCategoryIds();?>
<span>In</span>
<?php$i=1;foreach($categoriesas$k=>$_category_id):?>
<?phpif($i>1){break;}?>
<?php$_category=Mage::getModel('catalog/category')->load($_category_id)?>
<aclass="in-category"href="<?phpecho$_category->getUrl()?>"><?phpecho$_category->getName()?></a>
<?php$i++;endforeach;?>

把这段代码删掉以后。上面的那些就不存在了。但是你们看到和我上图展示的效果还是不一样。那是因为文字和产品价格没有居中显示，产品的价格也没有变成红色。

那是因为还有一个地方需要改动的，就是CSS文件。找到skin\frontend\default\se105\css\styles.css第1957行左右的代码。width=168px,height=312px.这里高度改成312而不是224.是因为这个高度包括了产品标题和价格的高度。1960行左右的代码,改为height=224px，width=168px。1961行的代码也要改成166,224.我的产品标题设置成了居中。是1972行左右代码，添加text-align:center;在这行代码里，我还改动了一个地方，把max-height改成了35px,这样如果标题很长的话，它就只会显示其中两行，哈哈，效果很不错。产品价格居中，颜色变为红色。在1110行，把颜色改成red,在1104行。添加text-align:center;不过这里改成了center以后，产品页面的产品价格也会居中显示。先不管这个了，刷新缓存，去首页看效果吧！