Cài đặt shipping nội thành Hồ Chí Minh.... Hiển thị số lượng người dùng đang xem sản phẩm.. Tạo thanh tiến trình thê hiện số lượng sản phẩm còn lại.... Thông báo số tiền còn thiếu để đượ
Trang 1BO GIAO DUC VA DAO TAO DAI HOC KINH TE TP HO CHi MINH TRUONG CONG NGHE VA THIET KE
Khóa: K47
Nhóm sinh viên thực hiện: Nhóm 8
TP Hồ Chí Minh, Ngày 14 tháng 11 năm 2023
Trang 2MUC LUC
DANH MỤC HÌNH ẢNH Q0 Q02 HH ru nr ru ur re 3 BANG DANH GIA MỨC ĐỘ HOÀN THÀNH CÔNG VIỆC 0 r2 mr re re 5
1 Cau chuyén điầẢẢadaẢ ố ố ố 1 2
KV⁄Jö0000) 01088 - 11 SS Payment ee Ă
+ Thiết lập sản phẩm và cửa hàng 4.1 Danh mục sản phẩm 2-22 S221 22 2tr2 2 r2 H 2 r2 r2 de ra 4.2 Các loại sản phẩm 2 2 22 2n H2 HH2 Hy HH2 xg re da
4.2.1 Sản phẩm đơn 2 2222222 2t TH 2T y2 r2 r2 Hư rung 4.2.2 Sản phẩm biến thể - 0 SH nu t2 H r2 Hye tru
x0), ốe£a 04 NA
lYN: NON ƯiaaddiiẳaắÝäăä% 6.8 Tự động áp dụng mã giảm giá 0 0 222211221221 151 1221121122121 10112151012 111211 1011011125110 111cc rg 29
Trang 36.9 Thêm miều tả sau related produc(s 022221222121 1121 2212251211 1011221 1211102120151 11 2111 11x ren 29
6.10 Thêm nội dung dưới nút Proceed to Checkout 0 2 122122112212 211 21221 2x re 30 6.11 Hiến thị số lượng người dùng đang xem sản phẩm 2222 S2S2 SỰ 22222122 22a 31 6.12 Tạo thanh tiến trình thế hiện số lượng sản phẩm cịn lại thái stock 522 nở 2e 32
6.13 Hién thi Out of stock và Sold out khi hết hàng 2 2 nay ya 33
6.14 Thêm 1 cầu hỏi Dropdown trong Check - out pàe Q2 nga nở 34 6.15 Thơng báo số tiền cịn thiếu để được Free Shipping . 2 na nu ren 36 Cae J1.) 2 8 a1 36 7.1 Pop-up thơng báo khuyến mãi và nhập mail để đăng ký -2 2 2n ờa 36 7.2 Tính năng so sánh sản phẩm 222222222 T22 H22 HH Hy r2 rg 37 7.3 Tính năng thêm sản phẩm vào Wishlis( SH HH2 H Hy Hdy xua 38 7.4 Tính năng tích điểm thành viên 2 2 2n 2H HẺ HH2 2d ru rr ng 39 7.5 Tính năng làm quiz xác định phong cách thời trang và gợi ý sản phẩm cho khách hàng 40 Mì) 0) 2.) A 0 1)3d(vítiÝ 42
Trang 4Hình 1 Hình 2 Hình 3 Hình 4 Hình 5 Hình 6 I0: 0.2 an e 10 Hình 8 Tax mài
Hình 9 Plugin hễ trợ vận chuyễn à 2s nh HH n2 2 1 t1 2g ung run uớ 12
Hình 10 Cài đặt shipping nội thành Hồ Chí Minh 252222 2212221221122122.212222 2122222 e 12
Hinh 11 Shipping ở các thành phố khác ` Hình 12 Shipping quốc tẾ 222 212221221222212212122221222222222222122122222 re
Hình 13 Cá i Hinh 14
Hinh 15 Hinh 16 Hinh 17 San phẩm biến thể Hình 18 San pham có thể tải MUON Gece ccc cece cee eee esse esse esereeeees tote teterstenesitetineeetetanseetteineteneetees Hình 19 Sản phẩm liên kẾt cccc cece esos eeereeetesevesessesretietineteteeensesttesiesritteteeetesttaetiseiseestenee Hinh 20 Coupon " Hình 21.Shortcode san phẩm noi bat HH
Hình 22 Shortcode sản phẩm thuộc bộ sưu tẬp THỚI - 2 2 222 22212211212 251212151 12121 1111211211111 1112011 8x 21
Hình 23 Sản phẩm bán chạy nhất "
Hình 24 Banner chạy đầu trang - à s2 1 2n nang n2 21 ng tt re Hình 25 Tạo nút thích và chia sẻ lên TwItter và Facebook c ccc sen nhà Hành HH Hàng 24 Hình 26 Hiện icon các Dịch vụ tiện ÍcH chà nh nhà TH HH HH TH HH HH Hà ny 25 Hình 27 Banner khuyến mãi dưới ảnh sản phẩm betes 26 Hình 28 Thông báo Thời gian khuyến mãi kết thúc .27 Hình 29 Hiển thị Only 1 left in stock khi tồn kho còn 1 san pham 128
Hinh 30 Hién thi Sale price trén Cart cece 28
Hình 31 Tự động áp dụng Coupon giảm giá cho đơn hàng 29 Hình 32 Thêm miều tả sau related produets „ 30 Hình 33 Thêm nội dung dưới nút Proceed to CheckouI - 2c 2122112112212 215122122112 11211 20110215011 8 xky 31 Hình 34 Hiển thị số lượng người dùng đang xem sản phẩm ¬— 32 Hình 35 Tạo thanh tiến trình thê hiện số lượng sản phẩm còn lại 2 SH H212 tra 33 Hình 36 Hiển thị Out of stock và Sold out khi hết hàng - 0 S2 ng 22212 xrererye Hình 37 Thêm l câu hỏi Dropdown trong Check - out page
Hình 38 Thông báo số tiền còn thiếu để được Free Shipping Hình 39 Giao diện Popup quảng cáo - c1 c2 n2 TH 221012 1111111111 112111011011 11111 1115111112211 k xe Hình 40 Bang so sánh sản phẩm
Hình 41 Danh sách sản phẩm trong Wishlist Hình 42 Thông báo cộng điểm với hành động đăng ký 2S 2n nh n2 1n g2 rurye Hình 43 Giao diện Tích điểm thành viên
i5 c0 200 n8 ẻốốeee si 65c 090 2/2108 ốằằe dẢ Hình 46 Giao điện gợi ý sản phẩm của hãng - 2 nàn 2n 222221121211 g no
Trang 5BANG ĐÁNH GIÁ MỨC ĐỘ HOAN THANH CÔNG VIỆC
STT MSSV Ho tén Tỷ lệ Mức độ hoàn thành
Trang 61 Câu chuyện thương hiệu
người đam mê thời trang trên toàn thế giới
Sau khi ra mắt, Shanim nhanh chóng nỗi tiếng và được biết
đến với những chiếc túi bền bí có thể chịu được sự hao mòn hàng ngày Khách hàng yêu thích thiết kế độc đáo và giá cả
phải chăng của thương hiệu, còn Shamm đã có được lượng khách hàng trung thành
Ngày nay, Shanim tiếp tục
đổi mới và tạo ra các kiểu
túi mới, luôn giữ đúng cam
kết về chất lượng và giá cả phải chăng Cho đù bạn cần
một chiếc ba lô đi học hay một chiếc túi cuối tuần đề đi
nghỉ, Shanim đều có chiếc túi hoàn hảo dành cho bạn Đặc điểm nổi bật của Shanim chính là Chất lượng, Thiết
kế và Sự đa năng
2 Giao diện Website
2.1 Home
Trang 7WELCOME TO OUR WEBSITE - ENJOY UP TO 25% OFF OUR LATEST COLLECTION
4 4 ®
heể họp AboutÙ + ee 9 $368 (exvar) MQ g
SHANIM
DISCOVER MORE
Trang 8the different universes of the House A poetic and enchanting ade to the art of
wonder, dreams and beauty of the moments that make the holidays
Featured Bags
Shop our durable bags in various styles and colors to fit your everyday needs
Find your perfect bag now!
Here you can find a selection of similar products that may spark your interest Enjoy!
` VẲ V
LÔ “s - 1e amhino long denim Le Bisou Cadenas Le Cagole Bag Le Chiquito
tot: trirtrtrt ý
Trang 9At SHANIM we make our bags with
to ensure the timeless value for the
Products With proper core, the bags better over time
Interested? Shop This Collection!
La Rose Shanim: a collection of four lines named after roses, designed by Victoire de Castellane Each line showcases a unique embroidered rose interpretation using premium denim
CC 2
Trang 10NEW ARRIVALS FLOWER
Here you can find a selection of similar products that may spark your interest Enjoy!
hone
FLOWER MINI HANDBAG BROWN FLOWER MINI HANDBAG IN BLUE FLOWER MINI HANDBAG ORANGE FLOWER MINI HANDBAG
Email Us ail Addre contact@shanim.com
Call Us
0848-444-319
4 Follow Us
Trang 11
Hinh 1 Homepage
Trang 12FLOWER MINI HANDBAG
ORANGE RED BRICK
Hình 2 Shop page
Filter by price
„——— 20vND 30.000.000VND
Categories
Accessories (4) > Charm (2) > Keychain (2) Bags (18) > Backpack (4) > Handbags (n) > Mini bag (6) > Tote bag (2) > Wallet (2) Hottest Deals
Trang 13About Us
Denim DREAM
Hình 3 About us
2.4 Contact Us
Trang 14ontf©fs Blog
| Dai học Kinh tế TP Hö Chí Mãn 2n0.Nh 1 Hồ CN Minh lương, Phường 5 Quận 10, Thàch phố ‘Wugh 14, Inaen pho Mo Ln
670 bài viết Xem bắn đồ lén hơn
Email Address
= Message
Aare ery m Chet with us 9
xithus ẩÈ
Hình 4 Contact us
2.5 Blog
Trang 15trendsetter, or someone seeking style inspiration, this is the perfect
destination to explore the ever-evolving landscape of fashion
Trang 16Cart f7 You need 8.650.000VND to get free shipping!
PLACE OROER AMD EAFM REWARD POtMTS IM RETURM CONVERSION RATE: VND 1 = 5 POINTS
Product Price Quantity Subtotal
( x $, Butterfly Charm 1250.000VND 1 1250.000VND
Points APPLY POINTS Your available points: 5951
Cart totals
Subtotal 1250.000VND Shipping ® Fast Delivery:
100.000VND Express delivery: 250.000VND Local pickup Shipping to Quan 5, Hé Chi Minh
Change address VNT (estimated for 100.000VND Vietnarn)
Total 1L450.000VND PROCEED TO CHECKOUT
@ Secure Checkout 'D 30-day Returns
Hình 6 Cart
11
Trang 170848444314 Province/City *
Hỗ Chí Minh v Commune/Ward/Town
Phường 09 ¥
Ship to a different address?
How Did You Hear About Us? * Please select Order notes (optional)
Email address * anhnguyen.31211023204@st District *
Quan 5 =
Street address * Nguyen Chi Thanh
Notes about your order, e.g special notes for delivery
Hinh 7 Check out page
12
Your order
Product Subtotal Butter:
" xỊ 1250.000VND Cherm
® Transferacs AGB
Transfer money to our account ACB The order will be confirmed immediately after the transfer
Transfer Momo Wallet J
Direct bank transfer Cash on delivery I would like to receive exclusive emails with discounts and product information Your personal data will be used to process your order, support your experience throughout this website, and for other purposes described in our privacy policy
PLACE ORDER
Trang 183 Thiết lập Woocommerce 3.1 Tax
Tax options
Prices entered with tax
Calculate tax based on Shipping tax class Rounding Additional tax classes Display prices in the shop Display prices during cart and checkout
Price display suffix
Display tax totals
@ | _ ) Yes, | will enter prices inclusive of tax
@ No, | will enter prices exclusive of tax
© | Customer shipping address
© | Standard v |
(_.) Round tax at subtotal level, instead of rounding per line
@ | Reduced rate Zero rate
4
| Excluding tax v | | Exduding tax v
© | NA | | itemized vị
Củy @ Rate % @ Taxname @ Prorty @
10.0000 AUT 1 12.0000 CNT 1 190000 DET 1 15.0000 FRT 1 100000 JPT 1 8.0000 VNT 1
Hình 8 Tax
Search Compound @ Shipping @
¥
- Sir dung plugin hé trợ shipping đến các tỉnh thành của Việt Nam
13
Trang 19Cai dat shipping
Woocommerce Active Vietnam Checkout
More Details Woocommerce Vietnam
Checkout - Thém tinh/thanh phố, quận huyện,
xã/phường/thị trấn vào form checkout của woocommerce
và tối giản form checkout
cho phù
By Lê Văn Toản
Tình 9 Plugin hé tro van chuyén
¢ N6ithanh: H6 Chi Minh
Shipping zones > Ho Chi Minh
Zone regions @ = «HS Chi Minh, Vietnam
Limit to specific ZIP/pastcodes Shi ipping methods e Title
= Express delivery = Local pickup
Hinh 10 Cài đặt shipping nội thành Hồ Chí Minh
14
Trang 20Flat rate Settings
Method title e | Fast Delivery
Tax status | None
Cost oe | 100000
+ Express delivery
Flat rate Settings
Methcd title e | Express delivery
Tax status | None
Cost @ | 250000 ¢ Cac tinh thanh khac
Shipping zones > Viet Nam
Zone name @ | Viet Nam
Zone regions @ || xHà Nội, Vietnam | x An Giang, Vietnam | | x Bac Giang, Vietnam
x Bắc Kan, Vietnam | | x Bac Liêu, Vietnam | | x Bắc Ninh, Vietnam
x Bến Tre, Vietnam x Bình Định, Vietnam x Bình Dương, Vietnam | x Bình Phước, Vietnam x Binh Thuan, Vietnam || x Ca Mau, Vietnam || x Can Tho, Vietnam = Cao Bang, Vietnam || x Đắk Lắk, Vietnam
x Dak Nong, Vietnam || x Da Nang, Vietnam
x Điện Biên, Vietnam | | x Đồng Nai, Vietnam
Hinh 11 Shipping ở các thành phố khác
+ Free shipping: Đối với đơn hàng từ 10000000đ
15
Trang 21Free shipping Settings
Title © | Free shipping Free shipping requires | A minimum order amount v | Minimum order amount e | 10000000
Coupons discounts @ (V) Apply minimum order rule before coupon discount
+ Fast delivery:
Flat rate Settings
Method title e [ Fast Delivery |
Tax status | None v Cost e [ [fee percent=”1” min_fee=”200000” max_fee=”400000”] |
Tide Enabled Description = LA Express &› Flat rate
Lets you charge a fixed rate for shipping
Lets you charge a fixed rate for shipping
Tình 12 Shipping quốc tế Flat rate Settings
Method title @ LA Express Tax status None v Cost @ | [fee percent="1" min_fee="500000" max_fee="1000000"
16
Trang 22Method title @ | CN Express Tax status None v
Cost @ | [fee percent="1" min_tee="400000" max_fee="800000"]
3.3 Payment
Method nabled Description Payment via ACB — Transfer ACE &› t by t AY Cashondelivery a ve f ch (or b
neans
Scan code Momo - Tra
Hình 13 Các phương thức thanh toản
Bank transfer QR code fa
Bank transfer QR code
ropes 247 | AGB Our bank details
Our bank details
PHAN THI Al HANG: BANK: ACCOUNT NUMBER: VIETINBANK 103869382923 4 Thiết lập sản phẩm và cửa hàng
4.1 Danh mục sản phẩm
17
Trang 23s— A, — Charm
“D> Edit | Quick Edit | Delete
View | Make default
— Keychain
tn
— Backpack — Handbags
= mini-bag 6 _ — tote-bag 2 Tình 14 Danh mục sản phẩm
Handbags, Mini bag
FLOWER MINI HANDBAG ORANGE RED BRICK
ZB Free Shipping ® Support 24/7
Tình 15 Sản phẩm đơn
18
Trang 24Product data— variable product v | © av 4 “ = I SKU í le_bambino_long Ñ e
¢ Inventory aves © Settings below apply to all variations without manual stock management enabled Learn more ® Shipping
# Linked Products Stock management (V) Track stock quantity for this product & attributes Quantity ‘20 LÐ
& variations
Allow backorders? @) Do not allow
fF Swatches © Allow, but notify customer
C) Allow
Advanced ~ & Get more options Low stock threshold Store-wide threshold (2) e
Hinh 16 Cai đặt sản phẩm biến thé #101 Light xv Small v = Remove Edit #102 Light v Medium v = Remove Edit #103 Light v Large v = Remove Edit #104 Dark v Small v = Remove Edit
sky °
le bambino long Enabled (_) Downloadable ( )Vimuai (C) Manage stock?
Regular price (VND) Sale price (VND) Schedule 16250000 |
Weight (kg) © Dimensions (Lx WH) (cm) e
Shipping class
Same as parent v | —— a | _Rrodisckimege: aM 6 Product gallery oN #£ Product categories av
ý ` All categories Most Used
; / () Charm
a 7X = L) Bags
Trang 25OC _ Tote bag
Add product galleryimages @
( Wallet Click the image to edit or update v
Remove product image + Add new category
Két qua:
Handbags Q 5 s
Le Bambino long denim
#2 w*** (1 customer review)
13.750.000VND - 18.000.000VND
Long flap bag
Only 16 items remaining!
Free Shipping &) support 24/7