產品¶
Odoo 电子商务 允许您直接从网站应用程序中 添加产品 和管理您的 产品页面。它还允许您添加 产品变体 和 数字文件，翻译 产品页面内容，管理库存，以及启用 产品比较。
添加产品¶
创建产品¶
要在前台创建产品，点击右上角的 + 新建，然后点击 产品。输入 产品名称、销售价格、本地交易的默认 客户税 和 保存。然后，您可以更新产品的详细信息、添加图片和 个性化 产品页面。当您 保存 时，产品页面将自动发布。
小訣竅
您也可以从后台创建产品，方法是进入 并点击 新建。
从前台创建的产品会自动 发布 ，而从后台创建的产品则不会。要发布产品，请点击 前往网站 智能按钮访问产品页面，然后将 未发布 切换为 已发布。
也參考
匯入產品¶
To import product data using XLSX or CSV files, go to , click the (gear) icon, then Import records.
小訣竅
要发布**大批次**产品，请按照以下步骤操作：
转到 。
移除 已发布 筛选器，并切换到 列表 视图。
点击 ）图标并启用 已发布。
点击 已发布 列，按**已发布**或**未发布**产品重新排序。
Select the products to publish by ticking their box.
In the Is Published column, tick the box for any of the selected products, then Confirm to publish them.
Shop page¶
To customize the layout of the main Shop page or modify its content, click Edit. Go to the Blocks tab to add building blocks or to the Customize tab to change the page layout or add features:
Layout: Select Grid or List.
Size: Set the number of products displayed per page and line.
Style: Select Default, Cards, Thumbnails, or Grid.
Image Size: Choose the aspect ratio for the product images: Landscape (4/3), Default (1/1), Portrait (4/5), or Vertical (2/3). You can also adjust the display by changing the Fill options to best fit your design preferences.
- Search Bar: Toggle the switch to display a search bar at the top of the products
page.
Prod. Desc.: Toggle the switch to display the product description below the product’s name.
Categories: display product categories on the Left, on the Top, or both. If Left is selected, you can enable Collapse Categories to make the category menu collapsible.
Datepicker: Toggle the switch to display a date range calendar to check the availability of rental products over a specific period. The Rental app must be installed to use this feature.
Attributes: Show product attributes on the Left and/or display a (dropdown toggle) icon at the Top allowing customers to filter products based on their attributes.
Price Filter: Toggle the switch to display a Price Range bar, which allows customers to filter products according to a specific price range by dragging adjustable handles.
Product Tags: Toggle the switch to display the Product Template Tags on the product page and allow customers to filter products using those tags by going to the Tags section in the left column.
Top Bar: Select Sort By to display a dropdown list in the top bar for sorting products and/or Layout to allow customers to switch to the grid or list view using the related icons.
Default Sort: Choose how products are sorted by default: Featured, Newest Arrivals, Name (A-Z), Price - Low to High, or Price - High to Low.
Buttons:
Select the (Shopping cart) option to display an (Add to cart) icon on each product’s image, which takes the customer to the checkout page.
Select the (Wishlist) option to display an (Add to wishlist) icon on each product’s image allowing logged-in customers to save products to a wishlist.
Select the (Compare) option to display the (Compare) icon on each product’s image allowing customers to compare products based on their attributes.
小訣竅
To feature a product, go to the product form and click the (Favorite) icon next to the product’s name.
Product page customization¶
Product information¶
To add general information about a product, navigate to and select the product. You can configure the product page from the form by adding variants, digital documents, or translating content.
You can also add an ecommerce-specific product description to be displayed below the product name on the product’s page. To do so, go to the Sales tab, scroll down to the Ecommerce description section, and add a description. Use Odoo’s rich-text editor features to personalize the content.
小訣竅
Click the Go to Website smart button to return to the frontend product’s page.
Product presentation¶
To customize the product presentation on the website, go to the Shop and click on the product. Click Edit to customize the page, edit its images or add building blocks.
小訣竅
在产品页面上拖放构件时，将其置于顶部或底部蓝线的上方或下方，可使其在所有产品页面上都可见。
You can edit any text on your website by clicking on it while in Edit mode.
Use the Customize tab to modify the page layout or add features:
条款和条件：切换开关以在产品页面上显示指向 条款和条件 的链接。
客户：
评级：允许登录的门户用户通过点击产品名称下方的星星提交产品评论，并在底部的 客户评价 部分分享他们的体验。评论可通过产品页面的 客户评论`标题旁的 :icon:`fa-plus`（:guilabel:`plus）图标或产品表单的聊天记录看到。要限制内部员工的可见性，请切换评论注释旁边的 公开 开关。
分享：添加社交媒体和电子邮件图标按钮，允许客户通过这些渠道分享产品。
选择数量：切换开关，允许客户选择要购买的产品数量。
Tax Indication: Toggle the switch to indicate if the price is VAT included or excluded.
Variants: Show all possible product variants vertically as a Products List or horizontally as selectable Options to compose the variant yourself.
Product Tags: Toggle the switch to display the Product Template Tags on the product page and allow customers to filter products using those tags.
Cart:
Buy Now: Add a Buy Now option to take the customer to the checkout page.
Wishlist: Add an Add to wishlist option allowing logged-in customers to save products in a wishlist.
Compare: Add a Compare option, allowing customers to compare products based on their attributes.
Specification: Select Bottom of Page to display a detailed list of the attributes and their values available for the product. This option only works for products with variants if the Product comparison tool is enabled in the Website Settings.
備註
Variants, Wishlist, and Compare options must be enabled by going to , in the Shop - Products section.
Enabled functions apply to all product pages.
Products with single values for their attributes do not generate variants but are still displayed in the Product Specifications.
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 Media under the Ecommerce Media section. In the Select a media pop-up window, go to the Images tab, select an image, click Upload an image or Add URL. Or navigate to the Videos tab, paste a video URL or embed code. Once done, click Add.
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:
Images Width: Changes the width of the product images displayed on the page.
Layout: The Carousel layout allows customers to navigate from one image to the next using the (left arrow) or (right arrow); whereas the Grid displays four images in a square layout.
Image Zoom: Select the zoom effect for product images: Magnifier on hover Pop-up on Click, Both, or None.
Thumbnails: Align thumbnails on the (Left) or at the (Bottom).
Main Image: Click Replace to change the product’s main image.
Extra Images: Add more extra images or videos (including via URL) or Remove all.
備註
图片必须为 PNG 或 JPG 格式，最小尺寸为 1024x1024，才能触发缩放。
產品款式變體¶
产品变体 是同一产品的不同版本，如各种颜色或材料，在价格和可用性方面可能存在差异。
为产品配置产品变体：
转到 。
向下滚动到 商店 - 产品 部分，启用 产品变体 功能。
访问 产品表单，并转到 属性和变体 选项卡，您可在此添加属性和值，以便客户在产品页面上配置和选择产品变体。对于多个属性，您可以将它们组合起来创建特定的变体。
要在 商店 页面上显示或隐藏属性，并允许访问者筛选它们，请进入 ，点击属性，并在 电子商务筛选器可见性 字段中选择 可见 或 隐藏。
小訣竅
要在:ref:
商店主页面 <ecommerce/products/shop-page>`上显示产品属性，请使用网站编辑器将 :guilabel:`属性功能设置为 左。要在 比较产品 时将属性归入同一部分，请转到 电子商务类别 字段，然后选择一个 现有类别或创建一个新类别。
備註
要使筛选器可见，需要两个属性值。
也參考
数字文件¶
您可以将证书、电子书或用户手册等数字文件链接到产品。这些文件可在产品页面 付款前 或客户门户网站 付款后 获取。
要将数字文件链接到产品，请转到 产品表单 并点击 文件 智能按钮。然后，点击 上传 直接上传文件，或点击 新建 获得其他选项，然后点击 上传文件。
小訣竅
You can link a URL instead of a digital file. To do so, click New, go to the Type field, and select URL.
To edit an existing file, click the (dropdown menu) in the top-right corner of the document card and click Edit.
Digital files available before payment¶
To make the file available on the product page (before payment), leave the Visibility field blank and toggle the Show on product page switch.
Digital files available after payment¶
To make the file available (after payment), set the Visibility field to Confirmed order and turn off the Show on product page switch.
Translation¶
If multiple languages are available on your website, you can translate a product’s information directly on the product form. Fields that support multiple languages are identifiable by their abbreviation language (e.g., EN) next to their field.
The eCommerce-related fields to translate are:
Product name.
Out-of-Stock Message (under the Sales tab).
Sales Description (under the Sales tab).
网站可用情况¶
To set the product’s website availability, navigate to the product form, go to the Sales tab, and in the eCommerce shop section, select the Website you wish the product to be available on. Leave the field blank to make the product available on all websites.
備註
You can make a product available on either one website or all websites, but selecting only some websites is not possible.
库存管理¶
To enable and configure inventory management options, go to , scroll down to the Shop - Products section and the Inventory Defaults sub-section.
重要
The Inventory app must be installed to see the inventory management options.
To display the stock level on the product page, the Product Type field must be set to Storable in the product form.
庫存¶
In the Inventory Defaults sub-section, fill in those fields:
Out-of-Stock: Enable Continue Selling to allow customers to place orders even when the product is out of stock. Leave the box unchecked to prevent orders.
Show Available Qty: Displays the available quantity left under a specified threshold on the product page. The available quantity is calculated based on the On hand quantity minus the quantity already reserved for outgoing transfers.
产品比较¶
To allow website visitors to compare products based on their attributes, go to , scroll down to the Shop - Products section, and enable Product Comparison Tool.
The (Compare) icon is now available on each product card on the main shop page when customers hover their mouse over it. To compare products, customers can click the (Compare) option on the products they want to compare, then click Compare in the pop-up window at the bottom of the page to reach the comparison summary.
備註
The Product Comparison Tool is only available for products with attributes.
Selecting the (Compare) option from a product page is also possible.