在编辑器中插入构件

构件工具可用于向页面添加各种内容元素,包括指向任何Commerce内容页面或节点、产品或类别的链接。 链接能够以块格式放置在页面上,或直接并入内容中。 您可以使用构件工具创建指向以下内容类型的链接:

默认情况下,链接会从主题的样式表中继承其样式。

IMPORTANT
插入许多指令,尤其是像​_最近查看的_ / 比较的产品 ​类型这样的构件,可能会在不缓存页面时对页面的首次加载产生负面影响。 因此,请谨慎使用它们。 通常,它不会创建问题。 但您应该与开发团队讨论此潜在问题。
  1. 在编辑模式下打开页面、块或动态块。

  2. 转到​ Content ​部分并单击支持该编辑器的任何元素。

  3. 将光标放在您希望小组件出现的位置,然后单击​ 插入小组件 ​图标。

    编辑器工具栏 — 插入小组件 {width="700" modal="regular"}

    如果未启用页面生成器,但希望使用代码,请单击​ Show / Hide Editor。 将插入点放置在要显示小部件的文本中。 然后,单击​ Insert Widget

  4. 选择​ Widget Type

    有关这些选项的更多信息,请参阅构件类型。 以下步骤使用了一个示例来插入指向产品的链接。

  5. 若要使用产品名称,请将​ Anchor Custom Text ​字段留空。

  6. 输入​ Anchor Custom Title ​以获得最佳SEO实践。

    此标题在页面上不可见。

  7. 将​ Template ​设置为以下项之一:

    • 要将链接合并到文本中,请选择Product Link Inline Template

    • 要将链接放在单独的一行中,请选择Product Link Block Template

  8. 单击​ Select Product ​并执行以下操作:

    • 在树中,导航到所需的类别。

    • 在列表中,选择链接的产品。

  9. 单击​ Insert Widget ​将链接放置到页面上。

    如果使用HTML代码,则链接的标记标签将显示在页面顶部,并用双大括号括起来。 如果需要,可使用​ 剪切并粘贴 ​将标记标记标记放置在您希望链接显示的代码中。

  10. 完成内容编辑后,单击​ Save

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de