有的产品,比如服装,同一件衣服有S、M、L、XL、XXL等尺码供客户选择,或者有多种颜色可以供客户选择,Magento中管这种有选项供客户选择的产品叫做可配置产品 (Configurable Product)。

如何添加一个可配置产品呢?

步骤可以概括为:

  1. 创建可供客户选择的属性(Attribute),比如 Color、Size、Length等
  2. 创建将被分配到可配置产品的属性组合(Attribute Set),比如下面的例子我们创建一个叫做 clothes的属性组合
  3. 用每个变量单独创建一个个简单产品
  4. 创建可配置产品,并增加“clothes”属性组合
  5. 将一个个单独变量产品组合到可配置产品

创建属性

Catalog -> Attributes -> Manage Attribute 点击右上角 Add New Attribute

在 Attribute Information界面 Properties选项下依次输入

Attribute Code : clothes_size (自己随便起名字,注意不能有空格,必须小写字母,可以有_下划线符号链接)
Scope : Global
Catalog Input Type for Store Owner:Dropdown
Unique Value: No
Values Required:Yes
Input Validation for Store Owner:None
Apply To *: All Product Types
Use To Create Configurable Product: Yes

如图:

在 Manage Label/Option 选项下输入可供选择的变量值,如图

点击右上角 Save Attribute 保存。

同理,再创建一个服装颜色属性,如图:

创建属性组合 (Attribute Sets)

Catalog -> Attributes -> Manage Attribute Sets 点击 右上角 Add New Set

给属性组合起一个名字,如 clothes,在 Groups处点击 Add New创建一个新的属性组,起名为Clothes
Selector,将右侧刚创建还未分配的 clothes_size 和 clothes_color属性拖入Clothes
Selector属性组中,点击 Save Attribute Set 保存,如图:

创建一个基于clothes属性组的简单产品

Catalog -> Manage Products 点击 Add Product,创建一个基于 clothes变量组合的简单产品

依照创建简单产品的方法创建一个基于clothes属性组的简单产品,注意中间会有一个Clothes
Selector选择(就是我们刚才添加属性组合时添加的一个属性组,包含了 clothes_size 和
clothes_color这两个属性变量),如图,分别选择一个属性值,如 S、Red,这样我们就添加了一个S号红色衣服简单产品

重复上面这个步骤,创建更多的简单产品,比如 (M、Black)(L、Black)(XL、Black)(S、Blue)

这样,你就创建了一系列简单产品如图所示:

最后一步,创建可配置产品 (Configurable Product)

Catalog -> Manage Products ,点击右上角 Add Product

创建一个基于 clothes变量组合的 configurable product,如图

在下一屏选择需要的变量

输入产品的各项信息(和创建简单产品是一样的方法)

最后一步 Associated Products,勾选刚才创建的简单产品

点击 Save 保存,一个可配置产品就创建成功了

Magento网站如何添加一个可配置产品的更多相关文章

  1. 为网站添加一个图标icon

    <link rel="icon" href="/favicon.ico" type="image/x-icon"/> <l ...

  2. phpstudy一个域名配置两个网站(一个是thinkphp5,一个是原生php)

    phpstudy一个域名配置两个网站(一个是thinkphp5,一个是原生php) 一.总结 一句话总结:把原生php的网站直接放到thinkphp5的public目录下可以解决以stem.aaaa. ...

  3. 50个jQuery插件可将你的网站带到另一个高度

    Web领域一直在发生变化并且其边界在过去的每一天都在发生变化(甚至不能以小时为计),随着其边界的扩展取得了许多新发展.在这些进步之中,开发者的不断工作创造了更大和更好的脚本,这些脚本以插件方式带来更好 ...

  4. 浅析 Magento网站建站空间的选择

    对 Magento稍有了解的人都知道,作为一个功能异常强大的网络商城程序,Magento的运行对主机空间的要求是非常高的:很多 Magento建站公司都会推荐 VPS 甚至独立服务器来运行 Magen ...

  5. 八大免费SSL证书-给你的网站免费添加Https安全加密

    评论»   https://www.freehao123.com/top-8-free-ssl-cert/ 文章目录 Let's Encrypt StartSSL SSL CloudFlare SSL ...

  6. 十大免费SSL证书:网站免费添加HTTPS加密

    SSL证书,用于加密HTTP协议,也就是HTTPS.随着淘宝.百度等网站纷纷实现全站Https加密访问,搜索引擎对于Https更加友好,加上互联网上越来越多的人重视隐私安全,站长们给网站添加SSL证书 ...

  7. Magento网站迁移指南

    "Magento网站迁移指南":关键词:magento 网站 迁移 指南 上周五,为mkt同事迁移了一个从本机到godaddy的magento系统. 中间出了不少状况, 现在写个迁 ...

  8. github+hexo搭建自己的博客网站(六)进阶配置(搜索引擎收录,优化你的url)

    详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定了域名: http://www.chengxinsong.cn hexo+github博客网站源码(可以clo ...

  9. 网站 HTTP 升级 HTTPS 完全配置手册

    网站 HTTP 升级 HTTPS 完全配置手册 今天,所有使用Google Chrome稳定版的用户迎来了v68正式版首个版本的发布,详细版本号为v68.0.3440.75,上一个正式版v67.0.3 ...

随机推荐

  1. UpdatePanel 无刷新弹出窗口

    UpdatePanel下解决提示框不弹出的方法 用户体验上既想页面不刷新,也希望同时能够看到操作的效果(弹出提示框)! ①不刷新,我们可以使用UpdatePanel ②弹出消息框,这个有很多的方式:我 ...

  2. ASCII,Unicode和UTF-8

    转自:http://www.ruanyifeng.com/blog/2007/10/ascii_unicode_and_utf-8.html 今天中午,我突然想搞清楚Unicode和UTF-8之间的关 ...

  3. OpenLayers 项目完整分析——(二)源代码总体结构分析

    转自:http://www.cnblogs.com/lzlynn/archive/2008/07/29/1255848.html 二)源代码总体结构分析 通过前面的项目介绍,我们大概已经知道Openl ...

  4. linux进程的几种状态

    Linux是一个多用户,多任务的系统,可以同时运行多个用户的多个程序,就必然会产生很多的进程,而每个进程会有不同的状态. Linux进程状态:R (TASK_RUNNING),可执行状态. 只有在该状 ...

  5. bzoj 1878 [SDOI2009]HH的项链(离线处理+BIT)

    Description HH有一串由各种漂亮的贝壳组成的项链.HH相信不同的贝壳会带来好运,所以每次散步 完后,他都会随意取出一段贝壳,思考它们所表达的含义.HH不断地收集新的贝壳,因此, 他的项链变 ...

  6. 终端ls显示的配色方案

    打开~/.profile或者mac上的~/.bash_profile,加入: export CLICOLOR=1 export LSCOLORS=cxdxfxexbxegedabagacad 这是我的 ...

  7. 解决android锁屏或解锁后activity重启的问题

    If your target build version is Honeycomb 3.2 (API Level 13) or higher you must put the screenSize f ...

  8. Redis 数据库结构设计

    Redis设计参考资料: http://my.oschina.net/fsmwhx/blog/152130 http://my.oschina.net/1123581321/blog/164288 h ...

  9. PC-改变电脑的CPU,内存,硬盘大小!

    如何修改CPU频率及内存容量和硬盘大小 改变电脑的CPU,内存,硬盘大小!--------------------------------------------------------------- ...

  10. [二]Ajax基本实现

    <script text="text/javascript"> function ajax(){ var httpRequest; if(windows.httpReq ...