有的产品,比如服装,同一件衣服有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. voucer

    <style type="text/css"> .fieldset_s{border: 1px #dedede solid;padding: 19px; color: ...

  2. html5 svg 第八章 文字text

    虽然它可能是真实的,每一个画面讲述了一个故事,这是完全正确的,用言语来帮助讲故事.因此,SVG有几个元素,让你将文本添加到您的图形. 文本术语 Text Terminology 在我们调查的主要方法添 ...

  3. extjs获得store数据

    var json = new Array(); for (var i = 0; i < storeEditFee.getCount(); i++) { json.push(storeEditFe ...

  4. HW2.25

    import java.util.Scanner; public class Solution { public static void main(String[] args) { Scanner i ...

  5. Spark shell里的语句探索

    获得垃圾链接数据集的命令如下: wget http://www-stat.stanford.edu/~tibs/ElemStatLearn/datasets/spam.data scala> v ...

  6. Hadoop build error java.lang.NoClassDefFoundError: org/sonatype/aether/graph/DependencyFilter

    When running the command: + mvn site site:stage -DskipTests -DskipTest -DskipITs   you get an error: ...

  7. 8-14-Exercise

    8-14-小练 这次是我这组出题......我出的是B.C.D[虽然本来是想出的很难......╮(╯▽╰)╭但是,没找到AC1000+同时又让我想出的难题......SO...我出的真的不难= =] ...

  8. ASP.NET MVC- JSON ,Jquery, State management and Asynch controllers

    一.JSON  MVC And JQuery In case you are new to JSON please read this before moving ahead with this la ...

  9. jbpm4.4 demo2

    package cn.itcast.b_processdefinition; import java.io.FileInputStream; import java.io.FileOutputStre ...

  10. 错误: 找不到或无法加载主类 / Class not found

    Java Resources文件上有红色感叹号存在 说明引入jar包存在错误,把引用错误的jar包去掉即可. 右键项目,Properties,Java Build Path,选中jar包remove, ...