CSCART :mã nguồn đóng
Phần mềm rất gọn nhẹ trong việc cài đặt và sao lưu, tốc độ truy cập nhanh và cực kỳ ổn định, phù hợp với mọi hệ thống server tại Việt Nam. Đặc biệt rất phù hợp với những người dùng không biết nhiều về tin học nhưng muốn xây dựng website bán hàng trực tuyến.
Bước 1: down source về bò vào www rồi tiến hành cài đặt: (Máy bạn phải cài đặt appserv hoặc warmp)

clip_image001

a)Next tới bước 3 gõ vào các thông số sau :

clip_image003

b)Next tới bước số 6 nhớ chọn skin theo ý ban!! ở đây mình chọn Electro skin

clip_image005

finishàc)Next và chờ chuong trình tự đông tạo CSDL

clip_image007

2) Tao banner cho trang web
a) Tại trang quản tri-> chọn tab design -> logos-> chọn đường dẫn hình trong folder images/banner.png -> save lại

clip_image009

b) Ra trang chủ F5 test thử! Bạn sẽ thấy banner hiện ra,ở đây các bạn có thể thay banner khác tùy theo ý mình
c)Kết quả sau khi add banner

clip_image011

3) Việt Hóa Menu banner
a) Vẫn ở tab DESIGN -> chon mục TOPMENU-> tìm đến menu cần Việt hóa

clip_image013

b) Edit home thành TRANG CHU ,tương tự cho các menu còn lại
c) F5 test thử
d) Vào tab DESIGN->QUICKLINK-> delete những sub menu trên đầu ko cần thiết

clip_image015

e) sau khi hoàn thành các bạn sẽ được menu tương tự như vậy

clip_image017

4) Tạo banner bên dưới TOPMENU
a)Tại trang quản trị ,vaò tab CONTENT -> chọn BANNER -> add banner

clip_image019

b)Nhập vào các thông số cần thiết và chọn đường dẫn hình trong thư mục images/IOS4.png(link tới đâu có thể tùy ý bạn)

clip_image021

c) Vẫn ở trang quản trị, qua lại tab DESIGN -> Blocks-> Home page ->Add Block

clip_image023

d) Chọn các thông số giống như hình-> nhấp Create

clip_image025

e)Nhắp dấu cộng mục top -> chon add -> chon banner có tên là topbanner-> save lại

clip_image027

f) F5 test thử->két quả

clip_image029

g) Tiếp tục tạo thêm banner mới giống như bước trên với tên là banneright trong Content-> banner-> add banner-> với đường dẫn hình là images/solo.png

clip_image031

h) Vào lại tab design chọn homepage-> add thếm 1 banner phải vào

clip_image033

i)Taọ thêm 1 banner nằm ở giữa trang web
. Vào Banner add thêm 1 banner mới với tên là bannercenter và đường dẫn hình là images/banner-gallaxy.png
HOMEPAGE-à.Tiếp tục vào DESIGN> add block

clip_image035

.Chỉnh các thông số như hình

clip_image037

.Add thêm bannercenter vào block mới tạo-> ra trang chủ F5 xem lại,bạn sẽ thấy kết quả

clip_image039

5) Tạo banner bên trái và các menu
a) Vào tab DESIGN -> BLOCKS-> ADD BLOCK(chình các thuộc tính như hình)

clip_image041

b) Tại trang quản trị ,vaò tab CONTENT -> chọn BANNER -> add banner(add thêm 7 banner từ folder images)

clip_image043

c) Nhấp vào nút add trong blocks mới tạo -> chọn banner mà bạn cần đưa vào website

clip_image045

d) Sau khi add 7 banner vào -> ra trang chu F5 test thử->sau khi hoàn thành bạn sẽ được kết quả

clip_image047

6) Tạo sản phẩm và danh mục sản phẩm
a) Tai trang quản trị->vào tab CATALOG-> CATEGORY-> add thêm category vào

clip_image049

b) Ớ mục title gõ vào apple -> save lại (tương tự cho các hang còn lại: nokia ,htc,acer,Samsung……)

clip_image051

b) Sau khi add các chủng loại điện thoại xong -> Tiếp tục vào tab product-> add sản phẩm vào

clip_image053

c)Lên trang http://thegioio2.com lấy các thong tin về sản phẩm cần nhập
Tương tự cho các sản phẩm còn lại
7) Tạo ô Sản Phẩm mới xuất hiện
a) Sau khi đã có sản phẩm trong CSDL ->Tại trang quản trị->vào tab DESIGN-> Chọn BLOCKS-> HOMEPAGE-> ADD BLOCKS

clip_image055

c) Nhập các thong số cần thiết ->save lại(tiếp tục nhập thêm 5 sản phẩm nữa)

clip_image056

d)Ra trang chủ F5 ->Bạn sẽ thấy kết quả như sau

clip_image058

8) Tao ô sản phẩm Hàng Cao Cấp1
a)Tại trang quản trị ->vào tab DESIGN-> BLOCKS->HOMEPAGE-> ADD BLOCKS
b) Chọn các thuộc tính như hình-> với position là center

clip_image060

c)Add thêm sản phẩm vào (thuộc hang cao cấp)->F5 test thử
bạn sẽ thấy kết quả như sau

clip_image062

9) Tương tự làm cho hàng trung cấp -> Kết quả như sau

clip_image064

10)Tạo ô sản phẩm bán chạy nhất
a)Tại trang quản trị ->vào tab DESIGN-> BLOCKS->HOMEPAGE-> ADD BLOCKS
với position là rightàb) Chọn các thuộc tính như hình

clip_image066

c)Add thêm sản phẩm vào -> ra trang chu F5 test thử(hiện tai mình cần 3 sản phẩm)-> kết quả sau khi add vào

clip_image068

11) Tạo ô hỗ trợ KHÁCH HÀNG
a)Tại trang quản trị ->vào tab DESIGN-> BLOCKS->HOMEPAGE-> ADD BLOCKS
b) Chọn các thuộc tính như hình-> với position là right

clip_image070

d) Nhập số điện thoại của bạn vào tại ô soạn thảo-> sai khi chình màu chử màu nền cho đối tượng->Ra trang chủ F5 test thử-
> Bạn sẽ thấy kết quả

clip_image072

12)Tạo ô TIN TỨC(NEWS)
a)Tại trang quản trị ->vào tab DESIGN-> BLOCKS->HOMEPAGE-> ADD BLOCKS
b) Chọn các thuộc tính như hình-> với position là right

clip_image074

c) Tạo list tin cho CSDL->tại trang quản trị->vào tab Content -> chọn SITE NEWS-> add thêm tin tức vào(bạn có thể lên mạng mà tìm)
d)Tiếp tục nhấp vào tab DESIGN-> BLOCKS->HOMEPAGE-> add thêm tin tức mới vào(tin này sẽ được hiện ra ngoài public, ở đây mình nhập khoảng 5 tin)

clip_image076

e)Chọn tin tức bạn cần đưa vào-> ra trang chủ F5 test thử-> kết quả như sau

clip_image078

13) Các hình ảnh 2 bên cột trái và cột phải, bạn add thêm blocks banner như mình hướng dẫn trên là được

clip_image080

14)Tạo ô Xem Nhiều Nhất bên cột trái
a)Tại trang quản trị ->vào tab DESIGN-> BLOCKS->HOMEPAGE-> ADD BLOCKS
b) Chọn các thuộc tính như hình-> position là left-

clip_image082

c) Ra trang chủ F5 test thử-> bạn sẽ thấy kết quả như sau

clip_image084

15)Tạo ô THÔNG TIN KHÁC
a) Tại trang quản tri->vào tab DESIGN-> BLOCKS->HOMEPAGE-. ADD BLOCKS
b) Chọn các thuộc tính như hình-> với position là left-(Bạn có thể gõ các thoong6 tin khác tùy ý mình tại ô soạn thảo văn bản)

clip_image085

c) Ra trang chủ F5 test thử-> bạn sẽ thấy kết quả

clip_image088

16) Tạo những Block có dang là banner với vị tri là BOTTOM như mình hướng dẫn trên là các bạn làm được footer của trang web !!!!!
a) kết quả

clip_image090

CHÚC CÁC BẠN THÀNH CÔNG

VN:F [1.9.20_1166]
Rating: 10.0/10 (1 vote cast)
VN:F [1.9.20_1166]
Rating: 0 (from 0 votes)
Hướng dẫn cài đặt cs- cart toàn tập, 10.0 out of 10 based on 1 rating
Bài viết này có ích hãy chia sẻ cho bạn bè:
Bài viết được cám ơn 2 lần. Bấm đây để Cám ơn ?

Bài khác

Các bài liên quan:

  1. Hướng dẫn cài đặt và cấu hình sh404SEF để tạo Link thân thiện cho Joomla
  2. Thiết kế banner trong PrestaShop
  3. Tạo trang thông tin CMS trong Prestashop Back Office
  4. Hướng dẫn Quản trị PrestaShop
  5. Hướng dẫn xếp hình rubic
  6. Code Shop Online Cs-Cart 2.0.7 Nulled!
  7. Hướng dẫn cách thêm ngôn ngữ cho PrestaShop
  8. Hướng dẫn viết PrestaShop Modules