8/17/2019 Odoo 9 Ecommerce Dev- Part II
1/14
Odoo 9 - ECommerceE.Commerce System Design Course
Đại học CNTT – Bộ môn Thương Mại Điện Tử
8/17/2019 Odoo 9 Ecommerce Dev- Part II
2/14
Phát triển Module UStore (website_saleversion 2)
Purpose and Objectives
8/17/2019 Odoo 9 Ecommerce Dev- Part II
3/14
Theme mới cho trang home & product detail
Cài đặt chức năng zoom hình ảnh ở trangproduct detail
Xây dựng chức năng whishlist_ajax (comparetự phát triển)
Tất cả đóng gói trong module ecom_ustore
và phát triển theo MVC
Danh sách các yêu cầu cần phát triển
8/17/2019 Odoo 9 Ecommerce Dev- Part II
4/14
Display Ustore module on main page menu
Template inherited (Qweb, HTML, CSS)
Display on customize menu JavaScript with Jquery
Odoo Web Controller
Ajax Dev
Development Steps
8/17/2019 Odoo 9 Ecommerce Dev- Part II
5/14
ecom_ustore File: __openerp__ {
'name': "ECommerce UStore",'version': '1.1',
'description': """
A simple Mobile UStore
""",
'depends': ['website'],
'data': ['views/layout.xml'],
}
Step 0 – Create new module
8/17/2019 Odoo 9 Ecommerce Dev- Part II
6/14
U Store
/ustore
50
http://127.0.0.1:8069/ustore
Step 1 – Menu display
8/17/2019 Odoo 9 Ecommerce Dev- Part II
7/14
from openerp import http
from openerp.http import request
from openerp import tools
class uStore(http.Controller):
@http.route('/ustore/', auth='public', website=True)
def initlayout(self, page=0, category=None, search='', ppg=False, **post):
return http.request.render(' ecom_ustore.mainpage')
Step 2- Controller for mainpage
8/17/2019 Odoo 9 Ecommerce Dev- Part II
8/14
Design template or reuse free template
HTML template generated from PSD
Step 3- New template for shop
8/17/2019 Odoo 9 Ecommerce Dev- Part II
9/14
Copy css, javascript intostatic folder
Step 3- New template
for shop (cont)
8/17/2019 Odoo 9 Ecommerce Dev- Part II
10/14
Convert html to xhtml formathttp://www.csgnetwork.com/cvthtml2xhtml.html
Remove (control + F)
Replace src="images/ by src="/ecom_ustore/static/images/
(control + F)
Copy needed parts to View (layout.xml)
Step 3- New template for shop(cont)
8/17/2019 Odoo 9 Ecommerce Dev- Part II
11/14
Clone controller
Clone View
Step 4- Clone Odoo Ecommerce
to UStore(cont)
8/17/2019 Odoo 9 Ecommerce Dev- Part II
12/14
Edit content onpage by Snippet Add this tag in any possition
https://www.odoo.com/documentation/9.0/howtos/themes.html
A Miracle with Odoo Web
8/17/2019 Odoo 9 Ecommerce Dev- Part II
13/14
Add snippet below 30% banner
Step bonus
8/17/2019 Odoo 9 Ecommerce Dev- Part II
14/14
Homework 1: Phát triển module Ustore (UITStore)
Homework 2: Cài đặt module Whishlist &compare.
Yêu cầu: Sử dụng theme khác so với theme default của
Website_sale (làm mới trang store& trang chi tiết.Các trang còn lại có thể dùng lại của odoo)
Tự triển khai chức năng zoom hình ảnh, wishlist,compare
Hoàn thiện tất cả các chức năng cần có của mộtwebsite bán hàng
Tham khảo website_sale
Homework