[FIX] ecommerce: updates images & grammar for Catalog doc.
@ -1,10 +1,8 @@
|
|||||||
=================
|
===========
|
||||||
Get started
|
Get started
|
||||||
=================
|
===========
|
||||||
|
|
||||||
.. toctree::
|
.. toctree::
|
||||||
:titlesonly:
|
:titlesonly:
|
||||||
|
|
||||||
getting_started/product_page
|
|
||||||
getting_started/catalog
|
getting_started/catalog
|
||||||
|
|
||||||
|
@ -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:: ./catalog/product-catalog.png
|
||||||
|
|
||||||
.. image:: ./media/shop.png
|
|
||||||
:align: center
|
:align: center
|
||||||
|
:alt: ecommerce product catalog page
|
||||||
|
|
||||||
Most options are available in the *Customize* menu: display attributes,
|
Most modification options and features are available in the *Customize* menu.
|
||||||
website categories, etc.
|
|
||||||
|
|
||||||
.. image:: ./media/shop_customize.png
|
.. image:: catalog/catalog-customize-menu.png
|
||||||
:align: center
|
:align: center
|
||||||
|
:alt: ecommerce customize menu on product catalog page
|
||||||
|
|
||||||
Highlight a product
|
Highlight a product
|
||||||
===================
|
===================
|
||||||
|
|
||||||
Boost the visibility of your star/promoted products: push them to top, make them
|
Boost the visibility of your star (or promoted) products in a number of different ways. Push them
|
||||||
bigger, add a ribbon that you can edit (Sale, New, etc.). Open the Shop page, switch
|
to top, make them bigger, add an editable ribbon to attract attention (*Sale*, *New*, etc.).
|
||||||
to Edit mode and click any item to start customizing the grid.
|
|
||||||
|
|
||||||
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
|
Quick 'Add to Cart'
|
||||||
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).
|
|
||||||
|
|
||||||
.. image:: ./media/shop_list.png
|
If customers tend to buy a lot of items at once, you can make their shopping experience even
|
||||||
:align: center
|
*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`
|
||||||
|
After Width: | Height: | Size: 57 KiB |
After Width: | Height: | Size: 93 KiB |
After Width: | Height: | Size: 102 KiB |
After Width: | Height: | Size: 92 KiB |
After Width: | Height: | Size: 37 KiB |
After Width: | Height: | Size: 14 KiB |
After Width: | Height: | Size: 130 KiB |
Before Width: | Height: | Size: 102 KiB After Width: | Height: | Size: 102 KiB |
Before Width: | Height: | Size: 4.0 KiB |
Before Width: | Height: | Size: 63 KiB |
Before Width: | Height: | Size: 112 KiB |
Before Width: | Height: | Size: 18 KiB |
Before Width: | Height: | Size: 22 KiB |
@ -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`
|
|