[AddOn] Criar loja de ícones

Página 2 de 2 Anterior  1, 2

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

[AddOn] Criar loja de ícones

Mensagem por Daemon em 21/05/15, 11:25 pm

Relembrando a primeira mensagem :


Criar loja de ícones
Aprenda a adicionar uma loja de ícones em seu fórum.
Características e aplicação
Criador: @Daemon
Versão: 1.2
Versão: Todas as versões
Resultado da aplicação
Local de instalação
A instalação é única, e pode ser feita apenas criando uma nova página HTML. Para isso, acesse Painel de Controle ->> Módulos >> HTML e Javascript >> Gestão das páginas HTML >> Crie a página, e adicione o seguinte conteúdo:
Código:
<script type="text/javascript">
  $(function() {
  var produtos = {

    /* Ícones da loja abaixo.
    Lembre-se de adicionar uma vírgula ao final de cada novo ítem adicionado.
    Não adicione vírgula após o último ítem adicionado. */
   
    'Gold Star': {
        icone: 'http://i.imgur.com/taaL40o.png',
        preco: '200',
        descricao: 'Stars WHOA'
    },
  
    'Helmet': {
        icone: 'http://png.findicons.com/files/icons/2169/picnic/70/helmet2.png',
        preco: '250',
        descricao: 'Capacete de batalha'
    },
  
    'Charmander': {
        icone: 'http://i72.servimg.com/u/f72/18/07/42/17/shop_i33.png',
        preco: '250',
        descricao: 'Pokemón tipo fogo'
    }
    // Perceba que não existe vírgula após o último ítem. Caso queira adicionar mais ítens após o último, adicione uma vírgula logo após a chave "}". Lembre-se de deixar apenas o último ítem sem vírgula ao final.
  
  
  };
  
  
  var content = $('.content .itens');
      $.each(produtos, function (key, value) {
          content.append(
          '<tr class="item">' +
          '  <td class="icone" style="width: 10%;"><img src="' + value.icone + '" /></td>' +
          '  <td style="width: 50%;"><strong class="nome">' + key + '</strong><br /><br />' + value.descricao + '</td>' +
          '  <td>' +
          '  <ul>' +
          '  <li class="preco" data-myprice="' + value.preco + '"><img src="http://i.imgur.com/qdiucii.png" /> Preço: ' + value.preco + ' pontos</li>' +
          '  <br />' +
          '  <li><input type="button" onclick="addToCart(this)" value="Adicionar ao carrinho" /></li>' +
     '  </ul>' +
          '  </td>' +
          '</tr>'
          );
      });
      $.ajax({
        url: '/u' + _userdata.user_id,
        type: 'GET',
        success: function(responseHtml)
        {
        var myPoints = $('#field_id-13 dd', responseHtml).text();
        $('.myPoints').html('Meu saldo de pontos: <span class="totalPoints">' + myPoints + '</span>');
        },
        error: function(err)
        {
          console.log("AJAX error in request (Store points)");
        }
      });
  });
  var $total = 0;
  function addToCart(item) {
    var getItem = $(item).parents('.item').find('.nome').text();
    var getPrice = parseInt($(item).parents('.item').find('.preco').attr('data-myprice'));
    $total += getPrice;
    $('.total').html('Valor total: <span class="totalVal">' + $total + '</span> pontos');
    $('.cart').append('<span class="item-cart" onclick="removeFromCart(this)" data-myprice="' + getPrice + '">' + getItem + '</span>');
  }
  function removeFromCart(item) {
    var getPrice = parseInt($(item).attr('data-myprice'));
    $total -= getPrice;
    $('.total').html('Valor total: <span class="totalVal">' + $total + '</span> pontos');
    $(item).remove();
  }
  function resetItems() {
    $('.cart').empty();
    $total = 0;
    $('.total').empty();
  }
  function buyItems() {
    if(!$('.cart').is(':empty')) {
      var valPoints = parseInt($('.totalPoints').text());
      var valTotal = parseInt($('.totalVal').text());
      if(valPoints >= valTotal) {
      var texto = '';
      var total = 0;
      $('.item-cart').each(function() {
        var item = $(this).text();
        var preco = parseInt($(this).attr('data-myprice'));
        texto += '[b]' + item.charAt(0).toUpperCase() + item.slice(1)
        //add line break at the end
        + ':[/b] ' + preco + " pontos\n";
        total += preco;
      });
      texto += '\n\n[b]Valor total:[/b] ' + total + ' pontos';
      $.post('/privmsg', {
            'mode': 'post',
            'post': '1',
            'folder': 'inbox',
            'usergroup': '1',
            'subject': 'Pedido da loja',
            'message': texto
      }).done(function() {
        alert("Seu pedido foi enviado! Aguarde até que um administrador adicione seus ítens");
        resetItems();
      });
      } else {
        alert("Você não tem pontos suficiente para efetuar a compra");
      }
    } else {
      alert("O carrinho está vazio");
    }
  }
</script>
<style type="text/css">
table.content {
  background: #fafafa;
  border: 1px solid #eaeaea;
  border-collapse: separate;
  empty-cells: show;
  table-layout: fixed;
  width: 100%;
}
.itens .nome {font-size: 14px;}
.itens .icone {
text-align: center;
}
.itens .icone img {
  height: 50px;
  width: 50px;
}
.item-cart {
  background: orange url(https://cdn0.iconfinder.com/data/icons/very-basic-android-l-lollipop-icon-pack/24/close-16.png) no-repeat 5px;
  margin: 3px 4px;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 5px;
  padding-left: 25px;
  color: white;
  border-radius: 3px;
}
table.content tr td {padding: 10px;background: #f0f0f0;border-bottom: 1px solid #e0e0e0;}
.itens ul li {list-style-type: none;}
.daemon {
  background: #333;
  text-align: center;
  padding: 10px;
}
#cart {
  background: #f0f0f0;
  border: 1px solid #e0e0e0;
  margin-top: 5px;
  padding: 5px;
}
.cart {
  background: white url("https://cdn1.iconfinder.com/data/icons/flat-artistic-shopping-icons/32/shopping-32.png") no-repeat 10px center;
  min-height: 50px;
  padding-left: 55px;
  border: 1px solid #ddd;
}
.total, .myPoints {font-size: 13px;display: block;margin-top: 5px;font-family: arial;display: block;font-style: italic;font-weight: bold;}
</style>
<div class="daemon">
  <span style="color: white;font-size: 28px;font-weight: bold;">Loja</span>
</div>
<table class="content">
      <tbody class="itens"></tbody>
</table>
<div id="cart">
  <div class="cart"></div>
  <span class="myPoints"></span>
  <span class="total"></span>
</div>
<div class="daemon">
  <input type="button" value="Concluir compra" onclick="buyItems()" />
  <input type="button" value="Resetar ítens" onclick="resetItems()" />
</div>
Nome do ícone;
Ícone;
Preço;
Descrição.

Importante: Leia as notações no ínicio do código!


Última edição por Daemon em 13/11/15, 01:42 pm, editado 6 vez(es)
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

Ver perfil do usuário http://bestskins.forumeiros.com/

Re: [AddOn] Criar loja de ícones

Mensagem por YouTube3 em 05/03/16, 07:29 am

Entendi vlw @RafaelS.

YouTube3
Membro do Fórum

Inscrito dia : 04/01/2015
Mensagens : 1096

Ver perfil do usuário http://Ajuda.Forumeiros.com

Re: [AddOn] Criar loja de ícones

Mensagem por cocas20 em 31/08/16, 08:10 pm

Não funciona!
Diz que não tem pontos suficientes.

cocas20
Nível 9

Inscrito dia : 01/11/2014
Mensagens : 224

Ver perfil do usuário http://cyber-designer.forumeiros.com/

Re: [AddOn] Criar loja de ícones

Mensagem por Hancki em 07/09/16, 05:22 pm

@cocas20 escreveu:Não funciona!
Diz que não tem pontos suficientes.
Olá!

Comigo aconteceu o mesmo quando testei mesmo agora o código no meu fórum de testes... o código não conseguia obter o valor dos pontos. Aí eu analisei o código para perceber como e onde ele ia buscar o valor dos pontos... e descobri que o meu sistema de pontos estava desativado.

Para ativar, aceda a:
Painel de Controlo -> Módulos -> Pontos e reputação -> Sistema de Pontos
Procure pelo campo "Ativar o sistema de pontos". Marque a opção "Sim" e salve a modificação.

Deve resultar agora.

Hancki

Hancki
Principal contribuidor
Principal contribuidor

Inscrito dia : 03/10/2009
Mensagens : 8047

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Re: [AddOn] Criar loja de ícones

Mensagem por cocas20 em 07/09/16, 06:15 pm

Amigo no meu não funciona, ja criei um conta de teste e ta dando erro na mesma...

cocas20
Nível 9

Inscrito dia : 01/11/2014
Mensagens : 224

Ver perfil do usuário http://cyber-designer.forumeiros.com/

Re: [AddOn] Criar loja de ícones

Mensagem por Heishiro em 08/09/16, 01:53 am

existe algum modo de fazer esta loja nao usar pontos de forum e sim soh enviar a mensagem manualmente?
eh que tenho um forum de rpg e temos uma moeda queremos usar

ou seja queria que os itens fossem somente enviado os pedidos pro meu inbox e eu ativaria e descontaria manualmente

Heishiro
Nível 2

Inscrito dia : 06/09/2016
Mensagens : 11

Ver perfil do usuário http://fairytailimmortal.forumeiros.com/

Re: [AddOn] Criar loja de ícones

Mensagem por Hancki em 08/09/16, 08:43 am

@cocas20 escreveu:Amigo no meu não funciona, ja criei um conta de teste e ta dando erro na mesma...
Acabei de testar novamente e funciona na perfeição.

@Heishiro escreveu:existe algum modo de fazer esta loja nao usar pontos de forum e sim soh enviar a mensagem manualmente?
eh que tenho um forum de rpg e temos uma moeda queremos usar

ou seja queria que os itens fossem somente enviado os pedidos pro meu inbox e eu ativaria e descontaria manualmente
Se essa moeda for um campo de perfil ou o valor ficar registado no perfil de cada usuário, podemos usar isso em vez dos pontos do fórum Feliz
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Re: [AddOn] Criar loja de ícones

Mensagem por Heishiro em 08/09/16, 03:01 pm

Sim sim eh um valor que fica no forum mas como eu nao manjo muito bem eu nao sei como colocar
avatar

Heishiro
Nível 2

Masculino
Inscrito dia : 06/09/2016
Mensagens : 11
Pontos Ativos : 17

Ver perfil do usuário http://fairytailimmortal.forumeiros.com/

Re: [AddOn] Criar loja de ícones

Mensagem por Shek em 08/09/16, 07:49 pm

@Heishiro escreveu:Sim sim eh um valor que fica no forum mas como eu nao manjo muito bem eu nao sei como colocar
Boa noite.

Por favor, aconselhamos que crie uma dúvida separada deste assunto para obter ajuda. Piscada

Atenciosamente,
Shek King


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Re: [AddOn] Criar loja de ícones

Mensagem por Luiz em 15/10/16, 04:06 pm

Adorei esse plugin. Ótimo! Piscada


Última edição por Luiz~ em 08/04/17, 07:14 pm, editado 1 vez(es)
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5814
Pontos Ativos : 6656

Ver perfil do usuário https://github.com/lffg/

Re: [AddOn] Criar loja de ícones

Mensagem por SSChaos em 30/11/16, 05:54 pm

Bug que eu encontrei em meu fórum:
- Os administradores não estão recebendo MP.

Sugestão.
- Usei um perfil teste no fórum pra comprar e consegui, mas os pontos não foram retirados do perfil depois da compra, o que faz com o que o usuário possa repetir a compra quantas vezes quiser.

Os pontos de reputação não podem ser alterados por adminstradores, então creio que usá-los como dinheiro possa ser um problema.
avatar

SSChaos
Nível 2

Feminino
Inscrito dia : 30/11/2016
Mensagens : 6
Pontos Ativos : 10

Ver perfil do usuário http://sschaos.forumeiros.com/

Re: [AddOn] Criar loja de ícones

Mensagem por Convidado em 12/03/17, 01:37 am

Não receber Mp -.-aff

Convidado
Convidado


Re: [AddOn] Criar loja de ícones

Mensagem por Daemon em 12/03/17, 04:41 pm

isadora991 escreveu:Não receber Mp -.-aff

Para que o código funcione, você precisa permitir o uso de formulários externos! Ative pelo painel!
Feliz
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

Ver perfil do usuário http://bestskins.forumeiros.com/

Re: [AddOn] Criar loja de ícones

Mensagem por Convidado em 12/03/17, 05:14 pm

@Daemon escreveu:
isadora991 escreveu:Não receber Mp -.-aff

Para que o código funcione, você precisa permitir o uso de formulários externos! Ative pelo painel!
Feliz

Pode mim dizer onde ativa

Convidado
Convidado


Re: [AddOn] Criar loja de ícones

Mensagem por BichodoMato em 04/04/17, 09:44 am

Gostei muito desse método, só tenho uma dúvida, é possível trocar os "Pontos" geridos na pagina por algum campo de RPG específico? Daqueles que aparecem na ficha do usuário?
avatar

BichodoMato
Usuário avançado

Masculino
Inscrito dia : 06/07/2013
Mensagens : 340
Pontos Ativos : 563

Ver perfil do usuário http://naruto-survival.forumeiros.com

Página 2 de 2 Anterior  1, 2

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum