[FIX] ecommerce: updates images & grammar for Catalog doc.
@ -1,10 +1,8 @@
|
||||
=================
|
||||
===========
|
||||
Get started
|
||||
=================
|
||||
===========
|
||||
|
||||
.. toctree::
|
||||
:titlesonly:
|
||||
|
||||
getting_started/product_page
|
||||
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:: ./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`
|
||||
|
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`
|