- 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ã: Chọn tất cả
/* đị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
