跨境电商
经验交流分享

Magento分类页Thumbnail Image缩略图

Magento默认为每个分类提供了两种图片,分别为Thumbnail Image和Image。Image我们都知道,通常是放置在每个分类的产品列表上方,作为一个分类的促销或广告Banner用。而Thumbnail Image一般却很少用。

Magento分类缩略图Thumbmail

Magento分类缩略图Thumbmail

Thumbnail Image即缩略图的意思,按照B2C电子商务程序的设计,一般有两种左右。

1,放在导航中分类的左侧,非常小的图片,用来区分不同的分类。这种用法在游戏B2C网站中非常多见,比如魔兽世界的左侧放一个魔兽的小logo,暗黑的左侧放置一个暗黑的小logo,体验非常好。

Magento分类缩略图Thumbmail演示

Magento分类缩略图Thumbmail演示

2,分类缩略图的另外一种用法就是放在顶级分类页面进行显示。Magento的顶级分类可以作为非Layer显示,不显示产品列表,只显示该顶级分类下的子分类。效果如下图所示。下图是一个Magento顶级分类页面的截图,该顶级分类包含了4个子分类。每个子分类的上方,包含了一张图片来标识该分类大概销售的产品。这里,这些图片调用的就是Magento的Thumbnail Image缩略图。

Magento分类缩略图Thumbmail演示

Magento分类缩略图Thumbmail演示

Magento提供了调用Image路径的方法,而对于Thumbnail Image缩略图,只提供了获取图片名称的方法,却没有完整路径。不过好在所有的图片都放在固定的文件夹当中,我们可以很方便的在模版中调用该图片。下面代码中,通过getThumbnail()方法,可以获取到Magento分类缩略图Thumbmail的图片名称,如thumbnail.jpg。所以我们需要在前面构建完整的路径。好在Magento把所有的分类缩略图Thumbmail都放在了media/catalog/category目录下。所以获取也就相当简单了。

[php]
<img width="205" height="205" alt="Magento分类缩略图Thumbmail演示"
src="<?php $this->getUrl() ?>media/catalog/category/<?php echo $category->getThumbnail() ?>"
/>
[/php]

赞(0)
未经允许不得转载:锐想 » Magento分类页Thumbnail Image缩略图
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

锐想电商 - 跨境电商经验交流分享

锐想无限