Thanks to visit codestin.com
Credit goes to github.com

Skip to content

[IMP] ecommerce: catalog update #14080

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: saas-18.4
Choose a base branch
from
Open

[IMP] ecommerce: catalog update #14080

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 4 additions & 5 deletions content/applications/websites/ecommerce/checkout.rst
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -212,13 +212,12 @@ as:
<ecommerce/cross_upselling/accessory>`;
- :guilabel:`Promo Code`: to allow customers to redeem :ref:`gift cards <ewallet_gift/gift-cards>`
or apply :doc:`discount codes <../../sales/sales/products_prices/loyalty_discount>`;
- :guilabel:`Add to Wishlist`: To allow signed-in users to remove a product from their cart and add
it to their wishlist, go to :menuselection:`Website --> Configuration --> Settings`, scroll to
the :guilabel:`Shop - Products` section, and enable :guilabel:`Wishlists`. The :guilabel:`Add to
Wishlist` option is then enabled by default in the website editor.
- :guilabel:`Add to Wishlist`: :ref:`Enable wishlists <ecommerce/products/wishlists>` to allow
signed-in users to remove a product from their cart and add it to their wishlist using the
:guilabel:`Save for later` option.

.. note::
- If a :doc:`fiscal position <../../finance/fiscal_localizations>` is detected
- If a :doc:`fiscal position <../../finance/accounting/taxes/fiscal_positions>` is detected
automatically, the product tax is determined based on the customer's IP address.
- If the installed :doc:`payment provider <../../finance/payment_providers>` supports
:ref:`express checkout <payment_providers/express_checkout>`, a dedicated button is displayed,
Expand Down
100 changes: 26 additions & 74 deletions content/applications/websites/ecommerce/products.rst
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,10 +7,10 @@ Products
**Odoo eCommerce** allows you to :ref:`add products <ecommerce/products/add-products>` and manage
your :ref:`product pages <ecommerce/products/product-page>` directly from the Website app. It also
allows you to add :ref:`product variants <ecommerce/products/product-variants>` and
:ref:`digital files <ecommerce/products/digital-files>`,
:ref:`translating <ecommerce/products/translation>` the product page content,
:ref:`managing stock <ecommerce/products/stock-management>`, and enabling
:ref:`product comparisons <ecommerce/products/product-comparison>`.
:ref:`digital files <ecommerce/products/digital-files>`, :ref:`translating
<ecommerce/products/translation>` the product page content, :ref:`managing stock
<ecommerce/products/stock-management>`, and enabling :ref:`product comparisons
<ecommerce/products/product-comparison>`.

.. _ecommerce/products/add-products:

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

.. _ecommerce/products/shop-page:

Shop page
=========

To customize the layout of the main :guilabel:`Shop` page or modify its content, click
:guilabel:`Edit`. Go to the :guilabel:`Blocks` tab to add :doc:`building blocks
<../../websites/website/web_design/building_blocks>` or to the
:guilabel:`Customize` tab to change the page layout or add features:

- :guilabel:`Layout`: Select :guilabel:`Grid` or :guilabel:`List`.

- :guilabel:`Size`: Set the number of products displayed per page and line.
- :guilabel:`Style`: Select :guilabel:`Default`, :guilabel:`Cards`, :guilabel:`Thumbnails`, or
:guilabel:`Grid`.
- :guilabel:`Image Size`: Choose the aspect ratio for the product images:
:guilabel:`Landscape (4/3)`, :guilabel:`Default (1/1)`, :guilabel:`Portrait (4/5)`, or
:guilabel:`Vertical (2/3)`. You can also adjust the display by changing the :guilabel:`Fill`
options to best fit your design preferences.

- :guilabel:`Search Bar`: Toggle the switch to display a search bar at the top of the products
page.

- :guilabel:`Prod. Desc.`: Toggle the switch to display the product description below the product's
name.

- :guilabel:`Categories`: display product categories on the :guilabel:`Left`, on the
:guilabel:`Top`, or both. If :guilabel:`Left` is selected, you can enable
:guilabel:`Collapse Categories` to make the category menu collapsible.

- :guilabel:`Datepicker`: Toggle the switch to display a date range calendar to check the
availability of rental products over a specific period. The
:doc:`Rental app <../../sales/rental>` must be installed to use this feature.

- :guilabel:`Attributes`: Show product attributes on the :guilabel:`Left` and/or display a
:icon:`fa-sliders` (:guilabel:`dropdown toggle`) icon at the :guilabel:`Top` allowing customers to
filter products based on their attributes.

- :guilabel:`Price Filter`: Toggle the switch to display a :guilabel:`Price Range` bar, which
allows customers to filter products according to a specific price range by dragging adjustable
handles.
- :guilabel:`Product Tags`: Toggle the switch to display the :guilabel:`Product Template Tags` on
the product page and allow customers to filter products using those tags by going to the
:guilabel:`Tags` section in the left column.

- :guilabel:`Top Bar`: Select :guilabel:`Sort By` to display a dropdown list in the top bar for
sorting products and/or :guilabel:`Layout` to allow customers to switch to the grid or list view
using the related icons.

- :guilabel:`Default Sort`: Choose how products are sorted by default: :guilabel:`Featured`,
:guilabel:`Newest Arrivals`, :guilabel:`Name (A-Z)`, :guilabel:`Price - Low to High`, or
:guilabel:`Price - High to Low`.

- :guilabel:`Buttons`:

- Select the :icon:`fa-shopping-cart` (:guilabel:`Shopping cart`) option to display an
:icon:`fa-shopping-cart` (:guilabel:`Add to cart`) icon on each product's image, which takes the
customer to the checkout page.

.. _ecommerce/products/wishlist:

- Select the :icon:`fa-heart-o` (:guilabel:`Wishlist`) option to display an
:icon:`fa-shopping-cart` (:guilabel:`Add to wishlist`) icon on each product's image allowing
logged-in customers to save products to a wishlist.

- Select the :icon:`fa-exchange` (:guilabel:`Compare`) option to display the :icon:`fa-exchange`
(:guilabel:`Compare`) icon on each product's image allowing customers to :ref:`compare products
<ecommerce/products/product-comparison>` based on their attributes.

.. _ecommerce/products/product-page:

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

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

.. _ecommerce/products/wishlists:

Wishlists
=========

The :icon:`fa-heart-o` :guilabel:`Add to wishlist` button allows customers to add products
to their wishlist, i.e., save them for later. To enable it, go to :menuselection:`Website -->
Configuration --> Settings`, scroll down to the :guilabel:`Shop - Products` section, and enable
:guilabel:`Wishlists`. The button is available on each product page and can be disabled in the
:ref:`website editor <ecommerce/products/product-page>` if needed.

.. image:: products/products-add-to-wishlist.png
:alt: Add to wishlist button

.. tip::
- You can also display a :icon:`fa-heart-o` (:guilabel:`Wishlist`) button when hovering the mouse
over the product on the :ref:`shop page <ecommerce/catalog/additional-features>`.
- Customers can move products from their cart to their wishlist by clicking the :guilabel:`Save
for later` button in the :guilabel:`Order overview` :ref:`checkout step
<ecommerce/checkout/review_order>`.

.. toctree::
:titlesonly:

Expand Down
Loading