小部件 在 Magento Commerce

Magento Commerce中的小部件允许业务用户在其网站的前端插入不同种类的内容，而无需编写任何代码。小部件是Magento中通常未充分使用的功能，因为它们不是’这是最直观的功能，在您创建一个或两个功能之前，并不总是很清楚如何实现所需的功能。

在本文中，我们’re going to cover:

• Overview of 小部件
• Types of 小部件
• Where you can 在sert 小部件
• A couple of real-world examples of 小部件 在 use

Overview of 小部件

在Magento Commerce中引入Widget之前，如果您想将内容插入任何Magento中’使用布局XML所需的布局块（页眉，左列，主列，页脚等）。对于开发人员来说，这非常简单。但是企业用户发现这种笨拙且难以使用。

小部件 are Magento’关于如何有条件地将内容插入网站的任何部分和页面的问题的答案。结合横幅/ CMS块和客户群，您可以真正发挥创意，向客户展示定向营销。

Types of 小部件

这是Magento中所有小部件类型的列表：

横幅旋转器

插入一个或多个横幅

不育系Hierarchy Node Link

插入指向特定CMS页面或CMS节点的链接。如果要将CMS菜单插入所有CMS页面，这将很有帮助。

不育系Page Link

Link to a specific 不育系page

不育系Static Block

Insert a Static 内容 block.

目录类别链接

链接到特定类别

目录活动轮播

显示站点上所有目录事件的列表。

目录新产品列表

插入新产品列表

目录产品链接

链接到特定产品

礼品登记处搜索

插入表格以允许用户搜索注册表

按SKU订购

插入“Order by SKU” form

订单和退货

插入一个表格，使访客可以使用其订单ID，姓氏，电子邮件和邮政编码查找其订单。

最近比较的产品

插入最近比较过的产品列表

最近浏览的产品

插入最近浏览过的产品列表

愿望清单搜索

插入允许访客搜索心愿单的表格

Where you can 在sert 小部件

创建新的窗口小部件实例时，必须决定要显示该窗口小部件的页面以及窗口应显示在页面的哪些块中。’ll do this 在 the “Layout Updates” section.

• 您将首先选择一个“Display On”值告诉Magento您希望此小部件显示在哪个页面上。如果要在多个页面上使用小部件，可以使用插入多个布局更新。“Add Layout Update” button.
• 现在，您需要选择该小部件在页面上的显示位置，即’我会用“Block Reference”落下。取决于小部件类型和“Display On”您已选择，此处将显示不同的选项，但这是常用位置的列表：
  • 面包屑
  • 左栏
  • Main 内容 Area
  • 我的购物车额外动作
  • 导航栏
  • 页面底部
  • 页脚
  • 页面标题
  • 页面顶部
  • 右栏
  • 店铺语言

这是一个屏幕截图，说明了这些位置分别与以下内容有关：

例子1

一场大暴风雪把你的主要仓库埋了。您需要让所有客户知道他们的发货将延迟几天，因此您想在整个网站上显示包含此信息的消息。

1. 创建一个CMS静态块，其中包含要显示的内容。
2. 去“CMS > 小部件” and click “添加新的小部件实例”
   • 选择“类型：CMS静态块”和适当的“Design/Package Theme” value
3. 选择these options 上 the “Frontend Properties” tab:
4. 选择these options 上 the “Widget Options” tab:

您的消息现在将显示在所有页面上：

例子2

如果订单等于或大于$ 100，您的商店提供免费送货。您想通过向购物者介绍促销信息来向购物车中少于$ 100的客户宣传此优惠，并希望通过告知购物者购物车中有$ 100的客户来祝贺他们’重新获得免费送货。为此，我们’将结合使用“客户群”（访问者向其显示消息的对象），横幅（“消息”显示的对象）和“小部件”（在何处显示消息）的组合。

1. 创建一个名为的客户群“少于$ 100的购物车”并添加以下条件：
2. 创建一个名为的客户群“超过$ 100的购物车”并添加以下条件：
3. 创建一个名为的CMS标语“Free Shipping –订购$ 100即可获得资格”. In the “Content”标签，插入类似“<h2>满$ 100免运费！</h2>”
4. 创建另一个名为的CMS标语“Free Shipping –您的订单合格”. In the “Content”标签，插入类似“<h2>自从您获得免费送货’重新订购超过$ 100！</h2>”
5. 现在你’创建了客户群和标语，我们’将所有这些与新的小部件绑定在一起：
   • 创建一个新的Widget实例，其类型为“Banner Rotator”
   • 选择these options 上 the “Frontend Properties” tab:
   • 选择these options 上 the “Widget Options” tab:

完成这些步骤后，您可以看到它的运行情况：

结论

阅读完小部件的摘要后，我’d建议参考“Widgets” section of the Magento Commerce User Guide to get answer any questions you might have. Hopefully, this overview will help you see how you can use 小部件 to more effectively run your business.