Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn Lp: Web Doanh nghip nâng cao Trang 1
Biên son: Nguyn Phát Tài
LAB – TO TRANG LC CÁC TH LOI SN PHM

Mc đích thit k trang này là khi khách hàng click vào mt th loi sn phm nào đó trên menu thì
chúng ta s hin ra các sn phm thuc th loi hàng này.
VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – (84.8) 2649179
Email:


giá tr mà bn đã ch ra trong QuB
+ Sau khi to Recordset xong trong Tab Bindings s xut hin Recordset sau:
VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn Lp: Web Doanh nghip nâng cao Trang 4
Biên son: Nguyn Phát Tài
+ Hãy chèn các trng trong Recordset ra giao din đ có đc nh sau:
+ File -> Save -> F12
+ Kt qu s nh sau:

Tel: (84.8) 862 7509 – (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn Lp: Web Doanh nghip nâng cao Trang 6
Biên son: Nguyn Phát Tài
+ Click OK
+ Hãy đnh các thuc tính cho bng nh sau:
+ File -> Save -> F12
VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn
+ File -> Save -> F12 + Trong vùng lp li hãy chèn thêm mt dòng trng nh sau:

VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn Lp: Web Doanh nghip nâng cao Trang 9
Biên son: Nguyn Phát Tài + t con tr trong dòng này thc hin lnh sau:
+ Trong Tab General cu hình các thông s nh sau:
+ Trong Tab Bindings hãy chn các ct tng ng , ti Default Value click nút sm chp đ Bind
vào các trng tng ng trong Recordset rs_Items


Lp: Web Doanh nghip nâng cao Trang 11
Biên son: Nguyn Phát Tài
+ Chn Tab Button cu hình nh sau:
+ Click nút OK bn s thy xut hin lnh nh sau:
+ Kt qu giao din s nh sau:

VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn Lp: Web Doanh nghip nâng cao Trang 12
Biên son: Nguyn Phát Tài + File -> Save -> F12 đ chy th


Tel: (84.8) 862 7509 – (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn Lp: Web Doanh nghip nâng cao Trang 14
Biên son: Nguyn Phát Tài + Trong th input có thuc tính SRC ch đng dn ti hình nút Add to cart chúng ta hãy thay th
hình nút này tùy ý nh sau: + Chuyn qua ch đ Design bây gi giao din s nh sau:
+ File -> Save -> F12
+ Kt qu cui cùng s nh sau:

VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – (84.8) 2649179
Email:


+ Click nút OK
+ Bc k tip hãy to chc nng phóng to hình khi click vào hình sn phm:
+ Hãy s dng đan Code sau đt trc th </head>

<style type="text/css">
<!
.highslide {
cursor: url(graphics/zoomin.cur), pointer;
outline: none;
}
.highslide-active-anchor img {
visibility: hidden;
}
.highslide img {
border: 1px solid gray;
padding: 2px;
}
.highslide:hover img {
/* border: 2px solid red; */
}
.highslide-wrapper {
background: blue;
}
.highslide-image {
border: 10px solid #D5BFEA;
}
.highslide-image-blur {
}


padding-left: 22px;
background-image: url(graphics/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: pupple;
}

a.highslide-full-expand {
background: url(graphics/fullexpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;
}

/* These must always be last */
.highslide-display-block {
display: block;

class="canhle_image" /></a>

+ File -> Save -> F12
+ Kt qu là chúng ta có th phóng to hay thu nh hình
VIT CHUYÊN