Topmagento.com|Magento技术交流站

这篇文章教大家用magento自带的javascript 就能做出slideshow 图片轮回效果。很简单的方法和步骤。 下面是js代码： ?View Code XML1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <script type="text/javascript">   start_slideshow(1, 3, 2000);   function start_slideshow(start_frame, end_frame, delay) { setTimeout(switch_slides(start_frame,start_frame,end_frame, delay), delay); }   function switch_slides(frame, start_frame, end_frame, delay) { return (function() { [...]

在magento产品详细页显示自定义的属性是非常容易的。首先你需找到/app/design/frontend/default/default/template/catalog/product/view.phtml 该目录下的view.phtml 文件，当然这个文件的路径取决于你选择的模板，在你模板的路径可能是/app/design/frontend/default/yourthemes/template/catalog/product/view.phtml 找到后打开编辑，增加属性调用代码，常见的几种属性代码如下： 简单描述(short description)：<?php echo $this_helper(‘catalog/output’)->productAttribute($_product, nl2br($_product->getShortDescription()), ‘short_description’) ?> 描述(description)：<?php echo $this->helper(‘catalog/output’)->productAttribute($this->getProduct(), nl2br($this->getProduct()->getDescription()), ‘description’) ?> 产品名称(name)：<?php echo $_helper->productAttribute($_product, $this->htmlEscape($_product->getName()), ‘name’) ?> 产品编号(sku)：<?php echo $this->htmlEscape($_product->getSku()) ?> 产品价格(price)：<?php echo $_coreHelper->currency($_finalPrice,true,false) ?> 上面是magento商品几种常见的属性调用代码，把代码放在你想展示的合适位置即可。 当然，你也可以调用自定义的属性。下面介绍两种类型的属性调用： 1.你新增的属性为文本或文本域类型(Text Field or Text Area)，那么你的代码应为： ?View Code PHP1 < ?php echo $_product->getAttributeName() ?> 例如，你新增了一个属性代码（Attribute Code）为 shoe_size的属性,那么你的调用代码应写成下面格式： ?View Code PHP1 < ?php echo [...]

magento上传产品的略缩图默认是白色背景，有时候产品的细节图会出现黑色或其它颜色的背景，如图: 这种情况一般出现在批量上传的产品图片中。 现提供一个Magic Thumbnails 插件，能自动选择跟图片类似的颜色作为背景色，效果如图： 安装使用步骤： 1.下载该插件: http://topmagento.com/magento-magic-thumbnails/ 2.上传到magento根目录解压覆盖。 3.登录magento后台控制面板Admin->Configuration 清除缓存。

大家都知道magento程序在批量上传产品时是无法导入多张图片的，为了需要，这里提供一个批量上传多图的模块供大家免费下载。本人在magento1.324和magento1.4.1.0版本测试均能正确上传多图。 下载地址：http://topmagento.com/wp-content/uploads/2010/07/magento-import-multiple-images-for-products-module.zip 安装步骤： 1.解压文件包。 2.复制包内app文件夹，用ftp等软件上传到magento根目录覆盖原来的app文件夹即可。 3.登录magento后台控制面板，刷新缓存。 4.登录后台->系统（System）->设置（Configuration）->高级（Advanced）里面高级选项-“模块输出”里看到你新添加的模块MY_ImportMultipleImages。确保把它设置成enable。 接着你就可以用magento自带的导入/导出(import/export)工具进行批量上传了，上传产品时需注意一点，在原来csv文件中需插入一列，属性字段为”gallery” 。 前面“magento 单产品多图片批量上传技巧”这篇文章有详细介绍，这里就不多说了。

有时候由于模板设计需要添加一个幻灯片以增强美观效果，当然，幻灯片可以用flash做，也可以用javascript 来做。 这里具体讲解一下如何在magento模板里正确的添加javascript 文件。这里以默认模板路径为例，使用了自定义模板可以做相应的路径替换。 首先，你必须找到文件page.xml 路径如下： /app/design/frontend/default/default/layout/page.xml 打开找到 ?View Code XML1 <block type=”page/html_head” name=”head” as=”head”> </block> 这个块的代码，然后在块内添加你以下代码调用js文件。 ?View Code XML1 <action method="addJs"><script>yourscriptname.js</script></action> 例如这样： ?View Code XML1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <block type="page/html_head" [...]