新产品列表构件
新产品列表是动态内容的一个示例,由从产品目录中提取的实时数据组成。 默认情况下,新产品 列表包括最近添加的前8个产品。 但是,也可以将其配置为仅包含指定日期范围内的产品。
步骤1:将每个产品设置为新产品
此步骤仅适用于Magento Open Source。
对于Adobe Commerce商店,请参阅计划更新,然后继续此页面上的步骤2。
只能在计划的更新中配置 Set Product as New 日期范围设置。
将产品设置为新会将产品添加到 新产品 列表。 当您不再希望将设置包含在列表中时,可以随时将其更改回。
-
在 管理员 侧边栏上,转到 Catalog > Products。
-
查找要功能的每个产品,并在编辑模式下打开。
-
对于 Set Product as New,切换是否将产品设置为新产品的选项。
{width="400" modal="regular"}
-
完成后,单击 Save。
-
当系统提示您重新索引并刷新页面缓存时,请单击页面顶部的链接并按照说明操作。
第2步:创建构件
确定新产品列表内容及其在您商店中的版面的代码由小组件工具生成。
-
在 管理员 侧边栏上,转到 Content > Elements>Widgets。
-
单击右上角的 Add Widget。
-
在 Settings 部分中,执行以下操作:
-
将 Type 设置为
Catalog New Products List
。 -
选择商店使用的 Design Theme。
-
-
单击 Continue。
{width="600" modal="regular"}
-
在 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:选择位置
-
在 Layout Updates 部分中,单击 Add Layout Update。
-
将 Display On 设置为
Specified Page.
-
将 Page 设置为
CMS Home Page
。 -
将 Block Reference 设置为
Main Content Area
。 -
将 Template 设置为以下项之一:
-
New Product List Template
-
New Products Grid Template
{width="600" modal="regular"}
-
-
单击 Save and Continue Edit。
现在,您可以忽略消息以刷新缓存。
步骤4:配置列表
-
在左侧面板中,选择 Widget Options。
-
将 Display Products 设置为以下项之一:
All Products
— 按顺序列出产品,从最近添加的产品开始。New Products
— 仅列出标识为 new 的产品。 在 Set Product As New From/To 中指定的日期范围内将产品视为新产品。 如果日期范围到期,但未定义任何新产品,则列表为空。
-
要为具有多个页面的列表提供导航控制,请将 Display Page Control 设置为
Yes
。对于 Number of Products per Page,请输入要在每个页面上显示的产品数。
-
将 Number of Products to Display 选项设置为要包含在列表中的新产品数。
默认设置为
10
。 -
对于 Cache Lifetime (Seconds),选择刷新新产品列表的频率。
默认情况下,缓存设置为86,400秒(24小时)。
{width="600" modal="regular"}
-
完成后,单击 Save。
-
提示刷新缓存时,单击页面顶部消息中的链接,然后按照说明操作。
步骤5:预览您的工作
-
在 管理员 侧边栏上,转到 Content > Elements>Pages。
-
在网格中查找将显示 新产品 列表的页面,然后单击 Action 列中的 Preview 链接。