Compare commits

...

1 Commits

Author SHA1 Message Date
KC (ksc)
76bf61d438 [FIX] ecommerce: updates images & grammar for Catalog doc. 2021-06-07 12:41:53 -07:00
16 changed files with 98 additions and 58 deletions

View File

@ -1,10 +1,8 @@
=================
===========
Get started
=================
===========
.. toctree::
:titlesonly:
getting_started/product_page
getting_started/catalog

View File

@ -1,37 +1,110 @@
==================================
How to customize my catalog page
==================================
=======
Catalog
=======
Product Catalog
===============
All your published items show up in your catalog (or *Shop*) page.
All your published items show up in your catalog page (or *Shop* page).
.. image:: ./media/shop.png
.. image:: ./catalog/product-catalog.png
:align: center
:alt: ecommerce product catalog page
Most options are available in the *Customize* menu: display attributes,
website categories, etc.
Most modification options and features are available in the *Customize* menu.
.. image:: ./media/shop_customize.png
.. image:: catalog/catalog-customize-menu.png
:align: center
:alt: ecommerce customize menu on product catalog page
Highlight a product
===================
Boost the visibility of your star/promoted products: push them to top, make them
bigger, add a ribbon that you can edit (Sale, New, etc.). Open the Shop page, switch
to Edit mode and click any item to start customizing the grid.
Boost the visibility of your star (or promoted) products in a number of different ways. Push them
to top, make them bigger, add an editable ribbon to attract attention (*Sale*, *New*, etc.).
See how to do it: https://www.odoo.com/openerp_website/static/src/video/e-commerce/editing.mp4
Simply open the *Shop* page, switch to *Edit* mode, and click any item to start customizing.
Quick add to cart
=================
.. tip::
See how to do it `here <https://drive.google.com/file/d/1ztxrwaX8Y7UgtmCJrqNIqVn4RGUxmBA9/view?usp=sharing>`_.
If your customers buy a lot of items at once, make their process shorter by enabling purchases from
the catalog page. To do so, add product description and add to cart button. Turn on the following
options in *Customize* menu: Product Description, Add to Cart, List View (to display product
description better).
Quick 'Add to Cart'
===================
.. image:: ./media/shop_list.png
:align: center
If customers tend to buy a lot of items at once, you can make their shopping experience even
*faster* by enabling an "Add to Cart" button directly on products found on your catalog page.
This way, they can instantly add an item to their virtual cart directly from the catalog page,
without having to access the product page itself. Therefore, it would require less time for them
to purchase products that they desire from your online store.
To do this, you'll want to activate the *Add to Cart* feature, located under the *Customize*
drop-down menu on the header.
You may want to add a product description, as well. That way, customers can quickly see a brief
description of the product and add it to their virtual cart in just one click. To do that, make
sure to activate the *Product Description* feature in the *Customize* menu.
Both features appear in Grid and List view.
- **Grid** view (appears when cursor hovers over product):
.. image:: catalog/ecommerce-grid-view-cart.png
:align: center
:alt: ecommerce grid view add to cart
- **List** view:
.. image:: catalog/ecommerce-list-view-cart.png
:align: center
:alt: ecommerce list view add to cart
=============
Product pages
=============
An eCommerce store simply isn't complete without products. That's why it's important to make sure
all your product pages look great, and properly present items to potential customers.
Thankfully, with Odoo, building product pages for your online store has never been easier.
Building product pages
======================
On the website, click *+New* in the top-right corner. Then click *Product*.
.. image:: catalog/create-product.png
:align: center
:alt: create new product ecommerce
Then, a pop-up appears where you'll enter in a name for the new product before clicking *Continue*.
.. image:: catalog/ecommerce-new-product-pop-up.png
:align: center
:alt: ecommerce new product pop-up window
Odoo will then take you the Product page that you can modify in a number of different ways,
including the various building blocks from Odoo's Website Builder.
Even after you hit *Save* after you complete your product page, remember to hit the switch on the
header to mark it from *Unpublished* (Default) to *Published*.
Here are the main elements of the Product page:
.. image:: catalog/product_page_tips.png
:align: center
:alt: ecommerce product page tips
Many elements can be made visible from the *Customize* menu.
.. image:: catalog/customize-dropdown.png
:align: center
:alt: ecommerce customize drop down menu
See how to configure your products from links here below.
.. seealso::
* :doc:`../managing_products/variants`
* :doc:`../managing_products/multi_images`
* :doc:`../maximizing_revenue/cross_selling`
* :doc:`../maximizing_revenue/reviews`
* :doc:`../maximizing_revenue/pricing`
* :doc:`../../website/optimize/seo`

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 93 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 130 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 112 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

View File

@ -1,31 +0,0 @@
============================
How to build a product page
============================
On the website click *New Page* in the top-right corner.
Then click *New Product* and follow the blinking tips.
.. image:: ./media/create_product.png
:align: center
Here are the main elements of the Product page:
.. image:: ./media/product_page_tips.png
:align: center
Many elements can be made visible from the *Customize* menu.
.. image:: ./media/product_customize.png
:align: center
See how to configure your products from links here below.
.. seealso::
* :doc:`../managing_products/variants`
* :doc:`/applications/sales/sales/products_prices/taxes`
* :doc:`../maximizing_revenue/cross_selling`
* :doc:`../maximizing_revenue/reviews`
* :doc:`../maximizing_revenue/pricing`
* :doc:`../../website/optimize/seo`