[AddOn] Criar loja de ícones

Página 1 de 2 1, 2  Seguinte

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


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

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

Re: [AddOn] Criar loja de ícones

Mensagem por JScript em 21/05/15, 11:28 pm

Ok, mas precisa trocar a descrição:
Este plugin dá a liberdade de criar tags bbcode com suas respectivas substituições em HTML.

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1901

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

Re: [AddOn] Criar loja de ícones

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

@JScript escreveu:Ok, mas precisa trocar a descrição:
Este plugin dá a liberdade de criar tags bbcode com suas respectivas substituições em HTML.

JS
Já troquei JC! KKKKKKK
É que copiei o modelo do tópico de tags bbcode, e esqueci de trocar esta parte.

Valeu! Rindo
avatar

Daemon
Membro do Fórum

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

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

Re: [AddOn] Criar loja de ícones

Mensagem por Shaman em 22/05/15, 12:28 am

Essa loja está muito perfeita Daemon parabéns! A melhor que vi até agora ^^. Como eu queria já estar criando códigos JS destes tamanhos haha.

#BoraEstudar
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1787
Pontos Ativos : 2453

Ver perfil do usuário http://brasilplayvicio.com.br
  • 0

Re: [AddOn] Criar loja de ícones

Mensagem por MateusA em 22/05/15, 07:28 am

"Essa loja está muito perfeita Daemon parabéns! A melhor que vi até agora ^^. Como eu queria já estar criando códigos JS destes tamanhos haha."

Tamanho não é qualidade amigo. Quanto menor um script melhor. (Na minha visão) Mas, nesse caso, foi qualidade.  Muito feliz
A loja está ótima mesmo, meus parabéns. Rindo
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Re: [AddOn] Criar loja de ícones

Mensagem por Daemon em 22/05/15, 07:47 am

Muito obrigado pessoal... Caso tenham alguma sugestão, peço que comentem aqui.


Até! Rosa
avatar

Daemon
Membro do Fórum

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

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

Re: [AddOn] Criar loja de ícones

Mensagem por Troubleshoot em 22/05/15, 10:00 am

Obrigado Daemon pelo código!

@Daemon, pode me tirar uma dúvida?
É possível usar esse sistema para um e-commerce? 


Até!


Última edição por Troubleshoot em 22/05/15, 01:26 pm, editado 1 vez(es)
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2220
Pontos Ativos : 2972

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Re: [AddOn] Criar loja de ícones

Mensagem por Shaman em 22/05/15, 11:02 am

@MateusA escreveu:"Essa loja está muito perfeita Daemon parabéns! A melhor que vi até agora ^^. Como eu queria já estar criando códigos JS destes tamanhos haha."

Tamanho não é qualidade amigo. Quanto menor um script melhor. (Na minha visão) Mas, nesse caso, foi qualidade.  Muito feliz
A loja está ótima mesmo, meus parabéns. Rindo
Sim disse tamanho mas em variedade de funções e não tamanho ^^ mas você está certo! Muito feliz
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1787
Pontos Ativos : 2453

Ver perfil do usuário http://brasilplayvicio.com.br

Re: [AddOn] Criar loja de ícones

Mensagem por Mauricio Molina em 22/05/15, 11:41 am

Pessoal me tirem uma dúvida, a pessoa pagaria por estes ícones é isso?

Dai elas teriam estes ícones adicionadas ao seu perfil?

Obrigado!
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Re: [AddOn] Criar loja de ícones

Mensagem por Shaman em 22/05/15, 11:46 am

@Mauricio Molina escreveu:Pessoal me tirem uma dúvida, a pessoa pagaria por estes ícones é isso?

Dai elas teriam estes ícones adicionadas ao seu perfil?

Obrigado!

Seria por este sistema que você criaria uma "interatividade" em seu fórum: http://ajuda.forumeiros.com/t14012-

Eles comprariam, chegaria uma MP automática para você e em seguida o senhor iria ver se o membro que fez o pedido tem a quantidade de pontos. Caso sim, você adicionaria o item no perfil do mesmo (Caso for itens para o perfil que o senhor colocaria na loja) e iria retirar a quantidade de pontos do perfil da pessoa que fez o pedido.
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1787
Pontos Ativos : 2453

Ver perfil do usuário http://brasilplayvicio.com.br

Re: [AddOn] Criar loja de ícones

Mensagem por Mauricio Molina em 22/05/15, 11:54 am

Entendi, muito obrigado!
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Re: [AddOn] Criar loja de ícones

Mensagem por cocas20 em 22/05/15, 12:20 pm

Tenho uma sugestão que tal adicionar o total dos créditos a loja de cada membro ?
Exemplo o membro que for para comprar um icon ve se tem ou não creditos para comprar , se não tiver e tentar comprar aparecer uma mensagem a dizer que não tem créditos suficientes ... Que acham ? Deixo aqui a minha sugestão ! Feliz
avatar

cocas20
Nível 10

Masculino
Inscrito dia : 01/11/2014
Mensagens : 260
Pontos Ativos : 340

Ver perfil do usuário http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/

Re: [AddOn] Criar loja de ícones

Mensagem por JScript em 22/05/15, 12:23 pm

@cocas20
Bem observado! Vamos aguardar o @Daemon responder...

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1901

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

Re: [AddOn] Criar loja de ícones

Mensagem por cocas20 em 22/05/15, 12:44 pm

bem eu tento criar novos icons mas não funcionam alguem me ajuda ?
avatar

cocas20
Nível 10

Masculino
Inscrito dia : 01/11/2014
Mensagens : 260
Pontos Ativos : 340

Ver perfil do usuário http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/

Re: [AddOn] Criar loja de ícones

Mensagem por Daemon em 22/05/15, 12:58 pm

@cocas20 escreveu:Tenho uma sugestão que tal adicionar o total dos créditos a loja de cada membro ?
Exemplo o membro que for para comprar um icon ve se tem ou não creditos para comprar , se não tiver e tentar comprar aparecer uma mensagem a dizer que não tem créditos suficientes ... Que acham ? Deixo aqui a minha sugestão ! Feliz

Muito boa a ideia meu amigo... eu poderia deixar até automática a loja!
Vou fazer assim!!! Muito feliz
avatar

Daemon
Membro do Fórum

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

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

Re: [AddOn] Criar loja de ícones

Mensagem por IsmaelS. em 22/05/15, 03:17 pm

@cocas20 escreveu:bem eu tento criar novos icons mas não funcionam alguem me ajuda ?

Olá!

Também me está a acontecer o mesmo, não estou a conseguir a criar mais novos ícones...

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Re: [AddOn] Criar loja de ícones

Mensagem por KauanPixel em 22/05/15, 03:23 pm

IsmaelS cria um tópico de suporte lá na área Suporte pra ajudeiros te ajudaram,
Até, Tchau
avatar

KauanPixel
Nível 5

Masculino
Inscrito dia : 28/12/2014
Mensagens : 57
Pontos Ativos : 89

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

Re: [AddOn] Criar loja de ícones

Mensagem por MateusA em 22/05/15, 04:18 pm

@IsmaelS, aqui fica normal..
http://prntscr.com/786zx7



Ex:
Código:
<script type="text/javascript">
  $(function() {
  var produtos = {

    // Nota: Adicione uma vírgula ao final de cada nova entrada
  
     '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'
     },
  
  'Gold Star3': {
    icone: 'http://i.imgur.com/taaL40o.png',
    preco: '200',
    descricao: 'Stars WHOA'
}
  
    // Nota: Não adicione vírgula ao final da última entrada
  
  };
  
  
  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>'
          );
      });
  });
  var $total = 0;
  function addToCart(item) {
    var getItem = $(item).parents('.item').find('.nome').text();
    var getPrice = parseFloat($(item).parents('.item').find('.preco').attr('data-myprice'));
    $total += getPrice;
    $('.total').html('Valor total: ' + $total + ' pontos');
    $('.cart').append('<span class="item-cart" onclick="removeFromCart(this)" data-myprice="' + getPrice + '">' + getItem + '</span>');
  }
  function removeFromCart(item) {
    var getPrice = parseFloat($(item).attr('data-myprice'));
    $total -= getPrice;
    $('.total').html('Valor total: ' + $total + ' pontos');
    $(item).remove();
  }
  function buyItems() {
    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';
    jQuery.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");
    });
  }
</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 {font-size: 13px;margin-top: 5px;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="total"></span>
</div>
<div class="daemon">
  <input type="button" value="Concluir compra" onclick="buyItems()" />
</div>


@Daemon, sugestões:
Quando clicamos no "Confirmar":
Poderia exibir apenas um alert e, depois um return false. Assim, pessoas com net "lenta" não vão ser surpreendidos com dois alertas ou mais.


Novo botão: "Comprar mais ou Reiniciar":
Ele faria basicamente o que diz o nome, reiniciaria a compra. (Só seria visível depois do click no botão confirmar)
É claro que, ao reiniciar, os itens sairiam.
http://prntscr.com/7873fl


Itens demasiados:
Talvez uma 'seta', que alternasse entre os itens mudando o HTML seria bom. O porque é: "Se fosse trinta itens, seria extenso demais". Muito feliz
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Re: [AddOn] Criar loja de ícones

Mensagem por IsmaelS. em 22/05/15, 04:44 pm

Olá!

Obrigado amigo, mas o problema foi meu estava a colocar os novos itens como o mesmo nome do anterior ou seja:
Código:
    'Charmander': {
         icone: 'http://i72.servimg.com/u/f72/18/07/42/17/shop_i33.png',
         preco: '250',
         descricao: 'Pokemón tipo fogo'
     },
  
     'Charmander': {
         icone: 'http://i72.servimg.com/u/f72/18/07/42/17/shop_i33.png',
         preco: '250',
         descricao: 'Pokemón tipo fogo'
     },
  

E não se pode repetir o mesmo nome, e enquanto as suas sugestões seria óptimo!


Última edição por JScript em 22/05/15, 04:58 pm, editado 1 vez(es) (Razão : Evite "citar" postagens que tornem o tópico "enorme" desnecessáriamente ok?)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Re: [AddOn] Criar loja de ícones

Mensagem por Daemon em 22/05/15, 10:04 pm

Foram adicionadas algumas novas funções... espero que gostem!!!
Obrigado pelas sugestões! Rosa
avatar

Daemon
Membro do Fórum

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

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

Re: [AddOn] Criar loja de ícones

Mensagem por cocas20 em 23/05/15, 08:00 am

@Daemon

A unica alteração que vi foi " resetar os items "
Podia dizer o que modificou mais ?
E será que podia adicionar o codigo dos creditos para o membro ver quantos créditos tem ? seria uma boa sugestão
avatar

cocas20
Nível 10

Masculino
Inscrito dia : 01/11/2014
Mensagens : 260
Pontos Ativos : 340

Ver perfil do usuário http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/

Re: [AddOn] Criar loja de ícones

Mensagem por Daemon em 23/05/15, 08:50 am

@cocas20 escreveu:@Daemon

A unica alteração que vi foi " resetar os items "
Podia dizer o que modificou mais ?
E será que podia adicionar o codigo dos creditos para o membro ver quantos créditos tem ? seria uma boa sugestão

Esta foi uma das alterações... a outra, foi um problema que corrigi!
Quando clicava em enviar, mesmo sem ítens no carrinho, ele enviava a MP ao adm! Já foi corrigido!
Outra coisa, é que o código faz uma busca no perfil do membro pra saber se ele tem pontos suficientes para efetuar a compra, caso contrário, será emitido um alerta "Você não tem pontos suficiente para efetuar a compra"! Piscada
avatar

Daemon
Membro do Fórum

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

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

Re: [AddOn] Criar loja de ícones

Mensagem por cocas20 em 23/05/15, 12:06 pm

Sim mas o eu quero tou a dizer , é que podia colocar o codigo dos créditos para o membro saber quantos créditos tem .
Seria bom para informar o membro .
avatar

cocas20
Nível 10

Masculino
Inscrito dia : 01/11/2014
Mensagens : 260
Pontos Ativos : 340

Ver perfil do usuário http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/

Re: [AddOn] Criar loja de ícones

Mensagem por Daemon em 23/05/15, 12:57 pm

@cocas20 escreveu:Sim mas o eu quero tou a dizer , é que podia colocar o codigo dos créditos para o membro saber quantos créditos tem .
Seria bom para informar o membro .
Foi adicionado! Piscada
avatar

Daemon
Membro do Fórum

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

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

Re: [AddOn] Criar loja de ícones

Mensagem por cocas20 em 23/05/15, 01:07 pm

@Daemon Gostei recomendo esse codigo Feliz
Obrigado
avatar

cocas20
Nível 10

Masculino
Inscrito dia : 01/11/2014
Mensagens : 260
Pontos Ativos : 340

Ver perfil do usuário http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/

Re: [AddOn] Criar loja de ícones

Mensagem por VitorC. em 01/07/15, 08:48 pm

Olá @Daemon,

que tal um botão 'Sair da loja' e ao clicá-lo abriria um pop-up dizendo algo do tipo: 'Tem certeza que você deseja sair?' e se clicar sim direciona o usuário para um link?

Até mais! zen
avatar

VitorC.
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3795
Pontos Ativos : 4935

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

Re: [AddOn] Criar loja de ícones

Mensagem por Shaman em 01/07/15, 09:43 pm

@VitorC. escreveu:Olá @Daemon,

que tal um botão 'Sair da loja' e ao clicá-lo abriria um pop-up dizendo algo do tipo: 'Tem certeza que você deseja sair?' e se clicar sim direciona o usuário para um link?

Até mais! zen

Eu consegui fazer o sistema de sair da loja, veja se gosta Vitor:

Código:
<script type="text/javascript">
  $(function() {
  var produtos = {
 
 
    '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'
    }
 
 
  };
 
 
  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>
<input id="sairdaloja" type="button" value="SAIRDALOJA">

<script>
$(function(){
$('#sairdaloja').click(function(){
var shaman = confirm("Tem certeza que você deseja sair?");
if(shaman === true) {
window.location= "http://www.linkdoredirecionamento.com";
}
else
{
alert("Você cancelou :D")
}
});
});

</script>



Em www.linkdoredirecionamento.com você coloca o link que o usuário será redirecionado quando clicar em OK ^^

O botão sair da loja está com a ID sairdaloja, para personalizar o mesmo é só criar um novo CSS com:

Código:
#sairdaloja {
 Estrutura do botão
}

Até mais!
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1787
Pontos Ativos : 2453

Ver perfil do usuário http://brasilplayvicio.com.br

Re: [AddOn] Criar loja de ícones

Mensagem por Holkis em 12/07/15, 11:15 pm

Olá,

Veja o código:
Código:
<script type="text/javascript">
  $(function() {
  var produtos = {
 
 
    'Soneca': {
        icone: 'http://png-5.findicons.com/files/icons/2169/picnic/70/asleep.png',
        preco: '25',
        descricao: 'Soneca'
    },
 
    'Maze Finger': {
        icone: 'http://png-1.findicons.com/files/icons/2169/picnic/70/mazefinger.png',
        preco: '25',
        descricao: 'Maze Finger'
    },
 
    'Car': {
        icone: 'http://png-1.findicons.com/files/icons/2169/picnic/70/car.png',
        preco: '25',
        descricao: 'Passeio de arro'
    },
 
 'Doctor': {
        icone: 'http://png-5.findicons.com/files/icons/2169/picnic/70/chemicaltouch.png',
        preco: '25',
        descricao: 'Doctor maluco'
    },

'Guitarra': {
        icone: 'http://png-1.findicons.com/files/icons/2169/picnic/70/guitarist.png',
        preco: '25',
        descricao: 'Guitarrista'
    },

  'Preso': {
        icone: 'http://png-1.findicons.com/files/icons/2169/picnic/70/cydiapurple.png',
        preco: '25',
        descricao: 'Preso'
    },

'Pena': {
      icone: 'http://png-4.findicons.com/files/icons/1070/software/72/adobe_photoshop.png',
      preço: '50'
      descrição: 'Pena do PS'
  };
 
 
  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>

Bem, fiz o meu próprio shop com ícones. Mas ao editar não aparece os ícones.
O que pode ser?

Atenciosamente.
avatar

Holkis
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 21/04/2015
Mensagens : 3509
Pontos Ativos : 4208

Ver perfil do usuário http://www.holkis.net/ https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA

Re: [AddOn] Criar loja de ícones

Mensagem por Holkis em 16/07/15, 11:37 am

@Daemon Outro erro está também acontecendo. Ao confirmar o pedido, não é enviado uma MP. O que poderia ser?
avatar

Holkis
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 21/04/2015
Mensagens : 3509
Pontos Ativos : 4208

Ver perfil do usuário http://www.holkis.net/ https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA

Re: [AddOn] Criar loja de ícones

Mensagem por RafaelS. em 16/07/15, 11:44 am

@Holkis,

Este tópico serve para relatar os bugs, sugerir melhorias, e comentar deixando um feedback para o autor. Se você deseja receber suporte em relação a isto você deve se dirigir ao setor se suporte, ok? OK

Atenciosamente.
avatar

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3189
Pontos Ativos : 4136

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

Re: [AddOn] Criar loja de ícones

Mensagem por GM_Bardock15 em 09/08/15, 06:22 pm

O meu não esta dando certo
avatar

GM_Bardock15
Novo membro

Masculino
Inscrito dia : 08/08/2015
Mensagens : 1
Pontos Ativos : 3

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

Re: [AddOn] Criar loja de ícones

Mensagem por motinhas em 02/09/15, 02:05 am

Deu certo. Mas o shop está como se fosse uma visualização, faço a compra e nada acontece. Como procede...
avatar

motinhas
Nível 3

Masculino
Inscrito dia : 25/08/2015
Mensagens : 17
Pontos Ativos : 38

Ver perfil do usuário http://clubeclash.forumbrasil.net

Re: [AddOn] Criar loja de ícones

Mensagem por Shek em 02/09/15, 09:14 am

@motinhas escreveu:Deu certo. Mas o shop está como se fosse uma visualização, faço a compra e nada acontece. Como procede...
Bom dia.

Motinhas, crie uma questão no setor de suporte, pois, não fornecemos suporte aos scripts neste subfórum.

Obrigado. Feliz

Atenciosamente,
Shek King


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek — Ajudeiro
avatar

Shek
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17453
Pontos Ativos : 21694

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

Re: [AddOn] Criar loja de ícones

Mensagem por motinhas em 02/09/15, 10:14 am

avatar

motinhas
Nível 3

Masculino
Inscrito dia : 25/08/2015
Mensagens : 17
Pontos Ativos : 38

Ver perfil do usuário http://clubeclash.forumbrasil.net

Re: [AddOn] Criar loja de ícones

Mensagem por Master A em 03/11/15, 09:23 pm

Bom em meu fórum não resultou , ele não aparece os itens, só aparece o botão compra e rezetar e aparece LOJA e o carrinho e mais nada os produtos não aparecem nem opção comprar que fica ao lado do produto peço ajuda pois a meses procuro algo do tipo e só hoje pudi encontrar e não resultou , me ajudem uso a versão phpbb3 se aluém tiver o mesmo problema seria bom me avisar por mp , grato.
avatar

Master A
Nível 2

Masculino
Inscrito dia : 03/11/2015
Mensagens : 6
Pontos Ativos : 8

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

Re: [AddOn] Criar loja de ícones

Mensagem por Fraise em 03/11/15, 09:25 pm

@Master A escreveu:Bom em meu fórum não resultou , ele não aparece os itens, só aparece o botão compra e rezetar  e aparece LOJA  e o carrinho e mais nada os produtos não aparecem nem opção comprar que fica ao lado do produto peço ajuda pois a meses procuro algo do tipo e só hoje pudi encontrar e não resultou , me ajudem uso a versão phpbb3 se aluém tiver o mesmo problema seria bom me avisar por mp , grato.
Olá @Master A!

Por gentileza, crie um tópico no setor de suporte para que nós o possamos ajudar. Muito feliz

Com os melhores cumprimentos,
Fraise


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Moderadeiro
avatar

Fraise
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5305
Pontos Ativos : 6975

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Re: [AddOn] Criar loja de ícones

Mensagem por HilterHP em 05/11/15, 12:56 am

Quando clico em enviar, não recebo a mensagem privada
avatar

HilterHP
Nível 10

Masculino
Inscrito dia : 24/02/2014
Mensagens : 257
Pontos Ativos : 409

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

Re: [AddOn] Criar loja de ícones

Mensagem por Fraise em 05/11/15, 01:15 am

@HilterHP escreveu:Quando clico em enviar, não recebo a mensagem privada
Olá @HilterHP!

Por gentileza, crie um tópico no setor de suporte para que nós o possamos ajudar. Muito feliz

Com os melhores cumprimentos,
Fraise


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Moderadeiro
avatar

Fraise
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5305
Pontos Ativos : 6975

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Re: [AddOn] Criar loja de ícones

Mensagem por Jhonn Walked em 15/11/15, 07:23 pm

Consegui adicionar mais de 12 icones vejam : http://barao.livreforum.com/h11-

Jhonn Walked
Nível 7

Masculino
Inscrito dia : 07/11/2015
Mensagens : 84
Pontos Ativos : 121

Ver perfil do usuário http://barao.livreforum.com

Re: [AddOn] Criar loja de ícones

Mensagem por Allenkar_ em 15/11/15, 09:53 pm

Olá,
eu utilizei o código e funcionou beleza, mas fui fazer o teste, quando o membro comprou, não chegou a mensagem para mim informando os itens comprados e nem o valor de pontos gastos. Alguém me ajuda?

Segue abaixo o código da minha loja:

Código:
<script type="text/javascript">
  $(function() {
  var produtos = {

    'Amulet Coin': {
        icone: 'http://cdn.bulbagarden.net/upload/f/f9/Bag_Amulet_Coin_VI_Sprite.png',
        preco: '150',
        descricao: 'Dobra o valor de dinheiro ganho na Jornada'
    },
 
    'Lucky Egg': {
        icone: 'http://www.serebii.net/itemdex/sprites/luckyegg.png',
        preco: '250',
        descricao: 'Gera um ganho extra de 50% em Lvl ganho pelo Pokémon que o segurar'
    },
 
    'Mega Bracelet': {
        icone: 'http://cdn.bulbagarden.net/upload/3/3e/Bag_Mega_Bracelet_Sprite.png',
        preco: '900',
        descricao: 'Tem a capacidade mega evoluir um pokémon quando este equipado com uma pedra especial'
    },

  'Master Ball': {
        icone: 'http://cdn.bulbagarden.net/upload/6/6d/Bag_Master_Ball_Sprite.png',
        preco: '1000',
        descricao: 'Captura qualquer pokémon sem linha de batalha'
    },
   
  'Raro Shiny': {
        icone: 'http://www.pkparaiso.com/imagenes/xy/sprites/animados-shiny/ditto.gif',
        preco: '1500',
        descricao: 'Compre qualquer pokémon Pokémon Raro Shiny!'
    },
  };
 
 
  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 de Pontos</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 onclick="buyItems()" value="Concluir compra" type="button" />  <input onclick="resetItems()" value="Resetar ítens" type="button" />
</div>
avatar

Allenkar_
Nível 7

Masculino
Inscrito dia : 30/04/2014
Mensagens : 90
Pontos Ativos : 146

Ver perfil do usuário http://poke-mind.forumeiros.com

Re: [AddOn] Criar loja de ícones

Mensagem por Aesth em 18/12/15, 07:30 pm

Olá Daemon!

Primeiramente, amei seu AddOn! Já o coloquei em meu fórum, mas gostaria de relatar um Bug. Ao realizar a compra, nenhuma MP está sendo enviada aos Administradores.

Sugestão: E não é possível fazer um sistema parecido com a rolagem de dados? Um usuário em especial vai até o tópico e realiza a rolagem. O mesmo podia acontecer com o preço do item que é descontado dos pontos do usuário que solicitou a compra. Neste caso em especial a pessoa selecionaria o Perfil de um Adm para estar executando essa ação.
avatar

Aesth
Nível 1

Masculino
Inscrito dia : 18/12/2015
Mensagens : 4
Pontos Ativos : 9

Ver perfil do usuário http://www.caelum-online.forumeiros.com

Re: [AddOn] Criar loja de ícones

Mensagem por Admin Easy Cheats em 22/01/16, 01:10 am

irei testar obrigado!
avatar

Admin Easy Cheats
Nível 3

Feminino
Inscrito dia : 25/07/2012
Mensagens : 21
Pontos Ativos : 39

Ver perfil do usuário http://easycheats.forumbom.com/

Re: [AddOn] Criar loja de ícones

Mensagem por cocas20 em 12/02/16, 05:53 pm

Não funciona =/
avatar

cocas20
Nível 10

Masculino
Inscrito dia : 01/11/2014
Mensagens : 260
Pontos Ativos : 340

Ver perfil do usuário http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/

Re: [AddOn] Criar loja de ícones

Mensagem por YouTube3 em 05/03/16, 06:56 am

@Daemon uma dúvida como faz para entregar os itens para o membro?
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1595

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

Re: [AddOn] Criar loja de ícones

Mensagem por RafaelS. em 05/03/16, 07:21 am

@YouTube3, isso você tem de fazer manualmente. O código envia o pedido do membro para o administrador, que por sua vez, terá de atribuir os diferentes produtos de forma manual. O sistema não faz isso.

Até mais.
avatar

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3189
Pontos Ativos : 4136

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

Re: [AddOn] Criar loja de ícones

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

Entendi vlw @RafaelS.
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1595

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.
avatar

cocas20
Nível 10

Masculino
Inscrito dia : 01/11/2014
Mensagens : 260
Pontos Ativos : 340

Ver perfil do usuário http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.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
avatar

Hancki
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8070
Pontos Ativos : 12062

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...
avatar

cocas20
Nível 10

Masculino
Inscrito dia : 01/11/2014
Mensagens : 260
Pontos Ativos : 340

Ver perfil do usuário http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.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
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/

Página 1 de 2 1, 2  Seguinte

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


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