Thí dụ khi dùng
Mod Latest Products để hiển thị các sản phẩm mới trên trang chủ (Home), cách hiển thị thế nào thì các bạn tìm xem trên Trang web hoặc Diễn đàn BuaXua.vn... ở đây chỉ nói đến việc trang trí màu mè mà thôi.
- Vào
mod_virtuemart_latestprod - Nhập
-xyz (hoặc bất cứ chữ gì bạn muốn) vào mục
Module Class Suffix- Save.
Trong tập tin
template.css của Template tạo thêm các dòng CSS vào dưới cuối:
Mã:
/* định dạng cho toàn bộ Module */
table.moduletable-xyz, div.moduletable-xyz {
width: 100%;
}
/* định dạng khoảng cách trên và dưới cho các thành phần bên trong Module */
table.moduletable-xyz div, div.moduletable-xyz div {
margin: 5px 0;;
}
/* định dạng màu nền, viền cho các ô (cell) trong Module (đây chính là các ô sản phẩm trong VM) */
table.moduletable-xyz td, div.moduletable-xyz td {
padding: 2px;
border: 1px solid #fff;
text-align: center;
vertical-align: top;
background: #eee;
}
/* định dạng màu nền, viền cho hình ảnh trong mỗi ô (cell) */
table.moduletable-xyz td img, div.moduletable-xyz td img {
background: #000;
padding: 1px;
border-right: 2px solid #aaa;
border-bottom: 2px solid #aaa;
}
Lưu ý:*
-xyz phải giống như khai báo trong phần
Module Class Suffix. Vì không biết Template của các bạn dùng Table hay DIV nên chơi 2 cái luôn (table.moduletable và div.moduletable), có thể bỏ bớt 1 cái nếu muốn.
* Đây là căn bản, có thể áp dụng cho nhiều Module khác nữa.
* Nếu làm y như vậy thì được giống như hình dưới này, nhớ để thêm © buaxua.vn
Tập tin đính kèm:
virtuemart_latest_products.png
Đăng nhập
Đăng ký
Qui định
Trợ giúp
