新产品列表构件

新产品列表是动态内容的一个示例,由从产品目录中提取的实时数据组成。 默认情况下,新产品 ​列表包括最近添加的前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 ​部分中,执行以下操作:

    • 将​ Type ​设置为Catalog 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 On ​设置为Specified Page.

  3. 将​ Page ​设置为CMS Home Page

  4. 将​ Block Reference ​设置为Main 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 — 仅列出标识为​ new ​的产品。 在​ Set Product As New From/To ​中指定的日期范围内将产品视为新产品。 如果日期范围到期,但未定义任何新产品,则列表为空。
  3. 要为具有多个页面的列表提供导航控制,请将​ Display Page Control ​设置为Yes

    对于​ 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. 在网格中查找将显示​ 新产品 ​列表的页面,然后单击​ Action ​列中的​ Preview ​链接。

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