新产品列表构件

新产品列表是动态内容的一个示例,由从产品目录中提取的实时数据组成。 默认情况下, 新产品 列表包括最近添加的前8个产品。 但是,也可以将其配置为仅包含指定日期范围内的产品。

店面主页上的新产品列表

步骤1:将每个产品设置为新产品

Magento Open Source 此步骤仅适用于Magento Open Source。

Adobe Commerce 有关Adobe Commerce商店的信息,请参阅 计划更新 然后继续本页中的步骤2。

Set Product as New ​日期范围设置只能在计划的更新中配置。

将产品设置为新将产品添加到 新产品 列表。 当您不再希望将设置包含在列表中时,可以随时将其更改回。

  1. 管理员 侧栏,转到 Catalog > Products.

  2. 查找要功能的每个产品,并在编辑模式下打开。

  3. 对象 Set Product as New,切换是否将产品设置为新产品的选项。

    将产品设置为新产品 {width="400" modal="regular"}

  4. 完成后,单击 Save.

  5. 当系统提示您重新索引并刷新页面缓存时,请单击页面顶部的链接并按照说明操作。

第2步:创建构件

确定新产品列表内容及其在您商店中的版面的代码由小组件工具生成。

  1. 管理员 侧栏,转到 Content > Elements>Widgets.

  2. 在右上角,单击 Add Widget.

  3. Settings ​部分,执行以下操作:

    • 设置 TypeCatalog New Products List.

    • 选择 Design Theme 店里用的那个。

  4. 单击 Continue.

    新的产品列表构件设置 {width="600" modal="regular"}

  5. Storefront Properties ​部分,执行以下操作:

    • 对象 Widget Title,为构件输入描述性标题。 (此标题仅在 管理员.)

    • 对象 Assign to Store Views,选择显示小部件的商店视图。

      您可以选择特定的商店视图,或者 All Store Views. 要选择多个视图,请按住Ctrl键(PC)或Command键(Mac)并单击每个选项。

    • (可选)对于 Sort Order,请输入一个数字以确定此项目在页面同一部分中与其他项目一起显示的顺序。 (0 =第一个, 1 =秒, 3 =第三,依此类推。)

    布局更新 {width="600" modal="regular"}

步骤3:选择位置

  1. Layout Updates ​部分,单击​ Add Layout Update.

  2. 设置 Display OnSpecified Page.

  3. 设置 PageCMS Home Page.

  4. 设置 Block ReferenceMain Content Area.

  5. 设置 Template 更改为以下任一项:

    • New Product List Template

    • New Products Grid Template

      布局更新 {width="600" modal="regular"}

  6. 单击 Save and Continue Edit.

    现在,您可以忽略消息以刷新缓存。

步骤4:配置列表

  1. 在左侧面板中,选择 Widget Options.

  2. 设置 Display Products 更改为以下任一项:

    • All Products — 按顺序列出产品,从最近添加的产品开始。
    • New Products — 仅列出标识为 新建. 在中指定的日期范围内,产品会被视为新产品。 Set Product As New From/To. 如果日期范围到期,但未定义任何新产品,则列表为空。
  3. 要为具有多个页面的列表提供导航控制,请设置 Display Page ControlYes.

    对象 Number of Products per Page,输入要显示在每个页面上的产品数量。

  4. 设置 Number of Products to Display 选项来确定要包含在列表中的新产品数量。

    默认设置为 10.

  5. 对象 Cache Lifetime (Seconds),选择刷新新产品列表的频率。

    默认情况下,缓存设置为86,400秒(24小时)。

    构件选项 {width="600" modal="regular"}

  6. 完成后,单击 Save.

  7. 提示刷新缓存时,单击页面顶部消息中的链接,然后按照说明操作。

步骤5:预览您的工作

  1. 管理员 侧栏,转到 Content > Elements>Pages.

  2. 在网格中找到页面,其中 新产品 列表并点击 Preview 中的链接 Action ​列。

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