diff --git a/content/applications/websites/ecommerce/getting_started/product_page.rst b/content/applications/websites/ecommerce/getting_started/product_page.rst index 87404b87d..d5bbc821a 100644 --- a/content/applications/websites/ecommerce/getting_started/product_page.rst +++ b/content/applications/websites/ecommerce/getting_started/product_page.rst @@ -1,30 +1,51 @@ -============================ -How to build a product page -============================ +============= +Product pages +============= -On the website click *New Page* in the top-right corner. +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. -Then click *New Product* and follow the blinking tips. +Thankfully, with Odoo, building product pages for your online store has never been easier. -.. image:: ./media/create_product.png +Building product pages +====================== + +On the website, click *+New* in the top-right corner. Then click *Product*. + +.. image:: product_page/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:: product_page/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:: ./media/product_page_tips.png +.. image:: product_page/product_page_tips.png :align: center + :alt: ecommerce product page tips Many elements can be made visible from the *Customize* menu. -.. image:: ./media/product_customize.png +.. image:: product_page/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:`/applications/sales/sales/products_prices/taxes` + * :doc:`../managing_products/multi_images` * :doc:`../maximizing_revenue/cross_selling` * :doc:`../maximizing_revenue/reviews` * :doc:`../maximizing_revenue/pricing` diff --git a/content/applications/websites/ecommerce/getting_started/product_page/create-product.png b/content/applications/websites/ecommerce/getting_started/product_page/create-product.png new file mode 100644 index 000000000..efa60b22e Binary files /dev/null and b/content/applications/websites/ecommerce/getting_started/product_page/create-product.png differ diff --git a/content/applications/websites/ecommerce/getting_started/product_page/customize-dropdown.png b/content/applications/websites/ecommerce/getting_started/product_page/customize-dropdown.png new file mode 100644 index 000000000..b61de608f Binary files /dev/null and b/content/applications/websites/ecommerce/getting_started/product_page/customize-dropdown.png differ diff --git a/content/applications/websites/ecommerce/getting_started/product_page/ecommerce-new-product-pop-up.png b/content/applications/websites/ecommerce/getting_started/product_page/ecommerce-new-product-pop-up.png new file mode 100644 index 000000000..eefd9ccd2 Binary files /dev/null and b/content/applications/websites/ecommerce/getting_started/product_page/ecommerce-new-product-pop-up.png differ diff --git a/content/applications/websites/ecommerce/getting_started/media/product_page_tips.png b/content/applications/websites/ecommerce/getting_started/product_page/product_page_tips.png similarity index 100% rename from content/applications/websites/ecommerce/getting_started/media/product_page_tips.png rename to content/applications/websites/ecommerce/getting_started/product_page/product_page_tips.png