[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: 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:

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:

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:

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ất26
[You must be registered and logged in to see this link.]
kuzu_mtp wrote: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


Làm không đúng hướng dẫn cho nên lỗi là phải rồi. Chú ý:

1. Lỗi NaN xu ở shop là do bạn làm sai ở bước 2 tạo field. Ở cái field Data_Cash ở mục Default content bạn phải đặt là 1. Và chắc ăn nên ấn thêm Replace the content để tát cả thành viên đều có field này.

2. Lỗi view_topic do sửa view khác với view gốc mất đi một số class mặc định của nó nên gây lỗi: Khắc phục:

Vào View_topic_body tìm: <div class="post"> sửa nó lại thành <div class="post post--{postrow.displayed.U_POST_ID}"> . Vậy là xong.
  Bài viết hay nhất27
[You must be registered and logged in to see this link.]
kuzu_mtp wrote:[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 =))


Trước có làm bằng ảnh rồi. Nhưng ảnh không đẹp và nặng nên dùng flash cho nó nhẹ. Chỉ phần cánh và hình thôi. Sẽ cô gắng nâng cấp nó trong phiên bản sau.

Lỗi này là do trình duyệt chorme thôi. Khắc phục:

Nhập đường dẫn này vào trình duyệt chorme : chrome://plugins/


Tìm plugin Adobe Shockwave Player tích vào mục luôn cho phép chạy là xong.
  Bài viết hay nhất28
Sửa <div class="post"> rồi mà vẫn không hiện trong view
  Bài viết hay nhất29
[You must be registered and logged in to see this link.]
markai30 wrote:[You must be registered and logged in to see this link.]
kuzu_mtp wrote:[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 =))


Trước có làm bằng ảnh rồi. Nhưng ảnh không đẹp và nặng nên dùng flash cho nó nhẹ. Chỉ phần cánh và hình thôi. Sẽ cô gắng nâng cấp nó trong phiên bản sau.

Lỗi này là do trình duyệt chorme thôi. Khắc phục:

Nhập đường dẫn này vào trình duyệt chorme : chrome://plugins/


Tìm plugin Adobe Shockwave Player tích vào mục luôn cho phép chạy là xong.
Mặc dù [You must be registered and logged in to see this link.] chỉ thì mình biết nhưng các bạn khác cũng dùng Chrome không biết thì tưởng là bị lỗi :D
Mình tưởng dùng flash thì sẽ nặng hơn chứ.
Google khuyến khích các nhà quảng cáo chuyển sang dùng nội dung HTML5 thay vì Flash để tránh bị chặn. Còn với người dùng chúng ta, lợi ích có được đó là trình duyệt sẽ chạy nhẹ nhàng hơn do không phải gánh plug-in Flash, thời gian dùng pin trên thiết bị di động cũng kéo dài hơn.
Mong các bản cập nhật [You must be registered and logged in to see this link.] sẽ tìm được cách khắc phục. Lâu lắm rồi forum mới có lại 1 TUTs hữu ích như thế này.

[You must be registered and logged in to see this link.] Vâng, mình thấy nhà bạn có cái tivi rất đẹp và mình chạy vô lấy về dùng :D
  Bài viết hay nhất30
[You must be registered and logged in to see this link.]
Kin wrote:[You must be registered and logged in to see this link.]
LƯU Ý: CẨN THẬN TRƯỚC KHI VÀO VÀ XIN ĐỪNG REPORT
Nick test: manuni
Pass: manunidevs

Forum bạn tự sửa nhiều quá. Phần wall lẫn phần view đều mất hết các class quan trọng. Css thì thiết lập các cột quá hẹp không phù hợp với mod gunny này đâu. Tốt nhất là nên gỡ nó ra đi.
  Bài viết hay nhất31
[You must be registered and logged in to see this link.]
kuzu_mtp wrote:Sửa <div class="post"> rồi mà vẫn không hiện trong view

Do bạn tự sửa mất một class chính trong overall_header đó là pun-head do đó code không nhận diện được bạn xài phiên bản nào. Vì vậy để khắc phục bạn có thể thêm đoạn code này tùy ý ở view_topic_body hoặc overall_header đề được.

Code:
<span class="pun-head"></span>

[You must be registered and logged in to see this link.]
Boom wrote:[You must be registered and logged in to see this link.]
markai30 wrote:[You must be registered and logged in to see this link.]
kuzu_mtp wrote:[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 =))


Trước có làm bằng ảnh rồi. Nhưng ảnh không đẹp và nặng nên dùng flash cho nó nhẹ. Chỉ phần cánh và hình thôi. Sẽ cô gắng nâng cấp nó trong phiên bản sau.

Lỗi này là do trình duyệt chorme thôi. Khắc phục:

Nhập đường dẫn này vào trình duyệt chorme : chrome://plugins/


Tìm plugin Adobe Shockwave Player tích vào mục luôn cho phép chạy là xong.
Mặc dù [You must be registered and logged in to see this link.] chỉ thì mình biết nhưng các bạn khác cũng dùng Chrome không biết thì tưởng là bị lỗi :D
Mình tưởng dùng flash thì sẽ nặng hơn chứ.
Google khuyến khích các nhà quảng cáo chuyển sang dùng nội dung HTML5 thay vì Flash để tránh bị chặn. Còn với người dùng chúng ta, lợi ích có được đó là trình duyệt sẽ chạy nhẹ nhàng hơn do không phải gánh plug-in Flash, thời gian dùng pin trên thiết bị di động cũng kéo dài hơn.
Mong các bản cập nhật [You must be registered and logged in to see this link.] sẽ tìm được cách khắc phục. Lâu lắm rồi forum mới có lại 1 TUTs hữu ích như thế này.

Ừ về cơ bản html5 nhẹ hơn hẳn flash. Nhưng cũng 1 phần thôi. Vì chủ yếu mình không có file psd của các item cánh và vòng. Nếu chỉ lấy ảnh từ flash bằng pts sẽ không đẹp và để cho nó chuyển động sẽ càng làm ảnh nậng thêm. Việc thiết kế các sprite sheet thì flash dùng tốt hơn.
  Bài viết hay nhất32
Anh markai ơi, anh sử dụng đoạn js nào để :"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." vậy
  Bài viết hay nhất33
[You must be registered and logged in to see this link.]
kingofgame wrote:Anh markai ơi, anh sử dụng đoạn js nào để :"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." vậy

Đây là kiến thức ajax nếu quan tâm thì đọc bài này sẽ hiểu cách làm. [You must be registered and logged in to see this link.]

Mà kiến thức về html và css chú còn chưa nắm rõ thì tốt nhất nên về học cho rành mấy cái này rồi mới tìm hiểu js sau nhé.
  Bài viết hay nhất34
Vẫn không hiện anh Mar ơi ...
  Bài viết hay nhất35
[You must be registered and logged in to see this link.]
kuzu_mtp wrote:Vẫn không hiện anh Mar ơi ...

Cám ơn kuzu_mtp. Đã phát hiện ra lỗi rồi. Chờ vài phút nữa vào bài viết nó sẽ hiện ra.
  Bài viết hay nhất36
Cái này cho Pet qua đập nhau các kiểu con đà điểu thì vui ;))
  Bài viết hay nhất37
Forum em không được ạ !
Forum link : [You must be registered and logged in to see this link.]
NIck test : trandangduat
MK : Duat2005
The author of this message was banned from the forum - See the message
  Bài viết hay nhất39
[You must be registered and logged in to see this link.]
Kin wrote:[You must be registered and logged in to see this link.]
markai30 wrote:[You must be registered and logged in to see this link.]
Kin wrote:[You must be registered and logged in to see this link.]
LƯU Ý: CẨN THẬN TRƯỚC KHI VÀO VÀ XIN ĐỪNG REPORT
Nick test: manuni
Pass: manunidevs

Forum bạn tự sửa nhiều quá. Phần wall lẫn phần view đều mất hết các class quan trọng. Css thì thiết lập các cột quá hẹp không phù hợp với mod gunny này đâu. Tốt nhất là nên gỡ nó ra đi.

vậy bạn biết còn skin nào phù hợp ko ạ

=> Tốt hơn hết là bạn sử dụng skin mặc định hoặc skin tự viết ( mà nhiều khi nó cũng có lỗi đấy), Ko nên dùng skin RIP
The author of this message was banned from the forum - See the message
  Bài viết hay nhất41
Sao nó load hoài vậy ạ ?
[You must be registered and logged in to see this link.]
The author of this message was banned from the forum - See the message
  Bài viết hay nhất43
[You must be registered and logged in to see this link.]
Kin wrote:Hiện ở wall thì tốt nhưng hiện ở topic thì ko đc
[You must be registered and logged in to see this link.]

Đọc kỹ lại hướng dẫn chưa làm BƯỚC 4: SỬA VIEW_TOPIC_BODY.
The author of this message was banned from the forum - See the message
  Bài viết hay nhất45
Bởi vì mặc định nên mới phải sửa =))
The author of this message was banned from the forum - See the message
  Bài viết hay nhất47
anh markai xem giúp em , đã add code vào nhưng không hiện trọng wall( em chưa đưa vào view)
demo : [You must be registered and logged in to see this link.]
nick test: harryumefor
mk : harry123
The author of this message was banned from the forum - See the message
  Bài viết hay nhất49
[You must be registered and logged in to see this link.]
Kin wrote:MARKAII , trước Méo có chèn code gì đó để khỏi bị Nah số tiền ý

Nếu làm đúng như hướng dẫn và không sửa bất kỳ template nào thì chả bao giờ bị lỗi đó.
  Bài viết hay nhất50
[You must be registered and logged in to see this link.]
markai30 wrote:[You must be registered and logged in to see this link.]
Kin wrote:MARKAII , trước Méo có chèn code gì đó để khỏi bị Nah số tiền ý

Nếu làm đúng như hướng dẫn và không sửa bất kỳ template nào thì chả bao giờ bị lỗi đó.
thế là mình phải sử dụng skin mặc định xấu òm mới có shop gunny sao anh T.T
  Bài viết hay nhất51
You cannot reply to topics in this forum