Bug na Loja Virtual

+2
Daemon
SneakMen
6 participantes

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

Tópico resolvido Bug na Loja Virtual

Mensagem por SneakMen 09.08.15 5:55

Tenho um bug questão para se resolver no HTML que o Deamon fez  Não Aparece os itens da loja.

Print:
Bug na Loja Virtual IddYrkb

Código que utilizo:
Código:
<script type="text/javascript">
  $(function() {
  var produtos = {
  
  
    'Car': {
        icone: 'http://png-1.findicons.com/files/icons/2169/picnic/70/car.png',
        preco: '25',
        descricao: 'Passeio de carro'
    },
  

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

    'Pena': {
        icone: 'http://png-4.findicons.com/files/icons/1070/software/72/adobe_photoshop.png',
        preco: '50',
        descricao: '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>

Atenciosamente,
SneakMen.
SneakMen

SneakMen
***

Membro desde : 06/08/2015
Mensagens : 107
Pontos : 150

http://brasilvirtualfires.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Bug na Loja Virtual

Mensagem por Daemon 09.08.15 13:23

Você não está utilizando início e fim do fórum na loja... Peço que adicione isto no início do código:
Código:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

Até mais!
Daemon

Daemon
Super Membro

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

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Bug na Loja Virtual

Mensagem por SneakMen 09.08.15 18:57

Funcionou mais queria ajuda em saber porque as letras estão assim:
Bug na Loja Virtual M4Y86QS

E também troquei a pena para 0 para fazer um teste mais fala que os pontos estão insuficientes
se isso ajuda eu troquei o nome de pontos para Cash na aba de pontos e reputação
SneakMen

SneakMen
***

Membro desde : 06/08/2015
Mensagens : 107
Pontos : 150

http://brasilvirtualfires.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Bug na Loja Virtual

Mensagem por Krenisk 10.08.15 1:24

Olá amigo eu testei o código e parece funcionar perfeitamente veja:

Bug na Loja Virtual 2yobiuf

Qual o endereço do seu Fórum?
Krenisk

Krenisk
*

Membro desde : 02/12/2013
Mensagens : 46
Pontos : 73

http://invitesexpress.omeuforum.net/ https://www.facebook.com//junior.ljd

Ir para o topo Ir para baixo

Tópico resolvido Re: Bug na Loja Virtual

Mensagem por SneakMen 10.08.15 1:43

Krenisk escreveu:Olá amigo eu testei o código e parece funcionar perfeitamente veja:

Bug na Loja Virtual 2yobiuf

Qual o endereço do seu Fórum?

Aqui o fórum:Brasil Virtual Fire
a loja e:Loja

Queria que nem este que coloco como foto tipo as imagens do adicionar ao carrinho sabe mais queria resolver isso primeiro.
Crie uma conta e tente comprar a pena que esta com valor 0.
SneakMen

SneakMen
***

Membro desde : 06/08/2015
Mensagens : 107
Pontos : 150

http://brasilvirtualfires.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Bug na Loja Virtual

Mensagem por Daemon 10.08.15 23:01

Troque por este:
Código:
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="pt">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="http://illiweb.com/rs3/16/frm/lang/notutf8-pt.js" type="text/javascript"></script>
</head>
<script type="text/javascript">
  $(function() {
  var produtos = {
 
 
    'Car': {
        icone: 'http://png-1.findicons.com/files/icons/2169/picnic/70/car.png',
        preco: '25',
        descricao: 'Passeio de carro'
    },
 

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

    'Pena': {
        icone: 'http://png-4.findicons.com/files/icons/1070/software/72/adobe_photoshop.png',
        preco: '50',
        descricao: '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>
</html>
Até mais!
Daemon

Daemon
Super Membro

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

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Bug na Loja Virtual

Mensagem por SneakMen 10.08.15 23:25

@Daemon

Continuou do mesmo jeito as letras continua estranhas
Bug na Loja Virtual UDJg3Ae
SneakMen

SneakMen
***

Membro desde : 06/08/2015
Mensagens : 107
Pontos : 150

http://brasilvirtualfires.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Bug na Loja Virtual

Mensagem por RafaelS. 11.08.15 10:54

Olá!

Troque o código por este:
Código:
    <script type="text/javascript">
      $(function() {
      var produtos = {
     
     
        'Car': {
            icone: 'http://png-1.findicons.com/files/icons/2169/picnic/70/car.png',
            preco: '25',
            descricao: 'Passeio de carro'
        },
     

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

        'Pena': {
            icone: 'http://png-4.findicons.com/files/icons/1070/software/72/adobe_photoshop.png',
            preco: '50',
            descricao: '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>

Depois disso, ao criar a página veja este campo:

Bug na Loja Virtual WpXBiWP
Veja se ao marcar sim, resulta.

Atenciosamente.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

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

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Bug na Loja Virtual

Mensagem por SneakMen 11.08.15 20:22

@Raffy agora sim resultou mais teria como trocar a cor do fundo onde esta esta os produtos e queria saber se tem como trocas os botoes adicionar carrinha como usar uma imagem neles e no concluir e resetar,
só tem um problema o MP não foi enviado ao fundador.

Atenciosamente.
SneakMen
SneakMen

SneakMen
***

Membro desde : 06/08/2015
Mensagens : 107
Pontos : 150

http://brasilvirtualfires.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Bug na Loja Virtual

Mensagem por SneakMen 14.08.15 20:48

UP
SneakMen

SneakMen
***

Membro desde : 06/08/2015
Mensagens : 107
Pontos : 150

http://brasilvirtualfires.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Bug na Loja Virtual

Mensagem por SneakMen 16.08.15 4:06

UP
SneakMen

SneakMen
***

Membro desde : 06/08/2015
Mensagens : 107
Pontos : 150

http://brasilvirtualfires.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Bug na Loja Virtual

Mensagem por RafaelS. 17.08.15 7:54

Olá!

Me indique qual imagem quer colocar nos botões.
Além disso qual é o grupo que ira receber a MP? É este?
http://brasilvirtualfires.forumeiros.com/g1-fundadores

Atenciosamente.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

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

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Bug na Loja Virtual

Mensagem por SneakMen 17.08.15 20:53

Raffy escreveu:Olá!

Me indique qual imagem quer colocar nos botões.
Além disso qual é o grupo que ira receber a MP? É este?
http://brasilvirtualfires.forumeiros.com/g1-fundadores

Atenciosamente.


@Raffy Olá

Eu queria tipo mais mais esticado sem ser img mais como um fundo Ciano e a letra Comic Sans MS que caiba.
Sim o grupo e esse mesmo onde só existe um membro.
SneakMen

SneakMen
***

Membro desde : 06/08/2015
Mensagens : 107
Pontos : 150

http://brasilvirtualfires.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Bug na Loja Virtual

Mensagem por SneakMen 19.08.15 1:28

UP
SneakMen

SneakMen
***

Membro desde : 06/08/2015
Mensagens : 107
Pontos : 150

http://brasilvirtualfires.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Bug na Loja Virtual

Mensagem por SneakMen 20.08.15 1:09

UP
SneakMen

SneakMen
***

Membro desde : 06/08/2015
Mensagens : 107
Pontos : 150

http://brasilvirtualfires.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Bug na Loja Virtual

Mensagem por SneakMen 22.08.15 18:17

UP
SneakMen

SneakMen
***

Membro desde : 06/08/2015
Mensagens : 107
Pontos : 150

http://brasilvirtualfires.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Bug na Loja Virtual

Mensagem por SneakMen 24.08.15 19:48

UP
SneakMen

SneakMen
***

Membro desde : 06/08/2015
Mensagens : 107
Pontos : 150

http://brasilvirtualfires.forumeiros.com/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Bug na Loja Virtual

Mensagem por Shek 26.08.15 14:00

Olá!

Aqui está:
Código:
    <script type="text/javascript">
      $(function() {
      var produtos = {
     
     
        'Car': {
            icone: 'http://png-1.findicons.com/files/icons/2169/picnic/70/car.png',
            preco: '25',
            descricao: 'Passeio de carro'
        },
     

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

        'Pena': {
            icone: 'http://png-4.findicons.com/files/icons/1070/software/72/adobe_photoshop.png',
            preco: '50',
            descricao: '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">
   <img src="http://i58.servimg.com/u/f58/15/88/72/83/help10.png" style="cursor: pointer !important;" alt="Comprar" onclick="buyItems()"/><img src="http://i58.servimg.com/u/f58/15/88/72/83/help10.png" alt="Resetar itens" style="cursor: pointer !important;" onclick="resetItems()/>
        <input type="hidden" value="Concluir compra" onclick="buyItems()" />  <input type="hidden" value="Resetar ítens" onclick="resetItems()" />
    </div>
'usergroup': '1', - Corresponde ao número do grupo que receberá a MP. Lembre-se que a opção de envio de MP em massa deve estar ativo permitindo que os membros enviem MP aos Administradores. Consulte esta FAQ para saber mais: https://ajuda.forumeiros.com/-t99009.htm
Imagens: Como queria, os botões agora são em imagens. Mude a URL https://i.servimg.com/u/f58/15/88/72/83/help10.png para a URL dos botões desejados, de acordo com o que coloquei no ALT da imagem.

Atenciosamente,
Shek King
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Bug na Loja Virtual

Mensagem por SneakMen 26.08.15 23:24

Olá

Obrigado pode fechar

SneakMen

SneakMen
***

Membro desde : 06/08/2015
Mensagens : 107
Pontos : 150

http://brasilvirtualfires.forumeiros.com/forum

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Bug na Loja Virtual

Mensagem por Fraise 26.08.15 23:25

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

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

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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