产品页面¶
电子商务产品页面展示与相关产品相关的所有产品详情和媒体项目。可以自定义 图片和视频部分，选择 显示哪些产品信息，显示特定的 按钮，自定义 属性详情部分，启用 额外的组织功能，并使用 构建模块 添加内容。
产品图片和视频¶
在 产品表单中添加媒体文件 或 前端创建产品 之后，您可以在前端产品页面上对其进行自定义。操作方法如下：进入网店中的相关产品页面，点击右上角的 编辑，然后切换到 样式 选项卡。
小技巧
若从后台的 产品表单 <ecommerce/products/product-form>`进入对应产品页面，点击表单顶部的 :icon:`fa-globe :guilabel:`前往网站`智能按钮即可。
如需单独管理媒体素材，在产品页面点击该素材，向下滚动至网站编辑器的 图片 板块。您可在此对图片或视频执行 替换、移除 操作，也可对素材进行 重新排序。点击:icon:fa-angle-double-left （ 双左箭头）或 （ 双右箭头），可将该媒体素材移至首位或末位；点击:icon:fa-angle-left 左箭头`或 :icon:`fa-angle-right`（ :guilabel:`右箭头），可将该媒体素材单次移动一个位置。
如需调整图片和视频板块的布局，进入 图片区域，设置图片尺寸与 位置。随后进入 图片 版块，可通过以下选项对该板块进行自定义：
主图：点击 替换 以更改主要产品图片。
注解
不支持将视频设为主要媒体素材。
附加媒体：点击 添加更多，可新增图片或视频（也可通过网址添加）；点击 全部移除，可删除所有媒体素材。
显示：使用多个媒体项时，可在以下布局中进行选择：
轮播图：该选项允许访问者使用 ）或 ）从一张图片浏览到下一张图片。在 ）或 ）上显示 缩略图，并调整图片的边角 圆角弧度。
网格布局：该布局以方形版式展示媒体素材。必要时，可调整网格的 列数，并设置网格中图片间的 间距。
自动裁剪：选择一个尺寸来裁剪/修整图像以匹配页面布局。这在设计 移动端 布局 时非常有用。
点击放大：开启后，访客点击图片即可实现图片放大效果。
页面布局与产品信息展示¶
如需自定义产品页面的布局，进入任意产品页面，点击右上角的 编辑，切换至 :guilabel:`样式`标签页；随后找到 :guilabel:`页面宽度`设置项，选择 :guilabel:`常规宽度`或 :guilabel:`全屏宽度`即可。
小技巧
您也可为 :ref:`商店页面 <ecommerce/catalog/customize-layout>`设置不同的宽度样式。
使用 产品详情 部分中的可用选项，选择产品页面上显示的产品信息。您可以配置 按钮，定义 如何显示属性，使用 :ref:`页面定制功能 <ecommerce_design/product_page/page-features>`组织页面，并使用 :ref:`构建块 <ecommerce_design/product_page/building_blocks>`添加内容。
属性¶
选择产品 属性 在产品页面的 规格 部分的显示方式：
无：不显示详细信息。
页面底部：在页面底部显示详细信息。
手风琴式展示：在订购选项下方直接显示可折叠的规格表。
注解
规格板块仅在开启 :ref:`产品变体 <ecommerce/categories_variants/product-variants>`功能，且为产品定义至少一项属性时才会显示。
小技巧
创建 属性分类，可优化该板块的结构布局。
选择 图片`类型的 :ref:`属性展示方式 <products/variants/attributes>，即可在产品页面展示各产品变体的对应图片。
页面布局选项与附加功能¶
开启 / 关闭以下选项，可全局启用或禁用所有产品页面的对应功能：
分隔线：对页面内容进行分区，提升视觉清晰度。
税费标注：标注商品价格为 含增值税或不含增值税。
标签：在产品页面展示于 :ref:`后台 <ecommerce/catalog/filters>`创建的标签，并允许客户通过该标签筛选产品。
条款和条件：显示指向 条款和条件 的链接。
审核：允许 已登录的门户用户 提交产品评论。要添加评论，用户必须浏览页面底部的 客户评论 部分，并点击 ）图标。然后，他们可以使用 :icon:`fa-star-o`（ :guilabel:`星级`）图标选择一个评分，并留下评论。:icon:`fa-star`（ :guilabel:`星级`）评级直接显示在产品名称下方。
搜索栏：显示搜索栏，可独立于 商店页面 显示或隐藏。
:ref:`产品角标 <ecommerce/products/additional_features/product-highlight>`（徽章）：用于突出展示特定产品。
小技巧
您可启用更多附加功能，并展示此前在后台完成配置的相关信息，具体如下：
点击自提：在商品页面显示订单自提地点及配送可用性，并允许客户选择所需的自提点。
产品描述：在产品名称下方，展示电商专属的产品描述内容。
包装规格：为产品提供多种包装规格选择。
相关文档：添加产品相关文档，如使用手册、配套资料等。
替代产品：推荐类似产品并自定义该区域。
显示可用数量：当库存数量低于指定阈值时，显示产品的可用数量。
缺货提示：针对缺货商品显示自定义提示信息。
商品补货通知：顾客可以输入电子邮箱地址，以便在商品补货时收到通知。
产品页面额外字段：要启用产品页面的特定额外字段，请启用 开发者模式 。然后，进入 ，选择相关网站，前往 产品页面额外字段 选项卡，在 字段 下，点击 添加一行 添加所需的附加字段，例如，产品的条形码编号。
构建模块¶
使用构建模块可为所有产品页面或特定页面添加内容和设计元素。要执行此操作，请前往任何或相关产品页面，然后点击右上角的 编辑。然后，在 ） 块 选项卡中，选择一个构件，并拖放它：
拖放至产品页面顶部或底部的蓝色区域，即可在*所有*产品页面显示该模块，或
或拖放至产品标题下方、订购选项下方的蓝色模块区域，仅在当前产品页面显示该模块。
注解
此类模块不会在 商店页面 中显示。
其他资料