Hướng dẫn tạo website bán hàng với mã nguồn mở Drupal 7 sử dụng module Ubercart. Ubercart phát triển trên nền tảng Drupal để tạo ra trang web thương mại điện tử được sử dụng phổ biến nhất. Nó thực hiện tất cả mọi thứ bạn cần để bắt đầu bán sản phẩm trực tuyến. Các nhà phát triển web từ tất cả các phạm vi kỹ năng có thể sử dụng nó để hỗ trợ một loạt các ngành công nghiệp thương mại điện tử - bao gồm cả hàng hóa vật chất, kỹ thuật số tải. Ubercart có thể làm tất cả!
Tài : Tìm hi u v ubercart drupal M CL C Ubercart ? t ubercart Cách s d ng ubercart Cách thêm dang m c Catalog Cách thêm s n ph m theo chu n Cách t o b (nhóm) s n ph m s d ng Product kit Các thu c tính s n ph m l a ch n cho thu c tính Cách t o thu c tính l a ch n cho Tìm hi u v l p s n ph m product classes Cách t o c u hình l p s n ph m Product class ví d liên quan t i l p s n ph m thu c tính Attributes ví d v cách t o l p s n ph m product classes t o content thu c l Ví d v s c tính s n ph m c th c a l p class s n ph m 19 Cách s d ng cart links 21 Xem b n báo cáo reports ubercart 23 Cart Links 23 Reports 24 Customers 24 Products 25 Sales 27 Sales Summary 27 Sales per Year 29 Custom sales Summary 31 Stock 33 Thi t l p c u hình store 34 Các ch d n thi t l p ubercart 34 Các thi t l p thu c tính Attribute 35 Các thi t l p Cart Links 35 Các thi t l p Cart 36 Sinh Viên Th c Hi n : Ngơ Quang Trung Tài : Tìm hi u v ubercart drupal Các thi t l p cho danh m c Catalog 37 Các thi t l p cho toán checkout 38 Sinh Viên Th c Hi n : Ngô Quang Trung Tài : Tìm hi u v ubercart drupal Ubercart ? Ubercart gi n i dung CMS Drupal n t mã ngu n m c l p v i h th ng qu n lý Ubertcart d a vào nh m c a có s n core c a Drupal modules phát tri n s n có c a bên th 3, cung c p cho nh i s d ng nh shopping cart tích h p v i nh ng ph n khác c a website Các nhà phát tri n có th thêm vào hay ch nh s b t c h th n t mà h c n mã ngu i v y ta s có cách d t c phát tri ng nhu c u c a c a ubercart cho phù h p v i h không bao gi ph nâng c i p n Có kh t l p c u hình cho danh m c s n ph m bao g m : trang page danh m c kh hi n th danh m c s n ph m Kh o s n ph m linh ho ng v i l p s n ph m H tr nhi u hình nh hi n th cho s n ph m Có h th ng thu c tính s n ph m linh ho t c file t i v n vào s n ph m Có trang page danh riêng cho tốn Có kh ng t o tài kho n Có thơng báo tốn cho admin khách hàng Cách th c x n Có th t o ch nh s t hàng cách d dàng Tích h p h th ng tốn gi u n i gi c toán (check, credit card, purchase order, etc.) c ng toán (CyberSource, Authorize.net, PayPal, etc.) Tích h p nhi c v n chuy n p báo cáo v khách hàng, s n ph m doanh s t ubercart Sinh Viên Th c Hi n : Ngô Quang Trung Tài : Tìm hi u v ubercart drupal thu c vào s modules c a bên th 3.ta b t bu c ph t ubercart : t Rules Views Ctools Entity API Entity tokens c module l i th t lâu) mà không b l i, ta ph i ti n hành c u hình l i thi t l p max_execution_time = 30 php.ini thành max_execution_time = 60 Cách s d ng ubercart Cách thêm dang m c Catalog Khi ta hoàn thành xong vi t ubercart drupal t ng t o taxonomy vocabulary m i có tên Catalog.do v y vi c thêm danh m c th c ch t ta thêm term vào taxonomy vocabulary m i Ta thêm m i b ng cách truy c p theo : Structure >> taxonomy T Catalog nhìn th y danh sách taxonomy vocabulary.ta ch n vào add term vocabulary có tên Gi s Sinh Viên Th c Hi n : Ngô Quang Trung Tài : Tìm hi u v ubercart drupal Cách thêm s n ph m theo chu n Ta truy c p vào : Content >> product T h ng lo i thu n cho d ng s n ph Name : tên s n ph m Description : thông tin mô t chi ti t s n ph m Image : i di n cho s n ph m Catalog : danh m c s n ph m Product information : thu c tính thơng tin v s n ph Sinh Viên Th c Hi n : Ngơ Quang Trung Tài : Tìm hi u v ubercart drupal Cách t o b (nhóm) s n ph m s d ng Product kit Ta s d li t kê hay nhi u s n ph m v logic thu n ti n cho vi c g p nhóm s n ph i v i khách hàng cịn bi u di n cách Ví d n t o content có tên b s n ph m máy tính xách tay d a vào n i dung content v s n ph o t c DELL N4010 ASUS K42JR Ta t o b ng cách truy c p vào : Content >> Add content >>Product kit Ta ý vào ph n product kit information u hình l a ch n cách mà b c tùy ch nh gi hàng cart : L a ch n : g p s n ph m l i thành 1.khách hàng ch có th mua.khơng có ph n li t kê s n ph m c u thành L a ch n : (m b kits mà h i s b kits mà h nh h th ng ) g p s n ph m l i thành khách hàng ch có th Có thêm ph n li t kê s n ph m c u thành L a ch ph m b kit.giá chi t kh is n ph m riêng bi t.khác hàng có th thêm vào ho c xóa b s n c áp d ng vào b kit lo i Sinh Viên Th c Hi n : Ngơ Quang Trung Tài : Tìm hi u v ubercart drupal m c products danh sách s n ph m có th thêm vào b kit m c total price : m nh t ng giá c a s n ph m b kit, nhiên ta có th thi t l p giá tùy ý cho b kit ng tính tốn t kh u cho m i s n ph m b kit phù h p v i t ng giá ph n sau M c t s n ph m b kit, ta có th ph m giá chi t kh u c a m i lo i is ng t ng lo i s n Các thu c tính s n ph m l a ch n cho thu c tính Các s n ph m products khơng ph ct ng h p, khách c quy nh lo i s n ph m mà h mu n.ví d a hàng c a ta có th bán lo mi khách hàng có th tìm m u thi t k n l y kích c ng này, ta t n d m c a h th ng thu c tính s n ph m ubercart(product attribute ) c tính (gi c tính nh ng l a ch ng, l n) kích ho t thu c tính l a ch n m i m t s n ph m c tìm hi u cách t o thu c tính/các l a ch n áp d ng chúng vào s n ph m, ta ph i ch c ch n r ng ta hi u nh c pt c tính l a ch n c c t o c toàn c c v i tm nh c a chúng c áp d ng vào s n ph m c th c t o ( ho c trình t o chúng s d ng l p s n ph m ).các thi t l p cho thu c tính l a ch áp d ng vào s n ph m s n ph nh m nh toàn c u ch c m i s n ph m n u c n thi t Sinh Viên Th c Hi n : Ngô Quang Trung Tài : Tìm hi u v ubercart drupal b u, ta ph i ch c ch n r t Attribute module p vào tài kho n user có quy n truy c p vào administer attributes.ta ph i t o thu c tính l a ch n toàn c c thêm chúng vào s n ph cs d c ti p theo Cách t o thu c tính l a ch n cho Ta truy c p vào : Store » Products » Attributes Nh n chu t vào Add an attribute vào form t o thu c tính m i b ng thu c tính, tìm ki m dịng ch a thu c n vào options trang page ch b ng thu n t i bao g m th tab link có nhãn Add an option truy c p t thêm l a ch n vào thu c tính này.m i l a ch n ta thêm vào s xu t hi n Tìm hi u v l p s n ph m product classes t ubercart l u tiên, ta s có d c g i product.d ng Product node type tồn b thơng tin mà ubertcart c bán hay v n chuy n s n ph m website.h th ng node drupal h th ng hoàn thi n v i r t nhi u modules c a bên th c tích h p v i nó.các module c a bên th có th thêm vào thông tin b sung vào b t c d ng node type c a drupal bao g m c d ng Product type.trong s ng h p có th s n ph m products c a ta c n thơng tin b ng h p khơng c n thi t, vi c thêm thông tin b sung có th có l ng có node types cho vi c thêm vào s n ph m products ng d ng product node types có d ng Product type m nh.các d ng types b c tham chi u t i l p s n ph m Product classes.ubercart s t kì l p s n ph m Product class Product node ng, t ng thêm nh s n ph m t t c ng fileds khác c n thi t gi c cho phép khách hàng xem l p classes danh m c thêm chúng vào gi hàng c a h ubercart cho phép ta gán thu c tính attributes l a ch n m nh cho t ng l p s n ph m Product class L p s n ph m Product class s d ng h p N u ta mu n thi t l p thu c tính attributes hay l a ch n m nh cho d ng product types n hóa vi c thêm s n ph m products vào website c a ta.ví d : c a hàng qu n áo bán lo i i kích c màu s c khác nhau, lo i qu n dài v i kích c khác nhau.do v y ta t o l p s n ph p s n ph m cho qu n dài v i thu c tính m nh l a ch n m ng ng v i l p classes Ta mu n s d ng fileds b sung vào vài d ng s n ph m ta bán i t t c s chúng.ví d ng fields tác gi cho quy n sách.do v y ta t o l p s n ph c bi ng fileds Sinh Viên Th c Hi n : Ngơ Quang Trung Tài : Tìm hi u v ubercart drupal thay th cho d ng s n ph c bi t nh t n ng s n ph m khác khơng có tác gi Ta bán c lo i s n ph v y ta t o l p s n ph m c u hình lu t Tax rules cho ch có s n ph m ib c Ta mu n t cho khách hàng có th th c hi n th cs px p c a s n ph m theo d ví d a hàng qu mi.ta t o l p s n ph m thêm vào b l t o view d a vào d a vào node type v y có th hi n th theo lo Cách t o c u hình l p s n ph m Product class Ta truy c p vào : Store >> PRODUCTS >> Manage classes thông tin bên form ý r ng ID ph i nh t u s t o d ng product node type m i n vào edit t i l p class v a m i thêm vào, ta có th ch nh s a b t c lúc tên name thông tin mô t description c a l ta có th ch nh s a thi t l p cài t c ng fileds cho class thông qua forms ch nh s a cho Drupal node type ng b ng cách truy c p vào Structure » Content types n t attribute module t th y th tabs có tên Attributes Options.s d ng th thêm thu c tính m nh thi t l p l a ch n cho t t c s n ph c t o b i l p s n ph m product class này.và cách x v cs d thêm thu c tính l a ch n vào s n ph m riêng bi t(thêm vào không thông qua l p s n ph m) i t t c thơng tin, ta có th b u thêm s n ph m c a l p class b ng cách n vào tên l p s n ph m product class m i trang create content page ví d liên quan t i l p s n ph m thu c tính Attributes ví d v cách t o l p s n ph m product classes t o content thu c l ta truy c p vào : Store >> PRODUCTS >> Manage classes Sinh Viên Th c Hi n : Ngô Quang Trung Tài : Tìm hi u v ubercart drupal n thông ti n nút SAVE t o l p s n ph m product class m i có tên ipad Sinh Viên Th c Hi n : Ngơ Quang Trung 10 Tài : Tìm hi u v ubercart drupal Products Trong ph n báo cáo s n ph m, ta có th c t t c s n ph m website.v i m i s n ph m, ta có th xem tên c a s n ph m ki u model c a s n ph m, s l n xem mà s n ph m nh c (n u Statistics modules c kích ho t), t ng s s n ph c t o c a hàng, thu nh p t ng s mà chúng t o ra.n u s n ph m có thu c tính attributes s u ch nh model/SKU t ng chi ti t c a s n ph m s c chia nh i tên model/SKU Sinh Viên Th c Hi n : Ngô Quang Trung 25 Tài : Tìm hi u v ubercart drupal Sinh Viên Th c Hi n : Ngô Quang Trung 26 Tài : Tìm hi u v ubercart drupal Sales B n báo cáo doanh s bao g m d ng khác : Sales Summary B n báo cáo t o nhìn t ng quát v doanh s c a hàng vài b ng.b u tiên cho bi t s a ngày hi n t i, ngày hơm qua, giá tr trung bình hàng ngày t k ho ch theo tháng B ng th cho bi t t ng doanh thu l n, t ng s khách hàng, khách hàng m i theo ngày, p.b ng cu i cho bi t tr ng thái c t b i cho t t Sinh Viên Th c Hi n : Ngơ Quang Trung 27 Tài : Tìm hi u v ubercart drupal Sinh Viên Th c Hi n : Ngơ Quang Trung 28 Tài : Tìm hi u v ubercart drupal Sales per Year Báo cáo t o danh sách doanh s th cho t ng tháng, s thu t o ra,hi n thi doanh thu c cu i hi n th t n vào m i tháng s cho bi nt n báo cáo có th xu t CSV file n u c n.m nt c hi n th admin có th xem b t c b ng n xem n nút "View" Sinh Viên Th c Hi n : Ngơ Quang Trung 29 Tài : Tìm hi u v ubercart drupal Sinh Viên Th c Hi n : Ngô Quang Trung 30 Tài : Tìm hi u v ubercart drupal Custom sales Summary n báo cáo tùy ch nh, thông tin chi ti c chi nh b i status), s n ph m, doanh thu t o kho ng th i gian c th v i t ng s i cùng.m nh, b n báo hi n th doanh s i tr ng thái status th n m administration > Configuration > Report settings) Sinh Viên Th c Hi n : Ngô Quang Trung 31 Tài : Tìm hi u v ubercart drupal Sinh Viên Th c Hi n : Ngô Quang Trung 32 Tài : Tìm hi u v ubercart drupal Sau n vào "customize report" t i store administrator thơng tin chi ti t hi n th gi ng hình sau : Start date : ngày b u báo cáo End date : ngày k t thúc báo cáo Subreport length : kho ng th i gian cho m i dòng d li u Order status : tr ng thái statuses c Product breakdown : n c tích, s s n ph ph ng th c s d ng báo cáo c thay th b i danh sách chi ti t s n B n báo cáo có th xu t CSV file Stock Stock module t o b n báo cáo cho t t c SKUs ghi l i v t b i module.t t t c v t SKUs, s n ph c liên k t v i chúng, giá tr stock, giá tr ng threshold có th xu c CSV file Sinh Viên Th c Hi n : Ngô Quang Trung n th 33 Tài : Tìm hi u v ubercart drupal Thi t l p c u hình store Các ch d n thi t l p ubercart c sau : thi t l p nhóm vai trị role cho store ( hay nhóm roles mà ta mu n t o m c truy c p khác nhau) a i Administer > User management > Roles t o nhóm vai trị role b n vào "edit permissions" dịng ch a nhóm role m n vào ô checkboxes phân quy n mà ta mu n cung c p cho role r i n submit i Configuration menus u ch nh l t mà ta c n Sinh Viên Th c Hi n : Ngơ Quang Trung 34 Tài : Tìm hi u v ubercart drupal u ch nh l i thi t l p product node type a i Administer > Site building > Themes > Configure t khơng tích vào hi n th thơng tin s n ph m b i Administer > Content management > Content types > Product t u ch nh thi t l p comment cho s n ph m Các thi t l p thu c tính Attribute D ng thi t l p ch xu t hi n ta kích ho t Attribute module Các thu c tính Attributes ct c thêm vào s n ph m cho phép khách hàng ch n l a t danh sách l a ch ng t i s n ph m mà h ví d th có thu c tính v kích c v i l a ch n nh ng, l c thu c tính có th ng t i giá, tr ng s ki u model c a s n ph m s n ph c thêm vào gi hàng.form thi t l n th ch nh s a v giá trang s n ph m Theo m c hi n th t ng tên l a ch n select box c hi n th t t c hay hi n th ng giá u có th thay Các thi t l p Cart Links Form thi t l p ch xu t hi n ta kích ho t Cart Links module Cart links ubercart link th công(link t t o) cho phép ta làm vi c sau khách hàng nh n vào chúng : Xóa s ch shopping cart c a khách hàng Thêm b t k s ng c a b t k s ng s n ph m Hi n th thông báo tùy ch i dùng t nh hi n th báo cáo store report ng t i b t c trang page website Trang thi t l p hi n th vài thông tin v vi c t o links : u tiên cho phép admin có quy n truy c p nhìn th y chu i string mơ t s n ph m c n thi thêm s n ph t vào gi hàng.t t c nh ng ta ph t i trang s n ph m thêm gi ng thơng báo s c hi n th v i chu ta s d ng cho cart link Ô checkbox th quay l i theo dõi b t c cart link có ID Sinh Viên Th c Hi n : Ngơ Quang Trung 35 Tài : Tìm hi u v ubercart drupal Textarea nh s d u bao g m s c phân chia b i kí t |.b m phím enter gi a thơng c tách riêng Ơ checkbox th cho phép API bi t x lý cart links mà có bao g m thao tác empty cart Textarea th ng truy c p cart links t p box,nó khơng bao g m link có d ng /cart/add/ ng textfield cu chuy chuy ng truy c i c g ng s d ng link khơng thích h p Các thi t l p Cart th tab Basic settings Có h p text box ph m vào gi hàng.theo m ng field r drupal n vào URL chuy n h u s chuy n vào i v i khách hàngi mà thêm s n ng t i trang xem shopping cart ta có th gi n s chuy nb tc ng d n ng ph n nh nh toán.các khách hàng n u c g ng tốn s nhìn th y thông báo l i Sinh Viên Th c Hi n : Ngơ Quang Trung 36 Tài : Tìm hi u v ubercart drupal th tab Cart Lifetime Các thi t l gi hàng c n, ta ph i có cron job d Poor Man's Cron ph i gian s n ph m t n t i c chúng b xóa kh i database th c hi u y.ta có th thi t l p crontab x lý cron.php hay s u ch nh thi t l i dùng xác th c th tab Continue shopping element thi t l p có quan h v i hàm continue shopping trang xem gi hàng.ta có th text link hay ph n t button th tab Cart breadcrumb Cu i trang xem gi hàng có breadcrumb theo m breadcrumb dành riêng nh trang ch ta có th thi t l p Các thi t l p cho danh m c Catalog Catalog module th a h th ng taxonomy drupal.khi v vocabulary có tên Product Catalog s c t o theo thi t l p sau : t S th a terms có th t h phân c p S a ch n nodes có th c category danh m c s n ph m Không b t bu c nodes d ng s n ph m product type không b t bu c ph n n m danh m c catalog c t gán nhán tag danh m c Categories ph ct c s d ng Các d ng node types : product B c tính có th i gi t kì vocabulary drupal khác b t i Administer > Content management > Taxonomy n vào edit vocabulary n u ng product, d ng node types s c cho phép vocabulary.khi l p s n ph m product class c t o, d ng node type ct ng thêm vào danh m c s n ph m Product Catalog i Store Administration > Configuration i vocabular c c s n ph m product catalog ng text field thi t l p truy c p t i trang danh m c catalog chính.các checkboxes có th bao g m thi t l p khác cho trang hay kh i block danh m c catalog Các thi t l s d Sinh Viên Th c Hi n : Ngô Quang Trung 37 Tài : Tìm hi u v ubercart drupal Các thi t l p cho toán checkout u tiên có h t t c (hay khóa ch checkout c a bên th c kích ho t n ph m hay ph thu c nh t vào h th ng tốn cb iv i dùng vơ danh h p text boxes ti có th th ch n l a t m Ô checkbox ti p theo v u ch nh buttons hi n th trang toán checkout.ta c c ti u hóa s h n cho khách hàng c tích nhi ng h c tích, s gây nhi u ph n c hi n th mà ubercart g i panes.theo m nh panes co l c m r ng ta s d ng nút buttons form.ta có th khơng tích vào h t tc cm r ng text field cho phép ta i kí t text nút next buttons checkout panes Các nhóm thi t l p cu i liên qua n s ki n hồn thành tốn checkout.khi khách hàng m i dùng vô danh, h s ph i t i tài kho n.theo m nh , khách hàng m i nh n email ch a thông tin chi ti t v tài kho n m i c a h v i email thông báo chi ti ah s d t i v i khách hàng m i, email thông báo ch a thông tin chi ti t v tài kho n c a h , email có th u ch nh m a, vào sites có th mong mu t tài kho i không mu i p vào sites.trong nhi ng h p, ta có th khơng tích vào checkbox th nhóm v y tài kho n m c t o v i tr ng thái b nh p vào tài kho n này.ta có th mu u ch nh thi t l n khách hàng không nh c thông báo v tài kho n không nh n th y tài kho n c a h b khóa Cu i cùng, ta có th nh n u ta c c khuyên dùng,.nh i dùng c p cao có th nh n th y l a ch n h u d ng vi c h mu n th c thi mã PHP tùy ý vào lúc hồn thành tốn thơng qua trang page khác Checkout panes: M i ph checkout pane.các panes hi n th hay thu th p thông tin t a h Checkout panes i modules có th cu n vào cu n ra.ta có th s p x p l i chúng b u ch nh tr ng weight c c hi n th hình theo th t t weight th p nh n weight cao nh t.ta nh ràng có vài panes ph thu c vào panes khác thơng tin : Pane giá v n chuy a ch chuy n hàng Sinh Viên Th c Hi n : Ngô Quang Trung a ch v n chuy n nh giá ph thu c vào n i dung gi hàng kh i 38 Tài : Tìm hi u v ubercart drupal c toán ch a danh sách h ng m c dòng th t d a n i dung gi hàng, thu d a ch giao hàng , báo giá v n chuy n a, vài panes toán s có thi t l ph n c a form ph n có kh c l i bê ph u ch nh thi t l p n u c n c hi n th i form chính.nh m r ng Checkout messages: T t c h p text boxes ph hàng.m i ch a thông tin mô t nh bên d u ch nh thông báo khác trang gi cho ta hi u hi th i v i thơng báo hồn thành tốn, ta có th s d ng d u hi u sau mà ubercart s d ch nhi u th khác : !site u s d ch tên c a site !new_user u d ch tên c a ng i dùng m i v ct o !new_password u d ch m t kh u c i dùng m i v Sinh Viên Th c Hi n : Ngô Quang Trung ct o 39 ... b i cho t t Sinh Viên Th c Hi n : Ngô Quang Trung 27 Tài : Tìm hi u v ubercart drupal Sinh Viên Th c Hi n : Ngơ Quang Trung 28 Tài : Tìm hi u v ubercart drupal Sales per Year Báo cáo t o danh... : Ngơ Quang Trung Tài : Tìm hi u v ubercart drupal n thông ti n nút SAVE t o l p s n ph m product class m i có tên ipad Sinh Viên Th c Hi n : Ngô Quang Trung 10 Tài : Tìm hi u v ubercart drupal. .. Sinh Viên Th c Hi n : Ngô Quang Trung 11 Tài : Tìm hi u v ubercart drupal Chú ý t i ng fields sau : Sinh Viên Th c Hi n : Ngô Quang Trung 12 Tài : Tìm hi u v ubercart drupal D u tích có tác d