[AddOn] Criar loja de ícones

+29
Mixeuzinho
BichodoMato
SSChaos
Luiz
Heishiro
Hancki
YouTube3
Admin Easy Cheats
Aesth
Allenkar_
Jhonn Walked
HilterHP
Fraise
Master A
Shek
motinhas
GM_Bardock15
RafaelS.
Holkis
VitorC.
KauanPixel
IsmaelS.
cocas20
Mauricio Molina
Troubleshoot
MateusA
Shaman
JScript
Daemon
33 participantes

Página 1 de 2 1, 2  Seguinte

Ir para baixo

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

Mensagem por Daemon 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
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por JScript 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
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por Daemon 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
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por Shaman 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
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

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

Mensagem por MateusA 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
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

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

Ir para o topo Ir para baixo

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

Mensagem por Daemon 22.05.15 11:47

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


Até! Rosa
Daemon
Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por Troubleshoot 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
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2235
Pontos : 3009

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

Ir para o topo Ir para baixo

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

Mensagem por Shaman 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
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

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

Mensagem por Mauricio Molina 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
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

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

Ir para o topo Ir para baixo

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

Mensagem por Shaman 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
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

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

Mensagem por Mauricio Molina 22.05.15 15:54

Entendi, muito obrigado!
Mauricio Molina
Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

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

Ir para o topo Ir para baixo

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

Mensagem por cocas20 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
****

Membro desde : 01/11/2014
Mensagens : 278
Pontos : 365

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

Ir para o topo Ir para baixo

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

Mensagem por JScript 22.05.15 16:23

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

JS
JScript
JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por cocas20 22.05.15 16:44

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

Membro desde : 01/11/2014
Mensagens : 278
Pontos : 365

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

Ir para o topo Ir para baixo

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

Mensagem por Daemon 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
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por IsmaelS. 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.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

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

Mensagem por KauanPixel 22.05.15 19:23

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

Membro desde : 28/12/2014
Mensagens : 57
Pontos : 89

http://hbpixelacao.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por MateusA 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
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

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

Ir para o topo Ir para baixo

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

Mensagem por IsmaelS. 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) (Motivo da edição : Evite "citar" postagens que tornem o tópico "enorme" desnecessáriamente ok?)
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

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

Mensagem por Daemon 23.05.15 2:04

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

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por cocas20 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
****

Membro desde : 01/11/2014
Mensagens : 278
Pontos : 365

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

Ir para o topo Ir para baixo

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

Mensagem por Daemon 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
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por cocas20 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
****

Membro desde : 01/11/2014
Mensagens : 278
Pontos : 365

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

Ir para o topo Ir para baixo

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

Mensagem por Daemon 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
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por cocas20 23.05.15 17:07

@Daemon Gostei recomendo esse codigo Feliz
Obrigado
cocas20
cocas20
****

Membro desde : 01/11/2014
Mensagens : 278
Pontos : 365

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

Ir para o topo Ir para baixo

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

Mensagem por VitorC. 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.
Hiper Membro

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Shaman 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
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

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

Mensagem por Holkis 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
Hiper Membro

Membro desde : 21/04/2015
Mensagens : 3550
Pontos : 4277

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

Ir para o topo Ir para baixo

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

Mensagem por Holkis 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
Hiper Membro

Membro desde : 21/04/2015
Mensagens : 3550
Pontos : 4277

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

Ir para o topo Ir para baixo

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

Mensagem por RafaelS. 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.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por GM_Bardock15 09.08.15 22:22

O meu não esta dando certo
GM_Bardock15
GM_Bardock15
Novo Membro

Membro desde : 08/08/2015
Mensagens : 1
Pontos : 3

http://hackinggamevip.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por motinhas 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
Novo Membro

Membro desde : 25/08/2015
Mensagens : 17
Pontos : 43

http://clubeclash.forumbrasil.net

Ir para o topo Ir para baixo

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

Mensagem por Shek 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
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

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

Ir para o topo Ir para baixo

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

Mensagem por motinhas 02.09.15 14:14

motinhas
motinhas
Novo Membro

Membro desde : 25/08/2015
Mensagens : 17
Pontos : 43

http://clubeclash.forumbrasil.net

Ir para o topo Ir para baixo

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

Mensagem por Master A 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
Novo Membro

Membro desde : 03/11/2015
Mensagens : 6
Pontos : 8

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Fraise 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
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

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

Mensagem por HilterHP 05.11.15 2:56

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

Membro desde : 25/02/2014
Mensagens : 257
Pontos : 409

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

Ir para o topo Ir para baixo

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

Mensagem por Fraise 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
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

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

Mensagem por Jhonn Walked 15.11.15 21:23

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

Membro desde : 07/11/2015
Mensagens : 84
Pontos : 121

http://barao.livreforum.com

Ir para o topo Ir para baixo

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

Mensagem por Allenkar_ 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_
**

Membro desde : 01/05/2014
Mensagens : 90
Pontos : 146

http://poke-mind.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Aesth 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
Novo Membro

Membro desde : 18/12/2015
Mensagens : 4
Pontos : 9

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

Ir para o topo Ir para baixo

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

Mensagem por Admin Easy Cheats 22.01.16 3:10

irei testar obrigado!
Admin Easy Cheats
Admin Easy Cheats
Novo Membro

Membro desde : 26/07/2012
Mensagens : 21
Pontos : 39

http://easycheats.forumbom.com/

Ir para o topo Ir para baixo

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

Mensagem por cocas20 12.02.16 19:53

Não funciona =/
cocas20
cocas20
****

Membro desde : 01/11/2014
Mensagens : 278
Pontos : 365

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

Ir para o topo Ir para baixo

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

Mensagem por YouTube3 05.03.16 9:56

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

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por RafaelS. 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.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por YouTube3 05.03.16 10:29

Entendi vlw @RafaelS.
YouTube3
YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por cocas20 01.09.16 0:10

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

Membro desde : 01/11/2014
Mensagens : 278
Pontos : 365

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

Ir para o topo Ir para baixo

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

Mensagem por Hancki 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
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por cocas20 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
****

Membro desde : 01/11/2014
Mensagens : 278
Pontos : 365

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

Ir para o topo Ir para baixo

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

Mensagem por Heishiro 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
Novo Membro

Membro desde : 06/09/2016
Mensagens : 11
Pontos : 17

http://fairytailimmortal.forumeiros.com/

Ir para o topo Ir para baixo

Página 1 de 2 1, 2  Seguinte

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos