添加内容 — 产品

在​ 管理员 ​侧边栏上，转到​ Content > Elements>Blocks。

单击​ Add New Block。

输入​ Block Title ​和​ Identifier。

选择要提供块的​ Store View。

向下滚动并单击​ Edit with Page Builder ​或在内容预览区域中打开Page Builder工作区。

在Page Builder面板中，展开​ Add Content ​并将​ Products ​占位符拖到舞台上。

{width="600" modal="regular"}

要确定产品列表在页面上的显示方式，请选择以下外观类型之一：

{width="300"}

如果选择产品轮播，则还必须配置轮播设置。

对于​ Select Products By，选择产品选择方法：

您可以按类别、SKU或条件选择产品。 这些选项相互排斥。 例如，您无法依次选择类别选项和类别选择器，然后再切换到条件选项以添加某些条件。 您的产品仅基于您为这三个选项中的​ 一个 ​设置的内容进行选择。

• Category — 选择此选项可显示使用选定类别的产品。

  {width="500"}

  选中此选项后，将提供​ Category ​选择器。 单击箭头并向下展开以选择要显示的产品类别。 例如，在Commerce示例数据中，钻取并选择​ 女性>顶端>T恤 ​会显示该类别的所有产品。

  {width="500"}

• SKU — 选择此选项可显示使用一个或多个SKU的产品

  选中此选项后，会提供一个​ Product SKUs ​文本框，您必须在该文本框中输入要显示的SKU列表（以逗号分隔）。

  {width="500"}

• Condition — 选择此选项可根据您定义的一个或多个条件显示产品。

  选中后，便可使用一些工具将条件添加到您的产品选择中。 例如，您只能选择将性别设置为Unisex的产品。

  {width="500"}

  note note
  NOTE
  选择类别或SKU选项会提供Position的​ Sort By ​选项。 使用此排序选项，产品会以它们在目录中的显示顺序显示。
  对于“类别”选项，按位置排序会按照产品在目录中的显示顺序来显示产品。 对于SKU选项，按位置排序将按您在​ Product SKUs ​文本框中输入的顺序显示产品。

对于​ Sort By，选择列表中产品的排序顺序：

{width="300"}

在轮播或网格中输入​ Number of Products to Display。

值可以从1到999。 网格的默认值为5，轮播的默认值为20。

要确定产品在轮盘中的显示方式，请选择​ Carousel Mode：

如果在这两种模式之间切换，则保留其他轮播设置，但​ Infinite Loop ​设置除外，该设置始终在连续模式下设置为Yes，并且字段被禁用。

{width="600" modal="regular"}

如果需要，请将​ Autoplay ​选项设置为Yes。

启用自动播放后，轮盘会在页面加载时自动开始滚动。 如果保留默认设置(No)，客户必须单击幻灯片导航（点或箭头）以按顺序显示每张幻灯片。

如果启用此功能，请输入​ Autoplay Speed ​以指定每张幻灯片之间的延迟时间（以毫秒为单位）。 默认值为4000 （4秒）。

如果需要，请将​ Infinite Loop ​选项设置为Yes。

启用无限循环后，在页面打开时，幻灯片放映将无限期地重播。 如果保留默认设置(No)，则幻灯片放映仅播放一次。

如果需要，请将​ Show Arrows ​选项设置为Yes。

启用此选项后，每张幻灯片在左侧和右侧都包含​ 下一个 ​和​ 上一个 ​导航箭头。 如果保留默认设置(No)，幻灯片将不会显示导航箭头。

如果需要，请将​ Show Dots ​选项设置为No。

当设置为默认设置(Yes)时，导航点出现在轮盘滑块底部。 如果禁用此设置，则轮播滑块不会显示导航点。

要控制“产品”列表在父容器中的位置，请选择​ Alignment：

设置应用于产品容器所有四个侧面的​ Border ​样式：

如果设置了除None之外的边框样式，请完成边框显示选项：

（可选）从当前样式表中指定要应用于容器的​ CSS classes ​的名称。

用空格分隔多个类名。

输入​ Margins and Padding ​的值（以像素为单位）以确定“产品”容器的外边距和内边距。

在图表中输入相应的值。