[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 Empty [AddOn] Criar loja de ícones

Mensagem por Daemon em 22.05.15 3:25


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
[AddOn] Criar loja de ícones MnKcScf
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 15:42, editado 6 vez(es)
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1131
Pontos Ativos : 1829

http://bestskins.forumeiros.com/
  • 0

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por JScript em 22.05.15 3:28

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

JS
JScript

JScript
Membro do Fórum

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

http://jscript.forumeiros.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Daemon em 22.05.15 3:48

@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
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1131
Pontos Ativos : 1829

http://bestskins.forumeiros.com/
  • 0

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Shaman em 22.05.15 4:28

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
Shaman

Shaman
Membro do Fórum

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

http://brasilplayvicio.com.br
  • 0

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por MateusA em 22.05.15 11:28

"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
MateusA

MateusA
Hiperativo

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

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Daemon em 22.05.15 11:47

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


Até! Rosa
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1131
Pontos Ativos : 1829

http://bestskins.forumeiros.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Troubleshoot em 22.05.15 14:00

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 17:26, editado 1 vez(es)
Troubleshoot

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2231
Pontos Ativos : 2997

http://guiatecnico.ativo-forum.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Shaman em 22.05.15 15:02

@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
Shaman

Shaman
Membro do Fórum

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

http://brasilplayvicio.com.br

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Mauricio Molina em 22.05.15 15:41

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

Dai elas teriam estes ícones adicionadas ao seu perfil?

Obrigado!
Mauricio Molina

Mauricio Molina
Usuário destaque

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

http://aquapeixes.forumeiros.com/forum.htm

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Shaman em 22.05.15 15:46

@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: https://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.
Shaman

Shaman
Membro do Fórum

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

http://brasilplayvicio.com.br

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Mauricio Molina em 22.05.15 15:54

Entendi, muito obrigado!
Mauricio Molina

Mauricio Molina
Usuário destaque

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

http://aquapeixes.forumeiros.com/forum.htm

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por cocas20 em 22.05.15 16:20

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
cocas20

cocas20
Nível 10

Masculino
Inscrito dia : 01/11/2014
Mensagens : 278
Pontos Ativos : 365

http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por JScript em 22.05.15 16:23

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

JS
JScript

JScript
Membro do Fórum

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

http://jscript.forumeiros.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por cocas20 em 22.05.15 16:44

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

cocas20
Nível 10

Masculino
Inscrito dia : 01/11/2014
Mensagens : 278
Pontos Ativos : 365

http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Daemon em 22.05.15 16:58

@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
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1131
Pontos Ativos : 1829

http://bestskins.forumeiros.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por IsmaelS. em 22.05.15 19:17

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4145

http://suporte-design.forumeiros.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por KauanPixel em 22.05.15 19:23

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

KauanPixel
Nível 5

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

http://hbpixelacao.forumeiros.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por MateusA em 22.05.15 20:18

@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
MateusA

MateusA
Hiperativo

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

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por IsmaelS. em 22.05.15 20:44

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 20:58, editado 1 vez(es) (Razão : Evite "citar" postagens que tornem o tópico "enorme" desnecessáriamente ok?)
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4145

http://suporte-design.forumeiros.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Daemon em 23.05.15 2:04

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

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1131
Pontos Ativos : 1829

http://bestskins.forumeiros.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por cocas20 em 23.05.15 12:00

@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
cocas20

cocas20
Nível 10

Masculino
Inscrito dia : 01/11/2014
Mensagens : 278
Pontos Ativos : 365

http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Daemon em 23.05.15 12:50

@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
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1131
Pontos Ativos : 1829

http://bestskins.forumeiros.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por cocas20 em 23.05.15 16:06

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

cocas20
Nível 10

Masculino
Inscrito dia : 01/11/2014
Mensagens : 278
Pontos Ativos : 365

http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Daemon em 23.05.15 16:57

@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
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1131
Pontos Ativos : 1829

http://bestskins.forumeiros.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por cocas20 em 23.05.15 17:07

@Daemon Gostei recomendo esse codigo Feliz
Obrigado
cocas20

cocas20
Nível 10

Masculino
Inscrito dia : 01/11/2014
Mensagens : 278
Pontos Ativos : 365

http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por VitorC. em 02.07.15 0:48

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

VitorC.
Super usuário

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

http://nolabels.forumeiros.com

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Shaman em 02.07.15 1:43

@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!
Shaman

Shaman
Membro do Fórum

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

http://brasilplayvicio.com.br

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Holkis em 13.07.15 3:15

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

Holkis
Super usuário

Masculino
Inscrito dia : 21/04/2015
Mensagens : 3532
Pontos Ativos : 4237

http://www.holkis.net/ https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Holkis em 16.07.15 15:37

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

Holkis
Super usuário

Masculino
Inscrito dia : 21/04/2015
Mensagens : 3532
Pontos Ativos : 4237

http://www.holkis.net/ https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por RafaelS. em 16.07.15 15:44

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


Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Admineiros Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Admineiros Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Admineiros Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"O importante não é vencer todos os dias, mas lutar sempre."
[AddOn] Criar loja de ícones 1163
RafaelS.

RafaelS.
Admineiro
Admineiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 5226
Pontos Ativos : 6119

http://techmais.forumeiros.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por GM_Bardock15 em 09.08.15 22:22

O meu não esta dando certo
GM_Bardock15

GM_Bardock15
Novo membro

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

http://hackinggamevip.forumeiros.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por motinhas em 02.09.15 6:05

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

motinhas
Nível 3

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

http://clubeclash.forumbrasil.net

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Shek em 02.09.15 13:14

@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
Shek

Shek
Membro profissional
Membro profissional

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18513
Pontos Ativos : 22287

https://shiftactive.blogspot.com https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por motinhas em 02.09.15 14:14

motinhas

motinhas
Nível 3

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

http://clubeclash.forumbrasil.net

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Master A em 03.11.15 23:23

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.
Master A

Master A
Nível 2

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

https://ajuda.forumeiros.com

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Fraise em 03.11.15 23:25

@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
Fraise

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6303
Pontos Ativos : 7762

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por HilterHP em 05.11.15 2:56

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

HilterHP
Nível 10

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

http://htttp://inativoforumhilter.forumeiros.com

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Fraise em 05.11.15 3:15

@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
Fraise

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6303
Pontos Ativos : 7762

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Jhonn Walked em 15.11.15 21:23

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

Jhonn Walked
Nível 7

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

http://barao.livreforum.com

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Allenkar_ em 15.11.15 23:53

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>
Allenkar_

Allenkar_
Nível 7

Masculino
Inscrito dia : 01/05/2014
Mensagens : 90
Pontos Ativos : 146

http://poke-mind.forumeiros.com

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Aesth em 18.12.15 21:30

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

Aesth
Nível 1

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

http://www.caelum-online.forumeiros.com

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Admin Easy Cheats em 22.01.16 3:10

irei testar obrigado!
Admin Easy Cheats

Admin Easy Cheats
Nível 3

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

http://easycheats.forumbom.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por cocas20 em 12.02.16 19:53

Não funciona =/
cocas20

cocas20
Nível 10

Masculino
Inscrito dia : 01/11/2014
Mensagens : 278
Pontos Ativos : 365

http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por YouTube3 em 05.03.16 9:56

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

YouTube3
Membro do Fórum

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

https://ajuda.forumeiros.com

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por RafaelS. em 05.03.16 10:21

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


Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Admineiros Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Admineiros Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Admineiros Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"O importante não é vencer todos os dias, mas lutar sempre."
[AddOn] Criar loja de ícones 1163
RafaelS.

RafaelS.
Admineiro
Admineiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 5226
Pontos Ativos : 6119

http://techmais.forumeiros.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por YouTube3 em 05.03.16 10:29

Entendi vlw @RafaelS.
YouTube3

YouTube3
Membro do Fórum

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

https://ajuda.forumeiros.com

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por cocas20 em 01.09.16 0:10

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

cocas20
Nível 10

Masculino
Inscrito dia : 01/11/2014
Mensagens : 278
Pontos Ativos : 365

http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Hancki em 07.09.16 21:22

@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

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8125
Pontos Ativos : 12139

https://ajuda.forumeiros.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por cocas20 em 07.09.16 22:15

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

cocas20
Nível 10

Masculino
Inscrito dia : 01/11/2014
Mensagens : 278
Pontos Ativos : 365

http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/

[AddOn] Criar loja de ícones Empty Re: [AddOn] Criar loja de ícones

Mensagem por Heishiro em 08.09.16 5:53

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

Heishiro
Nível 2

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

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