0986.61.71.72

Thiết Kế Website Ninh Thuận

Hotline: 0986 61 71 72

Web Phan Rang Ninh Thuận

truongvietvu2102@gmail.com

Hướng dẫn làm web bán đồ thời trang

Lượt xem: 915

Demo: http://mau-573948.thietkewebninhthuan.com/?dangkymau=1

huongdanlamwebbandothoitrang

Bài viết sẽ hướng dẫn các bạn làm 1 web bán đồ thời trang quần áo từ A-Z trên phiên bản 2017, áp dụng tương tự các bạn có thể làm bất cứ web bán hàng nào mình cần. Phần lớn thao tác của mình sau khi đăng nhập là ở menu quản trị Giao diện > bố cục chức năng > bản PC, để sửa một chức năng thì các bạn click vào hình bút chì ở trong mục bố cục bản PC, vd như hình dưới, do vậy khi mình sẽ không nhắc lại khi vào phần này.

huongdanlamwebbandothoitrang1

1. Đăng ký tài khoản, đăng nhập hệ thống, nâng cấp bản 2017 nếu đang ở bản cũ

huongdanlamwebbandothoitrang2

2. Cài đặt font chữ và mầu chủ đạo

Vào giao diện > bố cục chức năng > nền PC

huongdanlamwebbandothoitrang3

3. Tạo thanh chứ chữ mầu hồng trên website

Thêm chức năng box html vào khung chính và ấn vào hình bút chì để sửa

huongdanlamwebbandothoitrang4

huongdanlamwebbandothoitrang5

huongdanlamwebbandothoitrang6

huongdanlamwebbandothoitrang7

kết quả

huongdanlamwebbandothoitrang8

4. Logo, tìm kiếm, giỏ hàng

Thêm ô chứa màu xanh lá vào bố cục

huongdanlamwebbandothoitrang9

Trong ô chứa thêm 3 chức năng theo thứ tự, ảnh & slide, Công cụ tìm kiếm, giỏ hàng

huongdanlamwebbandothoitrang10

huongdanlamwebbandothoitrang11

4.1. Cấu hình logo , các bạn click vào hình bút chì ở ảnh & slide ảnh vừa thêm vào

huongdanlamwebbandothoitrang12

ấn vào hình cái ảnh để upload logo của bạn và đưa vào mục url ảnh

huongdanlamwebbandothoitrang13

chọn kiểu hiển thị là inline và rộng 20%

4.2 Cấu hình ô tìm kiếm

huongdanlamwebbandothoitrang14

huongdanlamwebbandothoitrang15

4.3. Cấu hình giỏ hàng

huongdanlamwebbandothoitrang16

huongdanlamwebbandothoitrang17

sau khi cấu hình xong 3 chức năng trên thì bố cục sẽ như sau

huongdanlamwebbandothoitrang18

huongdanlamwebbandothoitrang19

Chúng ta sẽ tinh chỉnh phần này cho đẹp sau

5. Ảnh banner

huongdanlamwebbandothoitrang20

cấu hình cho chức năng này, upload 2 ảnh trở lên cho slide, các bạn lưu ý 2 ảnh phải có kích thước bằng nhau thì slide sẽ không bị méo hay nhẩy hình

Đặt tên và upload ảnh

huongdanlamwebbandothoitrang21

kết quả

huongdanlamwebbandothoitrang22

6. Menu ngang

menu ngang mình sẽ đặt trên banner

huongdanlamwebbandothoitrang23

huongdanlamwebbandothoitrang24

huongdanlamwebbandothoitrang25

Kết quả

huongdanlamwebbandothoitrang26

7. Thêm nội dung giữa và cài đặt trang chủ

7.1 .Trang chủ được tính như 1 trang đặc biệt và nó vẫn phải nằm trong mục nội dung giữa, các bạn tạo bố cục nội dung giữa như sau

huongdanlamwebbandothoitrang27

7.2. Vào tab "Trang chủ PC" để thêm chức năng sản phẩm mới, chức năng này sẽ hiện ra đúng ở mục nội dung giữa màu đỏ khi ta vào trang chủ

huongdanlamwebbandothoitrang28

chưa cần cấu hình thì chức năng này đã hiển thị một số sản phẩm rồi

huongdanlamwebbandothoitrang29

Cấu hình chi tiết chức năng này

huongdanlamwebbandothoitrang30

huongdanlamwebbandothoitrang31

kết quả

huongdanlamwebbandothoitrang32

có thể thêm dưới chức năng này 1 banner cho web sinh động hoặc để quảng cáo sản phẩm mới của mình

huongdanlamwebbandothoitrang33

huongdanlamwebbandothoitrang34

7.3 Thêm chức năng sản phẩm khuyến mại cho trang chủ

huongdanlamwebbandothoitrang35

huongdanlamwebbandothoitrang36

Cấu hình chức năng cho sản phẩm khuyến mại

huongdanlamwebbandothoitrang37

Các bạn nhấn vào chữ T Logic1, sau đó đổi nhãn cho nó thành khuyến mại, load lại trang, ở phần điều kiện truy vấn 1 bạn chọn lại là khuyến mại, trong admin mở trang Sản phẩm > toàn bộ, các bạn sẽ thấy thêm 1 mục check "Khuyến mại", các sản phẩm check ở ô này sẽ vào chức năng sản phẩm khuyến mại

huongdanlamwebbandothoitrang38

Reload lại trang chủ để xem kết quả

huongdanlamwebbandothoitrang39

7.4. Căn chỉnh lại nội dung trang chủ

huongdanlamwebbandothoitrang40

huongdanlamwebbandothoitrang41

Sau khi căn chỉnh thì ô chứa nội dung trang chủ và các trang con sẽ có độ rộng là 1000px và căn giữa màn hình, các bạn thử ở những máy độ phân giải cao sẽ thấy rõ

huongdanlamwebbandothoitrang42

7.5. Căn chỉnh độ rộng ô chứa logo giỏ hàng

huongdanlamwebbandothoitrang43

huongdanlamwebbandothoitrang44

kết quả

huongdanlamwebbandothoitrang45

8. Làm chân website

huongdanlamwebbandothoitrang46

mình sẽ làm 1 chân website chứa 3 cột, cột 1 cột 2 chứa 2 menu hay địa chỉ gì đó tùy sở thích của các bạn, cột 3 chứa facebook likebox và hộp nhận tin newsletter, tạm thời các bạn bố cục như trên, sau đó đặt độ rộng của từng cột và kiểu hiển thị inline cho từng phần

Nhân vào biểu tượng chia cột và chia 3 cột đều nhau

huongdanlamwebbandothoitrang47

huongdanlamwebbandothoitrang48

8.1. Cột 1

huongdanlamwebbandothoitrang49

huongdanlamwebbandothoitrang50

8.2. Cột 2

huongdanlamwebbandothoitrang51

8.3. Cột 3

Chức năng facebook

huongdanlamwebbandothoitrang52

huongdanlamwebbandothoitrang53

vào hệ thống > tùy chọn khác để cài đặt facebook cho chức năng này

huongdanlamwebbandothoitrang54

Reload lại website để xem kết quả chân web

huongdanlamwebbandothoitrang55

8.4. Đặt màu nền và căn chỉnh

huongdanlamwebbandothoitrang56

huongdanlamwebbandothoitrang57

Kết quả

huongdanlamwebbandothoitrang58

9. Sửa trang danh sách sản phẩm

Click thử vào trang danh sách sản phẩm, vd mục giầy

huongdanlamwebbandothoitrang59

Slide banner  chiếm diện tích khá nhiều và mình quyết định sẽ tắt mục này ở tất cả các trang, ngoài ra thì nội dung trang danh sách sản phẩm cũng chưa có gì ngoài cái phân trang nên mình sẽ cấu hình phần này

9.1 Tắt Slide banner ở tất cả các trang, chỉ giữ lại trang chủ

huongdanlamwebbandothoitrang60

huongdanlamwebbandothoitrang61

9.2. Tùy chọn trang danh sách sản phẩm

Các bạn vào Giao diện > tùy chọn trang sản phẩm, trang danh sách PC1, nếu chưa có cấu hình nào thì các bạn thêm cấu hình mới vào

huongdanlamwebbandothoitrang62

Cấu hình cụ thể

huongdanlamwebbandothoitrang63

Hướng dẫn làm web bán đồ thời trang , phiên bản 2017 1

Demo: http://ella8myshopify.mov.mn/

screenshot_71

Bài viết sẽ hướng dẫn các bạn làm 1 web bán đồ thời trang quần áo từ A-Z trên phiên bản 2017, áp dụng tương tự các bạn có thể làm bất cứ web bán hàng nào mình cần. Phần lớn thao tác của mình sau khi đăng nhập là ở menu quản trị Giao diện > bố cục chức năng > bản PC, để sửa một chức năng thì các bạn click vào hình bút chì ở trong mục bố cục bản PC, vd như hình dưới, do vậy khi mình sẽ không nhắc lại khi vào phần này,.

screenshot_1

1.Đăng ký tài khoản, đăng nhập hệ thống, nâng cấp bản 2017 nếu đang ở bản cũ

nangcap_2017


 

2. Cài đặt font chữ và mầu chủ đạo

Vào giao diện > bố cục chức năng > nền PC

screenshot_4

3. Tạo thanh chứa chữ màu hồng trên website

Thêm chức năng box html vào khung chính và ấn vào hình bút chì để sửa

 screenshot_72



screenshot_73

screenshot_74

screenshot_2


kết quả

screenshot_5

4. Logo, tìm kiếm, giỏ hàng


Thêm ô chứa màu xanh lá vào bố cục

screenshot_76

Trong ô chứa thêm 3 chức năng theo thứ tự, ảnh & slide, Công cụ tìm kiếm, giỏ hàng


screenshot_75


screenshot_77

4.1. Cấu hình logo , các bạn click vào hình bút chì ở ảnh & slide ảnh vừa thêm vào

screenshot_78

ấn vào hình cái ảnh để upload logo của bạn và đưa vào mục url ảnh

screenshot_79

chọn kiểu hiển thị là inline và rộng 20%

4.2 Cấu hình ô tìm kiếm

screenshot_81


screenshot_80


4.3. Cấu hình giỏ hàng

screenshot_82

screenshot_83

sau khi cấu hình xong 3 chức năng trên thì bố cục sẽ như sau

screenshot_84

screenshot_12

Chúng ta sẽ tinh chỉnh phần này cho đẹp sau


5. Ảnh banner

screenshot_85


cấu hình cho chức năng này, upload 2 ảnh trở lên cho slide, các bạn lưu ý 2 ảnh phải có kích thước bằng nhau thì slide sẽ không bị méo hay nhẩy hình


Đặt tên và upload ảnh

screenshot_15.1

kết quả

screenshot_14

6. Menu ngang

menu ngang mình sẽ đặt trên banner

screenshot_16

screenshot_17

screenshot_18


Kết quả

screenshot_20

7. Thêm nội dung giữa và cài đặt trang chủ

7.1 .Trang chủ được tính như 1 trang đặc biệt và nó vẫn phải nằm trong mục nội dung giữa, các bạn tạo bố cục nội dung giữa như sau

screenshot_21



7.2. Vào tab "Trang chủ PC" để thêm chức năng sản phẩm mới, chức năng này sẽ hiện ra đúng ở mục nội dung giữa màu đỏ khi ta vào trang chủ

screenshot_22

chưa cần cấu hình thì chức năng này đã hiển thị một số sản phẩm rồi

screenshot_23


Cấu hình chi tiết chức năng này

screenshot_24

screenshot_26


kết quả

screenshot_25

có thể thêm dưới chức năng này 1 banner cho web sinh động hoặc để quảng cáo sản phẩm mới của mình

screenshot_27

screenshot_28


7.3 Thêm chức năng sản phẩm khuyến mại cho trang chủ

screenshot_29

screenshot_30


Cấu hình chức năng cho sản phẩm khuyến mại

screenshot_31

Các bạn nhấn vào chữ T Logic1, sau đó đổi nhãn cho nó thành khuyến mại, load lại trang, ở phần điều kiện truy vấn 1 bạn chọn lại là khuyến mại, trong admin mở trang Sản phẩm > toàn bộ, các bạn sẽ thấy thêm 1 mục check "Khuyến mại", các sản phẩm check ở ô này sẽ vào chức năng sản phẩm khuyến mại

screenshot_32


Reload lại trang chủ để xem kết quả

screenshot_33


7.4. Căn chỉnh lại nội dung trang chủ

screenshot_34


screenshot_36

Sau khi căn chỉnh thì ô chứa nội dung trang chủ và các trang con sẽ có độ rộng là 1000px và căn giữa màn hình, các bạn thử ở những máy độ phân giải cao sẽ thấy rõ

screenshot_37


7.5. Căn chỉnh độ rộng ô chứa logo giỏ hàng

screenshot_38


screenshot_36


kết quả

screenshot_40


8. Làm chân website

screenshot_41

mình sẽ làm 1 chân website chứa 3 cột, cột 1 cột 2 chứa 2 menu hay địa chỉ gì đó tùy sở thích của các bạn, cột 3 chứa facebook likebox và hộp nhận tin newsletter, tạm thời các bạn bố cục như trên, sau đó đặt độ rộng của từng cột và kiểu hiển thị inline cho từng phần

Nhân vào biểu tượng chia cột và chia 3 cột đều nhau

screenshot_41.1

screenshot_41.2

8.1. Cột 1

screenshot_42.1


screenshot_43.1


8.2. Cột 2

screenshot_44



8.3. Cột 3

Chức năng facebook

screenshot_47

screenshot_47.1

vào hệ thống > tùy chọn khác để cài đặt facebook cho chức năng này

screenshot_48


Reload lại website để xem kết quả chân web

screenshot_49


8.4. Đặt màu nền và căn chỉnh

screenshot_50


screenshot_27.1

Kết quả

screenshot_52


9. Sửa trang danh sách sản phẩm

Click thử vào trang danh sách sản phẩm, vd mục giầy

screenshot_53

Slide banner  chiếm diện tích khá nhiều và mình quyết định sẽ tắt mục này ở tất cả các trang, ngoài ra thì nội dung trang danh sách sản phẩm cũng chưa có gì ngoài cái phân trang nên mình sẽ cấu hình phần này

9.1 Tắt Slide banner ở tất cả các trang, chỉ giữ lại trang chủ

screenshot_54


screenshot_55


9.2. Tùy chọn trang danh sách sản phẩm

Các bạn vào Giao diện > tùy chọn trang sản phẩm, trang danh sách PC1, nếu chưa có cấu hình nào thì các bạn thêm cấu hình mới vào

screenshot_57


Cấu hình cụ thể

screenshot_56


kết quả

huongdanlamwebbandothoitrang64

9.3. Cấu hình trang chi tiết sản phẩm

huongdanlamwebbandothoitrang65

huongdanlamwebbandothoitrang66

huongdanlamwebbandothoitrang67

Click vào thử 1 sản phẩm để xem kết quả

huongdanlamwebbandothoitrang68

10. Tinh chỉnh cho một số chức năng

10.1. Thanh header khi vào các trang con

huongdanlamwebbandothoitrang69

huongdanlamwebbandothoitrang70

huongdanlamwebbandothoitrang71

huongdanlamwebbandothoitrang72

10.2. Ô tìm kiếm

huongdanlamwebbandothoitrang73

huongdanlamwebbandothoitrang74

huongdanlamwebbandothoitrang75

10.3. Giỏ hàng

huongdanlamwebbandothoitrang76

huongdanlamwebbandothoitrang77

huongdanlamwebbandothoitrang78

Kết quả

huongdanlamwebbandothoitrang79

Đến đây bạn đã có trang bán đồ thời trang với đầy đủ các chức năng cơ bản, mời các bạn theo dõi tiếp những bài hướng dẫn của thietkewebninhthuan.com, cảm ơn các bạn đã theo dõi

huongdanlamwebbandothoitrang80

Liên hệ ngay Hotline của Thiết Kế Web Ninh Thuận để được tư vấn và nhận báo giá quảng cáo Google Adword chi phí tối ưu nhất!

Bạn nên xem thêm các dịch vụ khác tại Thiết kế web Ninh Thuận:

  • Dịch vụ thiết kế website chuẩn SEO Google
  • Dịch vụ chạy quảng cáo Facebook
  • Dịch vụ chạy quảng cáo Google Adword
  • Đào tạo Marketing Online
  • Dịch vụ SEO website lên TOP Google
  • Dịch vụ quản trị website
  • Dịch vụ thuê hosting giá rẻ
  • Dịch vụ đăng ký tên miền uy tín

Ngoài cung cấp dịch vụ Thiết kế web tại Phan Rang, công ty Thiết Kế Web Ninh Thuận còn thiết kế website tại các huyện như Thiết kế web huyện Ninh Sơn, huyện Ninh Hải, huyện Ninh Phước, huyện Bác Ái, huyện Thuận Nam, huyện Thuận Bắc.

dangkyngaythietkewebsitephanrangninhthuan

Thông tin liên hệ Thiết kế website giá rẻ, uy tín nhất tại Phan Rang Tháp Chàm, Ninh Thuận:

Thiết Kế Web Ninh Thuận

Địa chỉ: Đường 16/4, phường Mỹ Hải, TP Phan Rang Tháp Chàm, Ninh Thuận

Hotline: 0986 61 71 72 (Zalo, SMS)

Email: truongvietvu2102@gmail.com

Website: thietkewebninhthuan.com

 

Đánh giá

Kết nối với chúng tôi
Tư vấn thiết kế web
0986 61 71 72
Hỗ trợ kỹ thuật
0986 61 71 72
Gửi yêu cầu làm web
truongvietvu2102@gmail.com
CÔNG TY TNHH ĐẦU TƯ VÀ PHÁT TRIỂN TVN GROUP

logo_tvn

 

Địa chỉ: Đường 16/4, P. Mỹ Hải, TP Phan Rang Tháp Chàm, Ninh Thuận

 

ĐT: 0986 61 71 72

 

Email: truongvietvu2102@gmail.com

 

Website: www.thietkewebninhthuan.com

Thiết kế web giá rẻ, uy tín, chuyên nghiệp hàng đầu Phan Rang Ninh Thuận

BẢN ĐỒ

CÔNG TY THIẾT KẾ WEBSITE UY TÍN, GIÁ RẺ HÀNG ĐẦU TẠI PHAN RANG THÁP CHÀM, NINH THUẬN

Thiết Kế Web Ninh Thuận là công ty thiết kế web chuyên nghiệp uy tín tại 63 tỉnh thành trên cả nước. Chúng tôi thiết kế web theo chuẩn SEO, chuẩn di động. Áp dụng những công nghệ tiên tiến nhất hiện nay để thiết kế website như HTML5, CSS3, PHP nhằm mang lại sự hiệu quả thực sự cho khách hàng

 

Bản quyền 2011-2019 thuộc về Thiết Kế Web Ninh Thuận - Công ty TNHH Đầu Tư và Phát Triển T.V.N Group

Liên kết link: thuê xe ninh thuận

1
Bạn cần hỗ trợ?