[Lưu Trữ] Shop Gunny (New Version)

  Bài viết hay nhất1
First topic message reminder :

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



  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. Phân biệt 2 loại giới tính tùy mỗi thành viên lựa chọn.
  6. Hiển thị trong wall của thành viên khi có người truy cập.
  7. Hỗ trợ 3 phiên bản forum gồm: punbb, invision, phpbb3.
  8. Hiển thị Gunny của thành viên ở mỗi bài viết.


Demo:


Link shop thử nghiệm: [You must be registered and logged in to see this link.] hoặc [You must be registered and logged in to see this link.].

Reg nick và thử nghiệm tại: [You must be registered and logged in to see this link.]

Link Gunny hiện trong view PHPBB3 : [You must be registered and logged in to see this link.]

Link Gunny hiện trong view Punbb : [You must be registered and logged in to see this link.]

Link Gunny hiện trong view Invision : [You must be registered and logged in to see this link.]

Gunny Trong View:

[You must be registered and logged in to see this image.]

Link Gunny hiện trong wall PHPBB3 tại: [You must be registered and logged in to see this link.]

Link Gunny hiện trong wall Punbb : [You must be registered and logged in to see this link.]

Link Gunny hiện trong wall Invision : [You must be registered and logged in to see this link.]

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ếtReputation 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:


  1. 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.
  2. 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.
  3. 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.
  4. Số xu sẽ tăng giảm tùy theo số point của thành viên.


Lưu Ý:





  1. Phải làm bước 2 và bước 3 cho cẩn thận đấy. Nó rất là quan trọng.
  2. Ứ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ợ.
  3. 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.
  4. Ứ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.

The author of this message was banned from the forum - See the message
  Bài viết hay nhất52
[You must be registered and logged in to see this link.]
Admin có thể giúp mình được không
Id test : test123123
Pas test: vnit123456
  Bài viết hay nhất53
cái shop nó cứ load hoài à bn, bn xem giúp mình nha
[You must be registered and logged in to see this link.]
tk: motsach
mk: motsach2k
  Bài viết hay nhất54
vì sao nó k hiện
[You must be registered and logged in to see this link.]
ID: test123456
Pass: 123456khang
  Bài viết hay nhất55
[You must be registered and logged in to see this image.]

Sao nó load hoài z ạ?
  Bài viết hay nhất56
sao mình không hiện gunny ở trong wall cũng như dưới mỗi bài viết nhỉ? Với cả k thấy chỗ mua đồ? Bạn markai giúp mình với
Link mf4ever.forumvi.com
nick test : zzvermouthzz
pass : iamawind
  Bài viết hay nhất57
Mua nền nó không tính xu markai ơi, mình test trên forum mới chưa chỉnh sửa gì cả.

Link [You must be registered and logged in to see this link.]
Acc: Testacc
Pass: 123456@test

Với lại chỗ level ấy, 0 bài thì level 1, mà post 1 bài thì nhảy lên tới level 13 luôn. Nhờ markai xem giùm :)
  Bài viết hay nhất58
[You must be registered and logged in to see this link.]
halinh wrote:Mua nền nó không tính xu markai ơi, mình test trên forum mới chưa chỉnh sửa gì cả.

Link [You must be registered and logged in to see this link.]
Acc: Testacc
Pass: 123456@test

Với lại chỗ level ấy, 0 bài thì level 1, mà post 1 bài thì nhảy lên tới level 13 luôn. Nhờ markai xem giùm :)

Xin lỗi. Hiện tại mình rất bận, do đó việc fix lỗi và cập nhật không thể làm được. Hi vọng ở phiên bản khác sẽ giúp bạn sau. Giờ từ comment này sẽ không hỗ trợ ứng dụng này nữa. Và chủ đề này sẽ được đưa vào chuyên mục Lưu Trữ
You cannot reply to topics in this forum