商品页面如何运作

每件商品都会用同一个共享设计生成自己的页面。了解商品页面显示什么、顾客如何进入,以及如何修改它的布局。

您销售的每件商品,在店铺中都有自己的页面。您不需要逐个搭建这些页面。Payly 会根据同一个设计(称为商品模板)生成所有页面,并填入每件商品的名称、图片、价格和描述。

商品页面显示什么

商品页面会使用您添加商品时填写的所有内容:

  • 图片,第一张显示为大图。如果还有更多图片,顾客可以通过小图在它们之间切换。
  • 名称、价格,以及您设置了划线价时,显示被划掉的较高原价。订阅商品会在价格旁边显示它的计费条款。
  • 星级评分,以及再往下的客户评价和写评价的表单。参见收集和管理商品评价。
  • 如果您跟踪了库存,还会显示“有库存”或“仅剩 2 件”这样的库存提示。
  • 描述、每个选项对应的下拉列表、加入购物车按钮,以及 SKU。
  • 图片上方有一个返回您店铺的链接。
Speckled Dinner Plate 的线上商品页面,左侧是大图,右侧是名称、价格、有库存提示、描述、加入购物车按钮和 SKU

页面地址是您的店铺地址,后面接 /product/ 和根据商品名称生成的简短名称,例如 /product/speckled-dinner-plate。被您移到草稿或回收站的商品没有页面。顾客打开它的旧地址时,会看到“页面不存在”的页面。

浏览器标签页显示商品名称,后面是您的店铺名称。搜索引擎显示的简短描述来自商品描述的开头,别人分享链接时使用的图片则是第一张图片。参见帮助顾客在 Google 上找到您的店铺。

顾客如何进入商品页面

顾客可以通过三种方式打开商品页面:通过您分享的链接、通过您站点上的商品网格,或通过商品网格打开的弹出窗口。默认情况下,在商品网格中点击商品会打开弹出窗口,其中显示主要详情和一个加入购物车按钮。弹出窗口中的查看完整详情链接会进入完整页面。

店铺页面上 Speckled Dinner Plate 的弹出窗口,包含图片、价格、有库存提示、描述、加入购物车按钮和查看完整详情链接

如果想让顾客直接进入完整页面,请在编辑器中选中商品网格,打开通用,并关闭在弹出窗口中打开商品。发布您的站点后更改才会生效。

修改所有商品页面的布局

所有商品页面共用一个布局,所以您只改一次,更改就会出现在所有页面上。至少要有一件商品,才能使用商品模板。

  1. 在站点控制台中点击编辑站点。
  2. 点击顶部栏中的页面名称打开页面列表,然后点击商品模板。
    编辑器中的页面列表,商品模板在站点各页面下方被高亮显示
  3. 点击页面上的商品区块。编辑器会用您的一件商品作为替身,让您看到这个设计配上真实内容的样子。
  4. 在右侧面板中打开通用,可以开启或关闭图片画廊、描述、SKU和评价,也可以修改按钮文字。
    编辑器显示商品模板页面,商品区块已选中,右侧打开了它的通用设置
  5. 打开返回链接,选择图片上方的链接指向哪个页面以及显示什么文字。默认指向您的店铺页面。参见设置店铺页面。
  6. 要在每个商品页面上添加更多内容,请把其他区块从左侧拖到页面上,例如一行关于配送的文字。
  7. 点击发布。
注意:对单件商品所做的更改,例如价格、图片或描述,在您保存商品后会立即应用到店铺。对商品模板的更改属于站点设计的一部分,因此需要发布。

相关文章

Last updated 2026-10-03