First topic message reminder :
Shop Gunny là một ứng dụng cửa hàng trực tuyến ảo được thiết kế cho phù hợp với các diễn đàn thuộc hệ thống forumotion. Ứng dụng được thiết kế bằng html5, css3. javascript và jquery dựa trên các tài nguyên sẵn có của game Gunny.
Ứng dụng được sử dụng để tiến hành mua bán các vật phẩm có trong shop sau đó lưu dữ liệu vật phẩm vào các field được tạo ra sau đó cho hiển thị dưới dạng 1 canvas. Ứng dụng sẽ tự động kiểm tra phiên bản forum bạn đang sử dụng để điều chỉnh cho thích hợp. Sử dụng các dữ liệu bài viết và lượt thank của thành viên để tính toán cấp độ và chỉ số của Gunny.
Nâng cấp thêm một số vật phẩm mà shop gunny cũ không có như là: Pet, Nền, Vũ Khí.
Ứng dụng sẽ sử dụng một dạng tiền ảo dựa trên số point sẵn có của forumotion để mua bán. Về vấn đề này sẽ nói rõ hơn ở phần sau.
Link shop thử nghiệm: http://gunnyshop.forumvi.com/h2-Shop hoặc viethoagame.forumvi.com/h75-shop.
Reg nick và thử nghiệm tại: http://gunnyshop.forumvi.com/
Link Gunny hiện trong view PHPBB3 : http://gunnyshop.forumvi.com/t1-topic
Link Gunny hiện trong view Punbb : http://gunnyshop.forumvi.com/t1-topic?change_version=punbb&keep_theme=2
Link Gunny hiện trong view Invision : http://gunnyshop.forumvi.com/t1-topic?change_version=invision&keep_theme=2
Link Gunny hiện trong wall PHPBB3 tại: http://gunnyshop.forumvi.com/u1
Link Gunny hiện trong wall Punbb : http://gunnyshop.forumvi.com/u1?change_version=punbb&keep_theme=2
Link Gunny hiện trong wall Invision : http://gunnyshop.forumvi.com/u1?change_version=invision&keep_theme=2
Vào Acp -> Module -> Html page management.
Title: Gì cũng được.
Do you wish to use your forum header and footer ? : Chọn yes
Để lưu dữ liệu bạn cần phải tạo 2 loại field như sau:
Vào ACP -> Quản Lý Người Dùng -> Profile.
Tạo 1 field mới như trong hình.
Sau khi tạo xong field để chắc chắc các bạn nên vào mỗi field và bấm vào button Replace the content để chắc chắn là tất cả thành viên đều có field này.
Vào Acp -> Display -> QLTT -> Overall_Header. Tìm </head> và chèn code này vào trước nó:
Ở code trên các bạn lưu ý chỗ này:
Nếu forum của các bạn đã đổi tên các field này rồi. Thì bạn cần phải sửa lại cho phù hợp. Ví dụ như mình đổi Tổng số bài gửi thành Tổng số bài viết và Reputation thành Lượt Thích thì mình phải sửa lại như sau:
Lưu ý rằng phải đúng viết hoa cho đúng với tên field nhé.
Vào Acp -> Display -> QLTT -> View_topic_body tìm:
Sửa lại thành:
Bật hệ thống point nếu bạn chưa bật. Vào ACP -> Module -> Points System. Và làm như hình phía dưới. Ở mục field name đặt thế nào tùy bạn.
Cách tính xu trong shop được thực hiện như sau:
Shop Gunny
[You must be registered and logged in to see this image.]
Giới Thiệu
Shop Gunny là một ứng dụng cửa hàng trực tuyến ảo được thiết kế cho phù hợp với các diễn đàn thuộc hệ thống forumotion. Ứng dụng được thiết kế bằng html5, css3. javascript và jquery dựa trên các tài nguyên sẵn có của game Gunny.
Ứng dụng được sử dụng để tiến hành mua bán các vật phẩm có trong shop sau đó lưu dữ liệu vật phẩm vào các field được tạo ra sau đó cho hiển thị dưới dạng 1 canvas. Ứng dụng sẽ tự động kiểm tra phiên bản forum bạn đang sử dụng để điều chỉnh cho thích hợp. Sử dụng các dữ liệu bài viết và lượt thank của thành viên để tính toán cấp độ và chỉ số của Gunny.
Nâng cấp thêm một số vật phẩm mà shop gunny cũ không có như là: Pet, Nền, Vũ Khí.
Ứng dụng sẽ sử dụng một dạng tiền ảo dựa trên số point sẵn có của forumotion để mua bán. Về vấn đề này sẽ nói rõ hơn ở phần sau.
Chức Năng
- Tự động trừ xu, lấy và lưu dữ liệu mỗi thành viên khi mua vật phẩm. Không cần sử dụng cách cũ là post bài viết để trừ xu do sử dụng hệ thống xu ảo.
- Mỗi vật phẩm có giá khác nhau, và mỗi vật phẩm đều có chỉ số khác nhau. Chia làm 4 chỉ số gồm Atk: Tấn Công, Def: Phòng Ngự, Hp: Máu, Mp: Ma Lực.
- Tự động tính toán cấp độ và exp dựa theo dữ liệu số bài và lượt thank của mỗi thành viên. Max cấp tối đa đến 99.
- Thêm 2 loại vật phẩm gồm Pet (Thú) và Nền (Phông Nền). Đặc biệt mỗi loại pet đều chuyển động.
- Phân biệt 2 loại giới tính tùy mỗi thành viên lựa chọn.
- Hiển thị trong wall của thành viên khi có người truy cập.
- Hỗ trợ 3 phiên bản forum gồm: punbb, invision, phpbb3.
- Hiển thị Gunny của thành viên ở mỗi bài viết.
Demo:
Link shop thử nghiệm: http://gunnyshop.forumvi.com/h2-Shop hoặc viethoagame.forumvi.com/h75-shop.
Reg nick và thử nghiệm tại: http://gunnyshop.forumvi.com/
Link Gunny hiện trong view PHPBB3 : http://gunnyshop.forumvi.com/t1-topic
Link Gunny hiện trong view Punbb : http://gunnyshop.forumvi.com/t1-topic?change_version=punbb&keep_theme=2
Link Gunny hiện trong view Invision : http://gunnyshop.forumvi.com/t1-topic?change_version=invision&keep_theme=2
- Gunny Trong View:
- [You must be registered and logged in to see this image.]
Link Gunny hiện trong wall PHPBB3 tại: http://gunnyshop.forumvi.com/u1
Link Gunny hiện trong wall Punbb : http://gunnyshop.forumvi.com/u1?change_version=punbb&keep_theme=2
Link Gunny hiện trong wall Invision : http://gunnyshop.forumvi.com/u1?change_version=invision&keep_theme=2
- Gunny hiện trong wall:
- [You must be registered and logged in to see this image.]
Hướng Dẫn
Bước 1: Html Shop Gunny.
Vào Acp -> Module -> Html page management.
Title: Gì cũng được.
Do you wish to use your forum header and footer ? : Chọn yes
- Html Shop Gunny:
- Code:
<link href="https://cdn.rawgit.com/matran991/Shop-Gunny/master/shop_share.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
<div id="body_shop">
<div id="shop_center">
<div id="tab_shop">
<div class="tab_item" onclick="set_link_img('Vk',0,24,78)">Vũ Khí</div>
<div class="tab_item tab_Nam tab_gt" onclick="set_link_img('Ao',0,24,207)">Áo</div>
<div class="tab_item tab_Nu tab_gt" onclick="set_link_img('Ao',0,24,212)">Áo</div>
<div class="tab_item" onclick="set_link_img('Non',0,24,182)">Nón</div>
<div class="tab_item" onclick="set_link_img('Kinh',0,24,97)">Kính</div>
<div class="tab_item" onclick="set_link_img('Ts',0,24,93)">Trang Sức</div>
<div class="tab_item tab_Nam tab_gt" onclick="set_link_img('Toc',0,24,110)">Tóc</div>
<div class="tab_item tab_Nu tab_gt" onclick="set_link_img('Toc',0,24,117)">Tóc</div>
<div class="tab_item tab_Nam tab_gt" onclick="set_link_img('Mat',0,24,76)">Mặt</div>
<div class="tab_item tab_Nu tab_gt" onclick="set_link_img('Mat',0,24,76)">Mặt</div>
<div class="tab_item" onclick="set_link_img('Canh',0,24,26)">Cánh</div>
<div class="tab_item" onclick="set_link_img('Nen',0,24,64)">Nền</div>
<div class="tab_item" onclick="set_link_img('Vong',0,5,5)">Vòng</div>
<div class="tab_item" onclick="set_link_img('Pet',0,24,70)">Pet</div>
</div>
</div>
<div id="shop_left">
<h1>Cửa Hàng</h1>
<div id="shop_gt">
<div class="wrap_gt">
<div class="gt_text">Chọn Giới Tính</div>
<span data="Nam" class="gt_nam gt_btt" onclick="avata_gt.call(this)">Nam</span>
<span data="Nu" class="gt_nu gt_btt" onclick="avata_gt.call(this)">Nữ</span>
</div>
</div>
<div id="shop_profile">
<div id="profile_user" class="is_loading">
<div class="username">Tên Thành Viên: <span></span></div>
<div class="gold_user">Hiện Có: <span></span> Xu</div>
</div>
<div id="avata_preview">
<div id="avata">
<canvas id="Gunny"></canvas>
<div id="Canh" class="item"></div>
</div>
</div>
</div>
<div id="total_shop">
<div class="total_info">
Tổng số tiền thanh toán:
<div id="total_buy"></div>
$
</div>
<div id="total_alert">
<div class="wrap_alert"><i class="fa fa-spinner fa-pulse"></i><span> Đang xử lý, xin vui lòng chờ...</span></div>
<div class="wrap_fixed" onclick="alert_close()"></div>
</div>
<div id="buy_all" class="btn btn-success">
<i class="fa fa-shopping-cart" style="font-size: 26px;vertical-align: middle;"></i> Thanh Toán
</div>
</div>
<div id="copy_shop">
<div>Copyright © 2015 by <a href="http://viethoagame.forumvi.com/">VHG</a></div>
<div>Powered by <a href="http://viethoagame.forumvi.com/">Markai30</a></div>
</div>
</div>
<div id="shop_right" style="margin-top: 20px;">
<div id="shop_avata">
<div class="shop_help" style=" background-image: url(https://cdn.rawgit.com/matran991/Shop-Gunny/master/shop.jpg);"></div>
</div>
<div id="page_item"></div>
</div>
</div>
<script src="https://rawgit.com/matran991/Shop-Gunny/master/shop_share.js?204" type="text/javascript"></script>
Bước 2: Tạo Field.
Để lưu dữ liệu bạn cần phải tạo 2 loại field như sau:
Vào ACP -> Quản Lý Người Dùng -> Profile.
Tạo 1 field mới như trong hình.
[You must be registered and logged in to see this image.]
Điền thông tin field như trong hình ở dưới.
[You must be registered and logged in to see this image.]
Tạo thêm một field mới như hình phía dưới nữa.
[You must be registered and logged in to see this image.]
Lưu Ý: Ở field thứ 2 (field Data_Gunny đấy). Nếu bạn muốn tất cả thành viên đều có gunny thì bạn chép code này vào khung default content như sau:
- Code:
{Ao:0,Canh:0,Hu:0,Kinh:0,Mat:0,Non:0,Toc:0,Ts:0,Vk:0,Vong:0,Pet:0,Nen:0,Gt:"Nam",atk:0,def:0,hp:0,mp:0}
Sau khi tạo xong field để chắc chắc các bạn nên vào mỗi field và bấm vào button Replace the content để chắc chắn là tất cả thành viên đều có field này.
Bước 3: Chèn Code Vào Overall_Header.
Vào Acp -> Display -> QLTT -> Overall_Header. Tìm </head> và chèn code này vào trước nó:
- Code:
<!-- Gunny Show -->
<link type="text/css" rel="stylesheet" href="https://cdn.rawgit.com/matran991/Shop-Gunny/master/forum_gunny.v2.css" />
<script type="text/javascript">
//<![CDATA[
var text_xu = 'Data_Cash';
var text_gunny = 'Data_Gunny';
var text_post = 'Tổng số bài gửi';
var text_thank = 'Reputation';
$(function(){var test = $('#profile-advanced-details dl dt:contains("'+text_gunny+'")').parent().find('.field_uneditable').text();1==/Ao|Canh|Pet/.test(test)&&"string"==typeof test&&1==/\/u/.test(location.pathname)?$.getScript("https://rawgit.com/matran991/Shop-Gunny/master/wall_gunny.js"):1==/\/t/.test(location.pathname)?$.getScript("https://rawgit.com/matran991/Shop-Gunny/master/view_gunny.js"):1==/\/profile|\/u/.test(location.pathname)&&($('dt:contains("'+text_xu+'")').parent().remove(),$('dt:contains("'+text_gunny+'")').parent().remove())});
//]]>
</script>
<!-- Gunny Show -->
Ở code trên các bạn lưu ý chỗ này:
- Code:
var text_post = 'Tổng số bài gửi';
var text_thank = 'Reputation';
Nếu forum của các bạn đã đổi tên các field này rồi. Thì bạn cần phải sửa lại cho phù hợp. Ví dụ như mình đổi Tổng số bài gửi thành Tổng số bài viết và Reputation thành Lượt Thích thì mình phải sửa lại như sau:
- Code:
var text_post = 'Tổng số bài viết';
var text_thank = 'Lượt Thích';
Lưu ý rằng phải đúng viết hoa cho đúng với tên field nhé.
Bước 4: Sửa View_Topic_Body.
Vào Acp -> Display -> QLTT -> View_topic_body tìm:
- Code:
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
Sửa lại thành:
- Code:
<!-- BEGIN profile_field -->
<span class="field_user" data='{postrow.displayed.profile_field.LABEL}'>{postrow.displayed.profile_field.LABEL} <span class="field_content">{postrow.displayed.profile_field.CONTENT}</span>{postrow.displayed.profile_field.SEPARATOR}</span><!-- END profile_field -->
Bước 5:
Bật hệ thống point nếu bạn chưa bật. Vào ACP -> Module -> Points System. Và làm như hình phía dưới. Ở mục field name đặt thế nào tùy bạn.
[You must be registered and logged in to see this image.]
Tính Xu:
Cách tính xu trong shop được thực hiện như sau:
- Khi bạn mua bán vật phẩm thành công. Thì số xu cần thanh toán sẽ lưu vào field.
- Số xu để mua bán của thành viên. Sẽ bằng số point trừ cho số xu cần thanh toán sẽ thành ra số xu để mua bán.
- Khi số xu mua bán của thành viên nhỏ hơn số xu của vật phẩm sẽ không được phép mua vật phẩm.
- Số xu sẽ tăng giảm tùy theo số point của thành viên.
Lưu Ý:
- Phải làm bước 2 và bước 3 cho cẩn thận đấy. Nó rất là quan trọng.
- Ứng dụng được thiết kế dựa trên skin mẫu chưa chỉnh sửa gì cả. Do đó nếu forum bạn không chạy được, vui lòng để lại demo link và nick để test để được hỗ trợ.
- Ai làm thành công thì để lại link ở nick này để mình xem xét sẽ phát triển thêm.
- Ứng dụng đã được thiết kế đơn giản và dễ nhất rồi. Hơn hẳn bản cũ rườm rà. Nếu mà làm còn không được nữa thì mình cũng bó tay rồi.