Magento 商品设定教学：帮商品的颜色选项做个示意小图
在上一篇文章中、我们已经完成了商品选项的建置，现在我们要来把颜色选项的下拉选单改成缩图的样式、使消费者更一目了然。
设定Configurable Swatches
Step 1. 进入Magento后台，选择Catalog > Configuration。
Step 2.在左侧的工具栏中选择CATALOG底下的Configurable Swatches。
Step 3. 展开右侧的General Settings，接着确认底下的设定：
- Enabled: Yes
- Product Attributes go Show as Swatches in Product Detail: 选择您希望在商品页中以小图显示的选项。
- Product Attribute to Use for Swatches in Product Listing: 选择你希望在商品品列表中以小图以小图显示的选项。
Magento教程 42：帮商品的颜色选项做个示意小图
Magento教程 42：帮商品的颜色选项做个示意小图
设定完成之后、我们会发现商品页面的下拉选单已经变成了按钮。 接下来我们要把这些按钮变成图片。
Magento教程 42：帮商品的颜色选项做个示意小图
准备按钮要用的图片。 并且符合以下规则：
Step 1. 图片的命名必须与选项在Attribute设定里的命名相同。
Step 2. 图片的必须是png档案。
Magento教程 42：帮商品的颜色选项做个示意小图
上传图片
Step 1. 将图片上传到media/wysiwyg/swatches。
你可以使用FTP上传或是利用Magento内建的图文编辑器上传档案
Magento教程 42：帮商品的颜色选项做个示意小图
这样子我们就完成了将下拉选单变成小图的设定。
Magento教程 42：帮商品的颜色选项做个示意小图
这个小图不只会在商品页面出现、也会在商品列表中出现。
Magento教程 42：帮商品的颜色选项做个示意小图
在这次分享的文章中，我们分享的是如何将商品选项的下拉选单改成缩图的样式、使消费者更一目了然。
在下一次的文章中，我们将要分享如何设定二种以上的商品选项，让消费者可以在同一个商品页面中选择颜色及尺寸。 这是服饰类的购物网站常用到的小技巧哦。
原文：http://www.astralweb.com.tw/create-configurable-swatches-in-magentocreate-configurable-swatches-in-magento/
本文：帮商品的颜色选项做个示意小图
Related Posts
-
Magento教程 16：Magento价格规则的优先度做为一个刚接触Magento的菜鸟，相信在设定商品时一定会感到一头雾水，这么多的参数，光是设定价格就被搞到一个头两个大了，到底该怎么弄呢？ 价格、优惠价、群组价、阶层价都设定的话，究竟是会采用哪一个呢？ 不要担心！ 其实Magento是个非常有智慧的系统。 Magento有一套自己判断标准，那就是采用最低的价格，例如说，售价500，优惠价399的话，Magento一定优先采用优惠价399，但是如果今天反过来呢？ 让我们来看看下图的例子： 我们可以看到Magento会采用较低的价格，接着我们来考虑下一个情境，当我的VIP价格(群组价格)比特价高的时候又会如何呢？ 我们来看以下范例： 可以看到Magento系统依然采用了最低价格900，反之，若是VIP价格比较低，系统也会自动采用VIP价格，是不是很方便呢？…
-
Magento教程 27：在Magento中设定联络表单的收件信箱Magento系统有预设的联络表单功能，位置是在您网站的网址/contacts 如画面所见，提供简单的栏位让顾客可以透过表单寄送电子邮件给网站管理者，现在要带领您设定联络表单的收件信箱 首先，先进入Magento后台并前往系统→设定 接着在左侧栏中点选设定→联系人 栏位说明 启用联系我们是否启用联系我们表单，如果选否，联络我们页面则不显示在网站前台。 发送邮件给设定接收联络表单的电子邮件地址 发件人联系表单的寄件者，此栏位可以在商店的电子邮件中设定 电子邮件模板信件内容的模板，可于系统中自行定义…
-
Magento教程 13：在Magento中设定联络表单的收件信箱Magento系统有预设的联络表单功能，位置是在您网站的网址/contacts 如画面所见，提供简单的栏位让顾客可以透过表单寄送电子邮件给网站管理者，现在要带领您设定联络表单的收件信箱 首先，先进入Magento后台并前往系统→设定 接着在左侧栏中点选设定→联系人 栏位说明 启用联系我们是否启用联系我们表单，如果选否，联络我们页面则不显示在网站前台。 发送邮件给设定接收联络表单的电子邮件地址 发件人联系表单的寄件者，此栏位可以在商店的电子邮件中设定 电子邮件模板信件内容的模板，可于系统中自行定义…
