Magento教程 41:Magento如何新增商品的颜色选项

帮您的商品建立颜色选项,让不同颜色的商品在同一个商品页面中呈现。

今天欧斯瑞进了新的商品、一款疗愈的Astral Dog,这款Astral Dog共有四个颜色、我们想将他放到欧斯瑞的Magento 购物网站上去贩售,并且希望消费者可以在同一个商品页面挑选商品的颜色、进行购买,所以接下来我们就要开始进行商品上架的工作啰。

Magento教程 41:Magento如何新增商品的颜色选项
Magento教程 41:Magento如何新增商品的颜色选项

该怎么让商品有”颜色”的选项呢?

最简单的方法就是使用Custom Options 新增颜色选项。

Magento教程 41:Magento如何新增商品的颜色选项
Magento教程 41:Magento如何新增商品的颜色选项

但是这个方法没有办法追踪各个不同颜色的商品销售状况。

今天我们要介绍另一种方法:Configurable Product (可配置商品)。

Configurable Product (可配置商品)

Configurable Product (可配置商品)可以将不同的商品放在同一个商品页面中销售、而且每个商品可以拥有自己的SKU、可以追踪销售及库存的情形、虽然设置上比Custom Options麻烦、但是对之后的维护来说、是比较有利的商品设定方法。 接下来我们带着您一步一步的做设定。

1. 建立商品属性

Step 1

进入Magento后台,选择Catalog > Attributes > Manage Attributes 进入Attributes

的管理介面。 接着按下Add New Attribute 新增商品属性。

Magento教程 41:Magento如何新增商品的颜色选项
Magento教程 41:Magento如何新增商品的颜色选项

请注意底下的设定

  • Scope = Global
  • Catalog Input Type for Store Owner = Dropdown
  • Apply to = Configurable Product or All Product Types
  • Use to Create Configurable Product = Yes
Magento教程 41:Magento如何新增商品的颜色选项
Magento教程 41:Magento如何新增商品的颜色选项

Step 2

设定好商品属性的选项

Magento教程 41:Magento如何新增商品的颜色选项
Magento教程 41:Magento如何新增商品的颜色选项

2. 建立属性组

Magento教程 41:Magento如何新增商品的颜色选项
Magento教程 41:Magento如何新增商品的颜色选项

Step 1

进入Magento后台,选择Catalog > Attributes > Manage Attribute Sets 进入Attribute Sets 的管理介面,接着按下Add New Set 新增属性组

Step 2.

帮属性组命名。

Magento教程 41:Magento如何新增商品的颜色选项
Magento教程 41:Magento如何新增商品的颜色选项

Step 3.

在Based On 的栏位中选择一个属性组作为新增属性组的范本。 在这里我们选择Default。 接着按下右侧的Save Attribute Set 储存设定。

Step 4.

整理一下属性组里的属性,我们可以将刚刚新增的属性加进来,也可以将不需要的属性移出去。 在这里我们也可以移动属性的顺序。

Magento教程 41:Magento如何新增商品的颜色选项
Magento教程 41:Magento如何新增商品的颜色选项

3. 新增Configurable Product (可配置商品)

Step 1.

进入Magento后台,选择Catalog > Manage Products 进入商品管理介面,接着按下Add Product 新增商品。

Magento教程 41:Magento如何新增商品的颜色选项
Magento教程 41:Magento如何新增商品的颜色选项

Step 2.

在Create Product Settings 的介面中,属性组选我们刚刚建立的dog,商品类别则是选择Configurable Product (可配置商品)。 接着按下Continue继续。

Magento教程 41:Magento如何新增商品的颜色选项
Magento教程 41:Magento如何新增商品的颜色选项

Step 3.

在Select Configurable Attributes 将商品需要用到的属性勾选起来。 接着按下Continue继续。

Magento教程 41:Magento如何新增商品的颜色选项
Magento教程 41:Magento如何新增商品的颜色选项

Step 4.

完成商品的基本讯息,接下来的操作您可以参考如何上传商品这篇文章。 填完商品的基本资讯之后、按下Save and Continue Edit继续。

Magento教程 41:Magento如何新增商品的颜色选项
Magento教程 41:Magento如何新增商品的颜色选项

4. 新增要连结的商品

Step 1

在左栏的工具中选择最底下的Associated Products。

Step 2

接下来我们利用Quick simple product creation来快速建立连结的商品。

Magento教程 41:Magento如何新增商品的颜色选项
Magento教程 41:Magento如何新增商品的颜色选项

如果已经先建立好simple product,那么我们也可以利用底下的商品搜寻功能、找到之前建好的商品、并勾选起来、就可以建立商品的连结。

Magento教程 41:Magento如何新增商品的颜色选项
Magento教程 41:Magento如何新增商品的颜色选项

5. 调整商品售价

我们也可以调整各个颜色商品的售价。 就下图的设定来说,绿色的商品会比其他颜色的商品贵上50元。

Magento教程 41:Magento如何新增商品的颜色选项
Magento教程 41:Magento如何新增商品的颜色选项
Magento教程 41:Magento如何新增商品的颜色选项
Magento教程 41:Magento如何新增商品的颜色选项

上图是设定完成后的页面。 因为我们刚刚设定了绿色商品要多加50元,所以可以看到绿色选项后面多出了“+$50” 的字样。

6. 决定商品的图片

如果我们希望在选择商品颜色时、上面的商品图会跟着改变,该怎么做呢?

只要到各个商品的页面去设定商品图就可以了。 如果没有替每个商品设定图片,那么在选择商品时、商品页上的缩图不会有任何的变动。

Magento教程 41:Magento如何新增商品的颜色选项
Magento教程 41:Magento如何新增商品的颜色选项

底下是设定完成之后的画面、当我们选择颜色选项时、上面的商品图片会随着所选的颜色而改变。

Magento教程 41:Magento如何新增商品的颜色选项
Magento教程 41:Magento如何新增商品的颜色选项

下一次我们将为大家分享:如何把颜色选项的下拉选单改成缩图的样式、使消费者更一目了然。

 

原文:http://www.astralweb.com.tw/add-product-color-options/

本文:Magento如何新增商品的颜色选项

Tags:

Leave a Reply