Hướng dẫn cách làm - Hình ảnh minh họa - Phim hướng dẫn Cách tạo khung trang trí cho sản phẩm của Virtuemart

Hôm nay, 26/09/2016 - 17:27

Múi giờ UTC + 7 Giờ



Nội quy chuyên mục


Thành viên đăng quảng cáo trong chuyên mục này sẽ bị xóa toàn bộ bài viết và cấm vĩnh viễn tham gia Diễn đàn.

* Xem qui định đăng bài viết tại đây: viewtopic.php?f=2&t=318247



Tạo chủ đề mới Gửi bài trả lời
Gửi bàiĐã gửi: 04/07/2011 - 12:38 
Hình đại diện của thành viên TruongLe

Ngoại tuyến

Thành viên

Thành viên

Ngày tham gia: 14/09/2010 - 20:20
Bài viết: 1648
Đã cảm ơn: 4 lần
Được cảm ơn: 631 lần
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


Vui lòng đăng ký thành viên và đăng nhập để xem nội dung ẩn trong bài này.

___________________________________________________
* Hãy sử dụng công cụ tìm kiếm của Diễn đàn trước khi đặt câu hỏi.
* Hãy đặt tên cho Chủ đề diễn tả đúng với nội dung để thuận tiện khi tìm kiếm.
* Hãy chia sẻ kiến thức của bạn vì không chỉ giúp được mọi người mà còn giúp mình ghi nhớ những điều đã biết!


Đầu trang
 Xem thông tin cá nhân  
 
Gửi bàiĐã gửi: 15/07/2011 - 13:46 
Hình đại diện của thành viên upshoppro

Ngoại tuyến

Thành viên

Thành viên

Ngày tham gia: 12/07/2011 - 23:14
Bài viết: 16
Đã cảm ơn: 14 lần
Được cảm ơn: 0 lần
Cám ơn bạn,tuy nhiên mình có vài lỗi sau:
-mod_virtuemart_featureprod ,mod_virtuemart_latestprod :hiển thị
-mod_product_categories ,mod_virtuemart_manufacturers :kg hiển thị
Mong các bạn giúp.


Đầu trang
 Xem thông tin cá nhân  
 
Gửi bàiĐã gửi: 15/07/2011 - 22:10 
Hình đại diện của thành viên TruongLe

Ngoại tuyến

Thành viên

Thành viên

Ngày tham gia: 14/09/2010 - 20:20
Bài viết: 1648
Đã cảm ơn: 4 lần
Được cảm ơn: 631 lần
Đây chỉ là cách đơn giản, do một số layout của VM sẽ khác nhau nên có thể không áp dụng được... thông thường nếu muốn VM có layout đẹp thì phải can thiệp vào code mà việc này thì không đơn giản tí nào...

:)

___________________________________________________
* Hãy sử dụng công cụ tìm kiếm của Diễn đàn trước khi đặt câu hỏi.
* Hãy đặt tên cho Chủ đề diễn tả đúng với nội dung để thuận tiện khi tìm kiếm.
* Hãy chia sẻ kiến thức của bạn vì không chỉ giúp được mọi người mà còn giúp mình ghi nhớ những điều đã biết!


Đầu trang
 Xem thông tin cá nhân  
 
Gửi bàiĐã gửi: 06/10/2011 - 13:35 
duchaidlu

Ngoại tuyến

Thành viên mới

Thành viên mới

Ngày tham gia: 06/10/2011 - 13:23
Bài viết: 1
Đã cảm ơn: 2 lần
Được cảm ơn: 0 lần
TruongLe đã viết:
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

Hướng dẫn hay quá, đang cần mà làm theo ko được.
Mình xài temp artisteer
Mong được hướng dẫn cụ thể cho loại temp này


Đầu trang
 Xem thông tin cá nhân  
 
Gửi bàiĐã gửi: 06/10/2011 - 15:30 
Hình đại diện của thành viên TruongLe

Ngoại tuyến

Thành viên

Thành viên

Ngày tham gia: 14/09/2010 - 20:20
Bài viết: 1648
Đã cảm ơn: 4 lần
Được cảm ơn: 631 lần
Bạn xem kỹ lại, trước tiên hãy thực hiện theo đúng như hướng dẫn, sau khi làm được rồi mới thay đổi tùy ý để tránh trường hợp gặp lỗi mà không biết do đâu.

:)

___________________________________________________
* Hãy sử dụng công cụ tìm kiếm của Diễn đàn trước khi đặt câu hỏi.
* Hãy đặt tên cho Chủ đề diễn tả đúng với nội dung để thuận tiện khi tìm kiếm.
* Hãy chia sẻ kiến thức của bạn vì không chỉ giúp được mọi người mà còn giúp mình ghi nhớ những điều đã biết!


Đầu trang
 Xem thông tin cá nhân  
 
Hiển thị những bài viết cách đây:  Sắp xếp theo  
Tạo chủ đề mới Gửi bài trả lời
 Bạn đang xem trang 1 / 2 trang [ 8 bài viết ] [Chuyển đến trang] 1, 2  >>

Các chủ đề liên quan


Múi giờ UTC + 7 Giờ


Bạn không thể tạo chủ đề mới trong chuyên mục này.
Bạn không thể trả lời bài viết trong chuyên mục này.
Bạn không thể sửa những bài viết của mình trong chuyên mục này.
Bạn không thể xoá những bài viết của mình trong chuyên mục này.
Bạn không thể gửi tập tin đính kèm trong chuyên mục này.

Chuyển đến: