来源：
http://quickbest.com.cn/discuz/thread-21808-1-1.html
作者：chinakr(<
http://www.edu-map.com/chinakr)
日期：2008-02-07
1. 进入ECSHOP商城后台管理。首先在“商品管理->商品品牌”中添加品牌。
我在这里添加了一个“Foxconn 富士康”。
2. 然后在“商品管理->商品分类”中添加好分类。
我在这里设定的分类是“富士康形象店->富士康机箱->超狐系列”。
3. 打开资料来源网页，准备好产品图片。
打开富士康主页，在机箱产品分类中找到超狐系列。
点击进入TSAA-832机箱。
复制型号“TSAA-832”。
点击产品图片下的“放大图”超链接，把打开的图片保存在本地磁盘上。按照下列规则重命名：“产品分类.品牌.型号”，如“Case.Foxconn.TSAA-832”。
在GIMP图像处理工具中把刚才得到的GIF图片“Case.Foxconn.TSAA-832.gif”另存为PNG图片“Case.Foxconn.TSAA-832.png”，经过这样的处理，图片尺寸由74.2KB减小到68.5KB。然后把“Case.Foxconn.TSAA-832.gif”文件删除。
注：PNG是开源开放的图片格式，你可以在网页、办公文档、演示文稿中使用这种格式，而不用担心引起法律纠纷。Firefox3等最新Web浏览器提供了对PNG格式的原生支持，渲染效率更高。
4. 开始添加商品。
选择“商品管理->添加新商品”。
首先输入“通用信息”。
在“商品名称”中输入“富士康 TSAA-832 机箱”，在“商品分类”中选择“富士康形象店->富士康机箱->超狐系列”，在“商品品牌”中选择“Foxconn 富士康”。
在“上传商品图片”中，选择上一步保存在本地磁盘上的“Case.Foxconn.TSAA-832.png”。在保存商品时，系统会自动上传图片并生成缩略图。
接下来输入“详细描述”。
对于一般商品来说，最重要的属性就是“产品介绍”和“产品规格”。富士康主页上对于产品的介绍也是如此。
在所见即所得模式下，键入“产品介绍”，换行，复制粘贴相关内容，换行。键入“产品规格”，换行，复制粘贴相关内容。然后把“产品介绍”和“产品规格”这两个关键字加粗(可以使用工具栏加粗按钮，也可以使用Ctrl+B快捷键。快捷键必须在编辑框被选中的情况下才能起作用)。
经过上面的步骤，商品的详细描述的格式还可能出现一些问题，因为在所见即所得模式下，复制粘贴会带来一些无用的HTML代码片段，它们有时候会引起页面的混乱。因此还有很重要的一步就是手动修正源代码。
在源代码模式下(点击工具栏的Source按钮)，去掉多余的<p><br/><span>标签，补全不完整的标签。在这里我的建议是，把产品介绍和产品规格分别用<p>标签括起来，这样可以避免不必要的段落缩进和段落间距，更有效地利用页面空间，并保持风格统一和美观。
下面分别是修改前和修改后的代码，供大家参考学习：
修改前的代码引用:
<p style="font-weight: bold;">产品介绍</p>
<p><span id="BareBone_Desc">- 机箱采用四光驱位、二软驱位、四硬盘位设计，可满足日后升级需求。<br />
- 机箱前置2*USB2.0接口、音频输出(音箱)&1*音频输入(麦克)，方便用户使用<br />
- 机箱前后均留有80/92/120mm风扇位，增强整体散热功能。<br />
- 机箱均采用“单面烤漆”取代传统“双面烤漆” 可以更有效地防止电磁辐射的泄漏。<br />
- 面板均采用防火等级高的ABS料,钢板采用防辐射与防腐蚀性能优越的“热浸镀锌钢板”。<br />
- 机箱所用材料均符合欧盟ROHS标准，是真正的绿色环保机箱。<br />
- 机箱做工精细，各组件之间组合紧密，间隙、断差极小。<br />
- 机箱电源位、边缘均设计有防辐射能力优越的“电源EMI弹点”。</span></p>
<p style="font-weight: bold;">产品规格</p>
<table width="100%" cellspacing="0" cellpadding="5" border="0">
<tbody>
<tr>
<td width="20%" nowrap="nowrap" class="row1"><span id="lbSeries">系列</span> </td>
<td width="80%" class="row1"><span id="lSeries">超狐系列</span></td>
</tr>
<tr>
<td nowrap="nowrap" class="row2"><span id="lbFrontPanelColor">前端面板颜色</span> </td>
<td class="row2"><span id="LFrontPanelColor">银黑</span></td>
</tr>
<tr>
<td nowrap="nowrap" class="row1"><span id="lbEnclosurColor">机箱颜色</span> </td>
<td class="row1"><span id="lEnclosurColor">黑</span></td>
</tr>
<tr>
<td nowrap="nowrap" class="row2"><span id="lbSelectiveColor">选择颜色</span> </td>
<td class="row2">
<table cellspacing="0" cellpadding="0" border="0" id="Table">
<tbody>
<tr>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td nowrap="nowrap" class="row1"><span id="lbBrackets">支架</span> </td>
<td class="row1"><span id="LBrackets">4*光驱+2*软驱+4*硬盘</span></td>
</tr>
<tr>
<td nowrap="nowrap" class="row2"><span id="lbFrontPorts">前置接口</span> </td>
<td class="row2"><span id="lFrontPorts">2*USB1.1/2.0+Audio+Mic</span></td>
</tr>
<tr>
<td nowrap="nowrap" class="row1"><span id="lbMaterial">钢材</span> </td>
<td class="row1"><span id="lMaterial">0.5mmGI</span></td>
</tr>
<tr>
<td nowrap="nowrap" class="row2"><span id="lbDimensions">尺寸</span> </td>
<td class="row2"><span id="lDimensions">185*415*390mm</span></td>
</tr>
<tr>
<td nowrap="nowrap" class="row1"><span id="lbWeight">重量</span> </td>
<td class="row1"><span id="LWeight">5.8KG</span></td>
</tr>
</tbody>
</table>
修改后的代码：引用:
<p><span style="font-weight: bold;">产品介绍</span><br/>
- 机箱采用四光驱位、二软驱位、四硬盘位设计，可满足日后升级需求。<br />
- 机箱前置2*USB2.0接口、音频输出(音箱)&1*音频输入(麦克)，方便用户使用<br />
- 机箱前后均留有80/92/120mm风扇位，增强整体散热功能。<br />
- 机箱均采用“单面烤漆”取代传统“双面烤漆” 可以更有效地防止电磁辐射的泄漏。<br />
- 面板均采用防火等级高的ABS料,钢板采用防辐射与防腐蚀性能优越的“热浸镀锌钢板”。<br />
- 机箱所用材料均符合欧盟ROHS标准，是真正的绿色环保机箱。<br />
- 机箱做工精细，各组件之间组合紧密，间隙、断差极小。<br />
- 机箱电源位、边缘均设计有防辐射能力优越的“电源EMI弹点”。</p>
<p><span style="font-weight: bold;">产品规格</span><br/>
<table width="100%" cellspacing="0" cellpadding="5" border="0">
<tbody>
<tr>
<td width="20%" nowrap="nowrap" class="row1"><span id="lbSeries">系列</span> </td>
<td width="80%" class="row1"><span id="lSeries">超狐系列</span></td>
</tr>
<tr>
<td nowrap="nowrap" class="row2"><span id="lbFrontPanelColor">前端面板颜色</span> </td>
<td class="row2"><span id="LFrontPanelColor">银黑</span></td>
</tr>
<tr>
<td nowrap="nowrap" class="row1"><span id="lbEnclosurColor">机箱颜色</span> </td>
<td class="row1"><span id="lEnclosurColor">黑</span></td>
</tr>
<tr>
<td nowrap="nowrap" class="row2"><span id="lbSelectiveColor">选择颜色</span> </td>
<td class="row2">
<table cellspacing="0" cellpadding="0" border="0" id="Table">
<tbody>
<tr>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td nowrap="nowrap" class="row1"><span id="lbBrackets">支架</span> </td>
<td class="row1"><span id="LBrackets">4*光驱+2*软驱+4*硬盘</span></td>
</tr>
<tr>
<td nowrap="nowrap" class="row2"><span id="lbFrontPorts">前置接口</span> </td>
<td class="row2"><span id="lFrontPorts">2*USB1.1/2.0+Audio+Mic</span></td>
</tr>
<tr>
<td nowrap="nowrap" class="row1"><span id="lbMaterial">钢材</span> </td>
<td class="row1"><span id="lMaterial">0.5mmGI</span></td>
</tr>
<tr>
<td nowrap="nowrap" class="row2"><span id="lbDimensions">尺寸</span> </td>
<td class="row2"><span id="lDimensions">185*415*390mm</span></td>
</tr>
<tr>
<td nowrap="nowrap" class="row1"><span id="lbWeight">重量</span> </td>
<td class="row1"><span id="LWeight">5.8KG</span></td>
</tr>
</tbody>
</table></p>
最后点击确定，等待系统上传图片和保存商品信息。
5. 验证刚才添加的商品是否正确。
在ECSHOP商城中点击“富士康形象店->富士康机箱->超狐系列”，其中的第一项就是我们刚才添加的“富士康 TSAA-832 机箱 ”。点击浏览商品详情，商品信息正确无误。
6. 在后续的维护管理过程中，可以进入“商品管理->商品列表”，通过搜索功能，用关键字定位到某个商品。例如键入“TSAA-832”就会找到我们刚才添加的机箱。选择“编辑”，就可以修改商品价格、添加商品图片和进行更多地操作了。
希望通过上面的介绍，大家都能掌握快速高效地往ECSHOP网络商城中添加商品的方法。我相信大家能够举一反三，根据自己的实际使用环境，找到最适合于自己的工作方法，让ECSHOP这套强大的系统更好地为我们服务。
