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

  Bài viết hay nhất1

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.

  Bài viết hay nhất2
Góp ý ạ : Link ảnh die gần hết >.<
  Bài viết hay nhất3
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.] wrote:Góp ý ạ : Link ảnh die gần hết >.<

Link ảnh nào. Nếu là link ảnh bài viết thì đã fix rồi nhé. Vì lúc đầu quên. Lấy link của google nó thay đổi theo thời gian nên không hiển thị ấy mà.
The author of this message was banned from the forum - See the message
  Bài viết hay nhất5
COOL !!! tuyệt quá giờ cuối cùng nó cũng đã share :P, mà a ơi, e có awesome 4.4.0 rồi, có cần phải xóa dòng đó hem -_-
P/S: forum e cũng có lỗi NaN xu T.T
Code:
http://onepiecefamily.ace.st/h2-page
anh xem sửa giúp ạ, cảm ơn anh nhèo
The author of this message was banned from the forum - See the message
  Bài viết hay nhất7
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.] wrote:[You must be registered and logged in to see this link.]
đang xử lý liên tục, dùng skin kia thì hiện ok, skin này thì không
[You must be registered and logged in to see this link.] wrote:ứng dụng được sử dụng cho skin chưa chỉnh sủa gì cả
The author of this message was banned from the forum - See the message
  Bài viết hay nhất9
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.] wrote:khắc phục đc k markaii, lỡ ...
xài skin devs rip thì khó nói lắm bạn à ....
  Bài viết hay nhất10
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.] wrote:khắc phục đc k markaii, lỡ ...


[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.] wrote:COOL !!! tuyệt quá giờ cuối cùng nó cũng đã share :P, mà a ơi, e có awesome 4.4.0 rồi, có cần phải xóa dòng đó hem -_-
P/S: forum e cũng có lỗi NaN xu T.T
Code:
http://onepiecefamily.ace.st/h2-page
anh xem sửa giúp ạ, cảm ơn anh nhèo

1. Không làm đúng BƯỚC 2: TẠO FIELD. lấy cái gì mà không lỗi.  Làm ơn đọc kỹ hướng dẫn rồi hẵng làm.

2. Hướng dẫn ngắn gọn như thế mà làm không được nữa thì bó tay thôi.

3. Đưa link forum nhưng không được acc để test. Không ai rảnh đi đăng ký để sửa giùm đâu. Từ comment này ai không đưa acc test miễn hỗ trợ nhé.
  Bài viết hay nhất11
Của mình hiện trong viewtopic không được (nó ẩn luôn như [You must be registered and logged in to see this link.]), nhờ markai xem giúp.

Nick test: TVOCT
Pass: ddoct@123

Shop chất lượng lắm. Cám ơn markai nhiều :D
  Bài viết hay nhất12
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.] wrote:Của mình hiện trong viewtopic không được (nó ẩn luôn như [You must be registered and logged in to see this link.]), nhờ markai xem giúp.

Nick test: TVOCT
Pass: ddoct@123

Shop chất lượng lắm. Cám ơn markai nhiều :D

View topic của bạn đã sửa rồi, do đó nó không hiển thị được.

Khắc phục:

Vào Acp -> Display -> Template -> View_Topic_Body tìm <span class="topic2" sửa nó lại thành <span class="topic2 post--{postrow.displayed.U_POST_ID}"

Còn phần hiển thị trong wall bị lỗi là do bạn tự ý sửa link code gốc của mình lại do đó lỗi là phải. Cái này tự mò mà sửa đi nhé.
  Bài viết hay nhất13
Mình sửa như bạn nói mà vẫn ko dc @_@
  Bài viết hay nhất14
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.] wrote:Mình sửa như bạn nói mà vẫn ko dc @_@

Vào Acp -> Display -> Template -> View_Topic_Body tìm <span class="topic2" sửa nó lại thành <span class="topic2 post post--{postrow.displayed.U_POST_ID}"

Phần wall chưa sửa. Phần view thì do sửa nhiều quá, nên không để ý lắm giờ mới thấy. Vào view_topic_body tìm <div class="entry-content" sửa thành <div class="entry-content content clearfix" .
  Bài viết hay nhất15
Cũng ko dc markai à. Wall thì login dô xem bình thường nên cũng ko ảnh hưởng gì lớn, ko cho khách xem wall là được ^^
  Bài viết hay nhất16
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.] wrote:Cũng ko dc markai à. Wall thì login dô xem bình thường nên cũng ko ảnh hưởng gì lớn, ko cho khách xem wall là được ^^


Làm lại bước này:

Vào Acp -> Display -> Template -> View_Topic_Body tìm <span class="topic2 post--{postrow.displayed.U_POST_ID}sửa nó lại thành <span class="topic2 post post--{postrow.displayed.U_POST_ID}"


Phần wall xem bình thường là do bạn là admin thôi. Chứ bạn làm thành viên cũng ko xem dc. Chỉ nói vậy thôi thích thì sửa, không thích cứ để vậy.
  Bài viết hay nhất17
Oh mình sửa rồi, ko để ý, cám ơn markai ^^ Mình gửi luôn view cho markai dễ xem rồi đó, mình gà chả biết sửa sao, làm phiền markai quá :">
  Bài viết hay nhất18
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.] wrote:Oh mình sửa rồi, ko để ý, cám ơn markai ^^ Mình gửi luôn view cho markai dễ xem rồi đó, mình gà chả biết sửa sao, làm phiền markai quá :">

Gửi view làm gì thế. Thấy hiện rồi mà. Có lẽ bạn nên xóa hết cookie rồi reload lại trang là sẽ thấy thôi. Mình thấy bình thường mà.

[You must be registered and logged in to see this image.]
  Bài viết hay nhất19
[You must be registered and logged in to see this link.]
Ko được ạ !
  Bài viết hay nhất20
Lúc cho cái đoạn này vào Default content thì không mua được, còn xóa đi thì mua được là sao?

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}

Mà nếu xóa thì trong Profile không hiện

Link: [You must be registered and logged in to see this link.]

Nick test
TK: Nick_Test
Pass: admin1102
The author of this message was banned from the forum - See the message
  Bài viết hay nhất22
Không biết có phải [You must be registered and logged in to see this link.] sử dụng flash để chạy cánh với nền không mà trình duyệt của mình không thấy 2 cái này hoạt động :)
[You must be registered and logged in to see this image.]

Vô tình vào forum của bạn [You must be registered and logged in to see this link.] thấy bạn lấy cũng nhanh thiệt đấy :v (mình nói cái gì thì bạn tự hiểu nhé, không cần reply lại đâu)
  Bài viết hay nhất23
[You must be registered and logged in to see this link.]
Boom wrote:Không biết có phải [You must be registered and logged in to see this link.] sử dụng flash để chạy cánh với nền không mà trình duyệt của mình không thấy 2 cái này hoạt động :)
[You must be registered and logged in to see this image.]

Vô tình vào forum của bạn [You must be registered and logged in to see this link.] thấy bạn lấy cũng nhanh thiệt đấy :v (mình nói cái gì thì bạn tự hiểu nhé, không cần reply lại đâu)

Thấy đẹp nên lấy về trang trí thôi =))
The author of this message was banned from the forum - See the message
  Bài viết hay nhất25
Trong profile thì hiện rồi, mà trong View không hiện :(
  Bài viết hay nhất26
You cannot reply to topics in this forum