Odoo 9 Ecommerce Dev- Part II

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ử


2/14

Phát triển Module UStore (website_saleversion 2)

Purpose and Objectives


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


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


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


6/14

U Store

/ustore

50

http://127.0.0.1:8069/ustore

Step 1 – Menu display


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/14

Design template or reuse free template

HTML template generated from PSD

Step 3- New template for shop


9/14

Copy css, javascript intostatic folder

Step 3- New template

for shop (cont)


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)


11/14

Clone controller

Clone View

Step 4- Clone Odoo Ecommerce

to UStore(cont)


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


13/14

Add snippet below 30% banner

Step bonus


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

Documents

Odoo 9 Ecommerce Dev- Part II