Skip to content

Commit 9b97eb1

Browse files
lman-odooauva-odoo
authored andcommitted
[IMP] ecommerce: catalog update
task-4904299 and task-4311219 closes #13668 Signed-off-by: Audrey Vandromme (auva) <[email protected]>
1 parent 4def11f commit 9b97eb1

File tree

8 files changed

+239
-219
lines changed

8 files changed

+239
-219
lines changed

content/applications/websites/ecommerce/checkout.rst

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -212,13 +212,12 @@ as:
212212
<ecommerce/cross_upselling/accessory>`;
213213
- :guilabel:`Promo Code`: to allow customers to redeem :ref:`gift cards <ewallet_gift/gift-cards>`
214214
or apply :doc:`discount codes <../../sales/sales/products_prices/loyalty_discount>`;
215-
- :guilabel:`Add to Wishlist`: To allow signed-in users to remove a product from their cart and add
216-
it to their wishlist, go to :menuselection:`Website --> Configuration --> Settings`, scroll to
217-
the :guilabel:`Shop - Products` section, and enable :guilabel:`Wishlists`. The :guilabel:`Add to
218-
Wishlist` option is then enabled by default in the website editor.
215+
- :guilabel:`Add to Wishlist`: :ref:`Enable wishlists <ecommerce/products/wishlists>` to allow
216+
signed-in users to remove a product from their cart and add it to their wishlist using the
217+
:guilabel:`Save for later` option.
219218

220219
.. note::
221-
- If a :doc:`fiscal position <../../finance/fiscal_localizations>` is detected
220+
- If a :doc:`fiscal position <../../finance/accounting/taxes/fiscal_positions>` is detected
222221
automatically, the product tax is determined based on the customer's IP address.
223222
- If the installed :doc:`payment provider <../../finance/payment_providers>` supports
224223
:ref:`express checkout <payment_providers/express_checkout>`, a dedicated button is displayed,

content/applications/websites/ecommerce/products.rst

Lines changed: 26 additions & 74 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,10 @@ Products
77
**Odoo eCommerce** allows you to :ref:`add products <ecommerce/products/add-products>` and manage
88
your :ref:`product pages <ecommerce/products/product-page>` directly from the Website app. It also
99
allows you to add :ref:`product variants <ecommerce/products/product-variants>` and
10-
:ref:`digital files <ecommerce/products/digital-files>`,
11-
:ref:`translating <ecommerce/products/translation>` the product page content,
12-
:ref:`managing stock <ecommerce/products/stock-management>`, and enabling
13-
:ref:`product comparisons <ecommerce/products/product-comparison>`.
10+
:ref:`digital files <ecommerce/products/digital-files>`, :ref:`translating
11+
<ecommerce/products/translation>` the product page content, :ref:`managing stock
12+
<ecommerce/products/stock-management>`, and enabling :ref:`product comparisons
13+
<ecommerce/products/product-comparison>`.
1414

1515
.. _ecommerce/products/add-products:
1616

@@ -62,75 +62,6 @@ go to :menuselection:`Website --> eCommerce --> Products`, click the :icon:`fa-c
6262
#. In the :guilabel:`Is Published` column, tick the box for any of the selected products, then
6363
:guilabel:`Confirm` to publish them.
6464

65-
.. _ecommerce/products/shop-page:
66-
67-
Shop page
68-
=========
69-
70-
To customize the layout of the main :guilabel:`Shop` page or modify its content, click
71-
:guilabel:`Edit`. Go to the :guilabel:`Blocks` tab to add :doc:`building blocks
72-
<../../websites/website/web_design/building_blocks>` or to the
73-
:guilabel:`Customize` tab to change the page layout or add features:
74-
75-
- :guilabel:`Layout`: Select :guilabel:`Grid` or :guilabel:`List`.
76-
77-
- :guilabel:`Size`: Set the number of products displayed per page and line.
78-
- :guilabel:`Style`: Select :guilabel:`Default`, :guilabel:`Cards`, :guilabel:`Thumbnails`, or
79-
:guilabel:`Grid`.
80-
- :guilabel:`Image Size`: Choose the aspect ratio for the product images:
81-
:guilabel:`Landscape (4/3)`, :guilabel:`Default (1/1)`, :guilabel:`Portrait (4/5)`, or
82-
:guilabel:`Vertical (2/3)`. You can also adjust the display by changing the :guilabel:`Fill`
83-
options to best fit your design preferences.
84-
85-
- :guilabel:`Search Bar`: Toggle the switch to display a search bar at the top of the products
86-
page.
87-
88-
- :guilabel:`Prod. Desc.`: Toggle the switch to display the product description below the product's
89-
name.
90-
91-
- :guilabel:`Categories`: display product categories on the :guilabel:`Left`, on the
92-
:guilabel:`Top`, or both. If :guilabel:`Left` is selected, you can enable
93-
:guilabel:`Collapse Categories` to make the category menu collapsible.
94-
95-
- :guilabel:`Datepicker`: Toggle the switch to display a date range calendar to check the
96-
availability of rental products over a specific period. The
97-
:doc:`Rental app <../../sales/rental>` must be installed to use this feature.
98-
99-
- :guilabel:`Attributes`: Show product attributes on the :guilabel:`Left` and/or display a
100-
:icon:`fa-sliders` (:guilabel:`dropdown toggle`) icon at the :guilabel:`Top` allowing customers to
101-
filter products based on their attributes.
102-
103-
- :guilabel:`Price Filter`: Toggle the switch to display a :guilabel:`Price Range` bar, which
104-
allows customers to filter products according to a specific price range by dragging adjustable
105-
handles.
106-
- :guilabel:`Product Tags`: Toggle the switch to display the :guilabel:`Product Template Tags` on
107-
the product page and allow customers to filter products using those tags by going to the
108-
:guilabel:`Tags` section in the left column.
109-
110-
- :guilabel:`Top Bar`: Select :guilabel:`Sort By` to display a dropdown list in the top bar for
111-
sorting products and/or :guilabel:`Layout` to allow customers to switch to the grid or list view
112-
using the related icons.
113-
114-
- :guilabel:`Default Sort`: Choose how products are sorted by default: :guilabel:`Featured`,
115-
:guilabel:`Newest Arrivals`, :guilabel:`Name (A-Z)`, :guilabel:`Price - Low to High`, or
116-
:guilabel:`Price - High to Low`.
117-
118-
- :guilabel:`Buttons`:
119-
120-
- Select the :icon:`fa-shopping-cart` (:guilabel:`Shopping cart`) option to display an
121-
:icon:`fa-shopping-cart` (:guilabel:`Add to cart`) icon on each product's image, which takes the
122-
customer to the checkout page.
123-
124-
.. _ecommerce/products/wishlist:
125-
126-
- Select the :icon:`fa-heart-o` (:guilabel:`Wishlist`) option to display an
127-
:icon:`fa-shopping-cart` (:guilabel:`Add to wishlist`) icon on each product's image allowing
128-
logged-in customers to save products to a wishlist.
129-
130-
- Select the :icon:`fa-exchange` (:guilabel:`Compare`) option to display the :icon:`fa-exchange`
131-
(:guilabel:`Compare`) icon on each product's image allowing customers to :ref:`compare products
132-
<ecommerce/products/product-comparison>` based on their attributes.
133-
13465
.. _ecommerce/products/product-page:
13566

13667
Product page customization
@@ -298,7 +229,7 @@ go to :menuselection:`Website --> eCommerce --> Attributes`, click on the attrib
298229
:guilabel:`Visible` or :guilabel:`Hidden` in the :guilabel:`eCommerce Filter Visibility` field.
299230

300231
.. tip::
301-
- To display the product attributes on :ref:`the main Shop page <ecommerce/products/shop-page>`,
232+
- To display the product attributes in the :doc:`product catalog <products/catalog>`,
302233
set the :guilabel:`Attributes` feature to :guilabel:`Left` using the website editor.
303234
- To group attributes under the same section when
304235
:ref:`comparing products <ecommerce/products/product-comparison>`, go to the
@@ -436,6 +367,27 @@ comparison summary.
436367
- Selecting the :icon:`fa-exchange` (:guilabel:`Compare`) option from a product page is also
437368
possible.
438369

370+
.. _ecommerce/products/wishlists:
371+
372+
Wishlists
373+
=========
374+
375+
The :icon:`fa-heart-o` :guilabel:`Add to wishlist` button allows customers to add products
376+
to their wishlist, i.e., save them for later. To enable it, go to :menuselection:`Website -->
377+
Configuration --> Settings`, scroll down to the :guilabel:`Shop - Products` section, and enable
378+
:guilabel:`Wishlists`. The button is available on each product page and can be disabled in the
379+
:ref:`website editor <ecommerce/products/product-page>` if needed.
380+
381+
.. image:: products/products-add-to-wishlist.png
382+
:alt: Add to wishlist button
383+
384+
.. tip::
385+
- You can also display a :icon:`fa-heart-o` (:guilabel:`Wishlist`) button when hovering the mouse
386+
over the product on the :ref:`shop page <ecommerce/catalog/additional-features>`.
387+
- Customers can move products from their cart to their wishlist by clicking the :guilabel:`Save
388+
for later` button in the :guilabel:`Order overview` :ref:`checkout step
389+
<ecommerce/checkout/review_order>`.
390+
439391
.. toctree::
440392
:titlesonly:
441393

0 commit comments

Comments
 (0)