产品

Odoo 电子商务 允许您直接从网站应用程序中 添加产品 和管理您的 产品页面。它还允许您添加 产品变体数字文件翻译 产品页面内容,管理库存,以及启用 产品比较

添加产品

创建产品

要在前台创建产品,点击右上角的 + 新建,然后点击 产品。输入 产品名称销售价格、本地交易的默认 客户税保存。然后,您可以更新产品的详细信息、添加图片和 个性化 产品页面。当您 保存 时,产品页面将自动发布。

小技巧

  • 您也可以从后台创建产品,方法是进入 网站 ‣ 电子商务 ‣ 产品 并点击 新建

  • 从前台创建的产品会自动 发布 ,而从后台创建的产品则不会。要发布产品,请点击 前往网站 智能按钮访问产品页面,然后将 未发布 切换为 已发布

导入产品

要使用 XLSX 或 CSV 文件 导入产品数据,请访问 网站 ‣ 电子商务 ‣ 产品,点击 )图标,然后 导入记录

小技巧

要发布**大批次**产品,请按照以下步骤操作:

  1. 转到 网站 ‣ 电子商务 ‣ 产品

  2. 移除 已发布 筛选器,并切换到 列表 视图。

  3. 点击 )图标并启用 已发布

  4. 点击 已发布 列,按**已发布**或**未发布**产品重新排序。

  5. 勾选产品方框以选择要发布的产品。

  6. 已发布 列中,勾选所选产品的方框,然后点击 确认 以发布它们。

商店页面

要自定义主 商店 页面的布局或修改其内容,请点击 编辑。前往 区块 标签页以添加 构建块,或前往 自定义 标签页以更改页面布局或添加功能:

  • 布局:选择 网格列表

    • 大小:设置每页和每行显示的产品数量。

    • 样式:选择 默认卡片缩略图网格

    • 图像尺寸:选择产品图像的宽高比:横向 (4/3)默认 (1/1)纵向 (4/5)垂直 (2/3)。您还可以通过更改 填充 选项来调整显示效果,以最适合您的设计偏好。

  • 搜索栏:切换开关以在商品顶部显示搜索栏。

    页面。

  • 产品描述:切换开关,以在产品名称下方显示产品描述。

  • 分类:在产品 左侧顶部 或两者都显示产品分类。如果选择 左侧,您可以启用 折叠分类 以使分类菜单可折叠。

  • 日期选择器:切换开关以显示日期范围日历,用于检查租赁产品在特定时间段内的可用性。必须安装 租赁应用 才能使用此功能。

  • 属性:在 左侧 显示产品属性,和/或在 顶部 显示 :icon:fa-sliders(下拉切换)图标,允许客户根据属性筛选产品。

    • 价格筛选器:切换开关以显示 :guilabel:`价格范围`条,允许客户通过拖动可调节手柄根据特定价格范围筛选产品。

    • 产品标签:切换开关以在产品页面上显示 产品模板标签,并允许客户通过左侧栏中的 标签 部分使用这些标签筛选产品。

  • 顶部栏:选择 排序方式 以在顶部栏中显示用于排序产品的下拉列表,和/或选择 布局 以允许客户使用相关图标切换到网格或列表视图。

  • 默认排序:选择产品的默认排序方式:推荐最新上架名称 (A-Z)价格 - 从低到高价格 - 从高到低

  • 按钮

    • 选择 )选项以在每个产品的图像上显示 )图标,将客户带到结账页面。

    • 选择 )选项以在每个产品的图像上显示 )图标,允许登录客户将产品保存到愿望清单。

    • 选择 )选项以在每个产品的图像上显示 )图标,允许客户根据属性 比较产品

小技巧

要推荐产品,请前往 产品表单 <ecommerce/products/product-form> `并点击产品名称旁边的 :icon:`fa-star-o`(:guilabel:`收藏)图标。

产品页面

要访问产品页面,请前往 商店 并点击产品。点击 编辑自定义 页面或 编辑其图像

要访问后端**产品表单**,请点击产品页面右上角的 :icon:fa-cog 产品 按钮。或者,导航至 网站 ‣ 电子商务 ‣ 产品 并选择产品。您可以通过添加 变体数字文档翻译 内容来从表单配置产品页面。

小技巧

点击 前往网站 智能按钮以返回前端产品页面。

定制化

To customize a product page, click Edit in the upper right corner of the page. Use the Blocks tab to add building blocks.

小技巧

  • 在产品页面上拖放构件时,将其置于顶部或底部蓝线的上方或下方,可使其在所有产品页面上都可见。

  • You can edit any text on your website by clicking on it while in Edit mode.

进入 定制 选项卡,修改页面布局或添加功能:

  • 条款和条件:切换开关以在产品页面上显示指向 条款和条件 的链接。

  • 客户

    • 评级:允许登录的门户用户通过点击产品名称下方的星星提交产品评论,并在底部的 客户评价 部分分享他们的体验。评论可通过产品页面的 客户评论`标题旁的 :icon:`fa-plus`(:guilabel:`plus)图标或产品表单的聊天记录看到。要限制内部员工的可见性,请切换评论注释旁边的 公开 开关。

    • 分享:添加社交媒体和电子邮件图标按钮,允许客户通过这些渠道分享产品。

  • 选择数量:切换开关,允许客户选择要购买的产品数量。

  • Tax Indication: Toggle the switch to indicate if the price is VAT included or excluded.

  • 变体:将所有可能的产品 变体 显示为垂直的 产品列表 或水平的可选 选项 以自行组合变体。

  • 产品标签:切换开关以在产品页面上显示 产品模板标签,并允许客户使用这些标签筛选产品。

  • 购物车

    • 立即购买:添加 立即购买 选项以将客户带到结账页面。

    • 愿望清单:添加 加入愿望清单 选项,允许已登录客户将产品保存至愿望清单。

    • 比较:添加 比较 选项,允许客户根据属性 对比产品

  • 规格:选择 页面底部 以显示产品属性和值的详细列表。此选项仅对具有 变体 的产品生效,且需在网站 设置 中启用 产品对比工具

注解

  • 变体 愿望清单 比较 选项需通过 网站 ‣ 配置 ‣ 设置 中的 商店 - 产品 部分启用。

  • 启用的功能将应用于所有产品页面。

  • 属性值为单一的产品不会生成变体,但仍会显示在 :guilabel:`产品规格`中。

Product images and videos

To add more media items, such as images and videos, navigate to the product form, then go to the Sales tab and click Add a media under the Extra Product Media section. In the Create Extra Product Media pop-up window, enter the Image Name, and add a video URL or hover your mouse over the (camera) icon and click the (pencil) icon to upload images from your local drive.

To customize the images or videos, go to the ecommerce product page, click Edit and select the relevant media. In the Customize tab, use the following features:

  • 图片宽度:调整页面上产品图片的显示宽度。

  • 布局:通过 轮播 布局,客户可以使用 )或 )从一张图片浏览到下一张图片;而 网格 则以正方形布局显示四张图片。

  • 图片缩放:选择产品图片的缩放效果:悬停时放大 点击时弹出两者皆有

  • Thumbnails: Align thumbnails on the (Left) or at the (Bottom).

  • 主图像: 点击 替换 更改产品的主图像.

  • Extra Images: Add more extra images or videos (including via URL) or Remove all.

注解

图片必须为 PNG 或 JPG 格式,最小尺寸为 1024x1024,才能触发缩放。

产品变体

产品变体 是同一产品的不同版本,如各种颜色或材料,在价格和可用性方面可能存在差异。

为产品配置产品变体:

  1. 转到 网站 ‣ 配置 ‣ 设置

  2. 向下滚动到 商店 - 产品 部分,启用 产品变体 功能。

  3. 访问 产品表单,并转到 属性和变体 选项卡,您可在此添加属性和值,以便客户在产品页面上配置和选择产品变体。对于多个属性,您可以将它们组合起来创建特定的变体。

要在 商店 页面上显示或隐藏属性,并允许访问者筛选它们,请进入 网站 ‣ 电子商务 ‣ 属性,点击属性,并在 电子商务筛选器可见性 字段中选择 可见隐藏

小技巧

  • 要在:ref:商店主页面 <ecommerce/products/shop-page>`上显示产品属性,请使用网站编辑器将 :guilabel:`属性 功能设置为

  • 要在 比较产品 时将属性归入同一部分,请转到 电子商务类别 字段,然后选择一个 现有类别或创建一个新类别

注解

要使筛选器可见,需要两个属性值。

参见

产品变体

数字文件

您可以将证书、电子书或用户手册等数字文件链接到产品。这些文件可在产品页面 付款前 或客户门户网站 付款后 获取。

要将数字文件链接到产品,请转到 产品表单 并点击 文件 智能按钮。然后,点击 上传 直接上传文件,或点击 新建 获得其他选项,然后点击 上传文件

小技巧

  • 您可以链接 URL 而不是数字文件。要执行此操作,请点击 新建,转到 类型 字段,然后选择 URL

  • 编辑现有文件:点击文档卡片右上角的 )并选择 编辑

支付前可用的数字文件

要在产品页面显示文件(支付前),将 可见性 字段留空并启用 在产品页面显示 开关。

产品页面上支付前可用的数字文件

支付后可用的数字文件

要使文件在支付后可用,将 可见性 字段设为 已确认订单 并关闭 在产品页面显示 开关。

翻译

如果网站支持多语言,可直接在 产品表单 中翻译产品信息。支持多语言的字段会显示语言缩写(如EN)。

需要翻译的电子商务相关字段有:

  • 产品名称

  • 缺货消息`(位于 :guilabel:`销售 标签页下)

  • 销售描述`(位于 :guilabel:`销售 标签页下)

注解

  • 网页上有未翻译的内容,可能会影响用户体验和 SEO。您可以使用 翻译 功能翻译网页内容。

  • 要检查网站的语言,请访问 网站 ‣ 配置 ‣ 设置 并转到 网站信息 部分。

网站可用情况

设置产品网站可见性,前往 产品表单销售 标签页, 电商店铺 部分,选择目标 网站。留空则产品在所有网站可见。

注解

您可以在 一个 网站或 所有 网站上提供产品,但不可能只选择 一些 网站。

库存管理

要启用和配置库存管理选项,请访问 网站 ‣ 配置 ‣ 设置,向下滚动到 商店 - 产品 部分和 库存默认值 子部分。

重要

  • 要查看库存管理选项,必须安装 库存 应用程序。

  • 要在产品页面显示库存水平,必须在 产品表单 中将 产品类型 字段设置为 可储存

库存

库存默认值 子部分,填写这些字段:

  • 仓库

  • 缺货:启用 继续销售 允许客户在产品**缺货**时仍下订单。不选中该复选框,可**禁止下单**。

  • 显示可用数量:在产品页面显示指定阈值下的剩余可用数量。可用数量是根据 在手 数量减去已预留的传出数量计算得出的。

产品比较

要允许网站访问者根据产品属性比较产品,请访问 网站 ‣ 配置 ‣ 设置,向下滚动到 商店 - 产品 部分,启用 产品比较工具

现在,当顾客将鼠标悬停在商店主页面上的每个产品卡上时,都可看到 )图标。要比较产品,顾客可在要比较的产品上点击 )选项,然后在页面底部弹出窗口中点击 )查看摘要。

产品比较窗口

注解

  • 产品比较工具仅适用于含 :ref:属`性 <ecommerce/products/product-variants>` 的商品。

  • 也可以从产品页面选择 )选项。