Ajuda com Código de Loja

3 participantes

Ir para baixo

Tópico resolvido Ajuda com Código de Loja

Mensagem por Helena Braddock Grinfild 06.09.18 1:57

Detalhes da questão


Endereço do fórum: http://southkorea.forumeiros.com/
Versão do fórum: phpBB3

Descrição


Criei essa loja com um código que disponibilizaram aqui, eu uso ela em outro fórum meu, mas neste ele não esta funcionando e não sei por que. Ele diz que o pedido foi enviado, mas não recebo nada na minha caixa de mensagens.

Código:
<br /><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. */
   
    'Heyahe': {
        icone: 'https://i.imgur.com/lQx67C2.png',
        preco: '30000',
descricao: 'Álbum de debut do cantor Ahj-H.</br><b>by Ryeon Entertainment.</b>'
    },

    'Camiseta Heyahe': {
        icone: 'https://i.imgur.com/R28FrbJ.png',
        preco: '55000',
descricao: 'Merch oficial de Heyahe, by Ahj-H. (PP - P - M - G - GG) </br><b>by Ryeon Entertainment.</b>'
  },

    'Moletom Heyahe': {
        icone: 'https://i.imgur.com/oDF2wnY.png',
        preco: '75000',
descricao: 'Merch oficial de Heyahe, by Ahj-H. (PP - P - M - G - GG) </br><b>by Ryeon Entertainment.</b>'
  },

    'Body [SINGLE]': {
        icone: 'https://i.imgur.com/s5EVELJ.png',
        preco: '38000',
descricao: 'Primeiro single de U-KWON. </br><b>by Ryeon Entertainment.</b>'
  },

    'Camiseta ACHE [HED]': {
        icone: 'https://i.pinimg.com/originals/2e/4e/ec/2e4eec0eee0eb1c46a580369dac923b8.jpg',
        preco: '59000',
descricao: 'Designed by U-KWON. </br><b>by Ryeon Entertainment.</b>'
  },

    'Camiseta ANITHESIS': {
        icone: 'https://en.rad-blackmoral.com/upload/save_image/03011249_58b644af3c0d4.jpg',
        preco: '59000',
descricao: 'Designed by U-KWON. </br><b>by Ryeon Entertainment.</b>'
  },

    'Sixth-gun': {
        icone: 'https://static.wixstatic.com/media/859e28_0e337e8b7abc41099ebb1df24858fbbe~mv2.jpg/v1/fill/w_498,h_498,al_c,q_90/file.jpg',
        preco: '118000',
descricao: 'Lighstick oficial do cantor U-KWON. </br><b>by Ryeon Entertainment.</b>'
  },

    'Moletom Insurrection': {
        icone: 'https://en.rad-blackmoral.com/upload/save_image/03011240_58b6429e589a8.jpg',
        preco: '89000',
descricao: 'Designed by U-KWON. </br><b>by Ryeon Entertainment.</b>'
  },

    'Camiseta Two Faces': {
        icone: 'http://dbcn1bdvswqbx.cloudfront.net/client_info/THEGAZETTE/itemimage/PSGG_1016/psgg_1016_off.jpg',
        preco: '59000',
descricao: 'Designed by U-KWON. </br><b>by Ryeon Entertainment.</b>'
  }

    // 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 item 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="https://d30y9cdsu7xlg0.cloudfront.net/png/919019-200.png" /> Preço: ' + value.preco + ' wons</li>' +
          '  <br />' +
          '  <li><input type="button" onclick="addToCart(this)" value="Adicionar à sacola" /></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 wons: <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> wons');
    $('.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> wons');
    $(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': '32',
            '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 wons suficiente para efetuar a compra");
      }
    } else {
      alert("O carrinho está vazio");
    }
  }
</script><style type="text/css">
table.content {
  background: #fcfcfc;
  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: #fcfcfc 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: #111;
    border-radius: 3px;
}
table.content tr td {padding: 10px;background: #fcfcfc;border: 1px solid #333;}
.itens ul li {list-style-type: none;}
.daemon {
  background: #111;
  text-align: center;
  padding: 10px;
}
img {
    width: 20px;
}
#cart {
    background: #fcfcfc;
    margin-top: 5px;
    padding: 5px;
    border: 1px solid #111;
}
.cart {
  background: #666 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 #999;
}
.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;">Shopping</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>
Helena Braddock Grinfild
Helena Braddock Grinfild
Novo Membro

Membro desde : 06/09/2018
Mensagens : 2
Pontos : 4

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com Código de Loja

Mensagem por tikky 06.09.18 8:11

Olá @Helena Braddock Grinfild,

Bem-vindo ao Fórum dos Fóruns!


Seja bem-vindo ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber:
O código atualmente está feito para enviar para o grupo 'usergroup': '32',, a Senhora pretende que o pedido enviado seja enviado para si, ou a um determinado grupo como está atualmente?
Certifique-se que está a usar a opção: Você deseja utilizar o início e o final da página do seu fórum ?, como Sim.


Aguardo uma resposta,
pedxz.
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com Código de Loja

Mensagem por Helena Braddock Grinfild 08.09.18 1:21

Eu quero que ele seja enviado para mim, por que na verdade ele não esta enviando para ninguem.
quanto a opção de usar o inicio e o fim da pagina ela esta marcada, por isso que não entendo qual é o problema.
o codigo esta aparentemente normal, mas não quer funcionar, ele não envia os pedidos para ninguem, nem grupo nem player. Eu não sei mais o que fazer. 
Helena Braddock Grinfild
Helena Braddock Grinfild
Novo Membro

Membro desde : 06/09/2018
Mensagens : 2
Pontos : 4

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com Código de Loja

Mensagem por tikky 09.09.18 14:58

Testei a sua loja e a mesma está a funcionar otimamente bem.
Fiz uma pequena mudança para a Senhora testar:
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. */
    
     'Heyahe': {
         icone: 'https://i.imgur.com/lQx67C2.png',
         preco: '30000',
   descricao: 'Álbum de debut do cantor Ahj-H.</br><b>by Ryeon Entertainment.</b>'
     },
  
     'Camiseta Heyahe': {
         icone: 'https://i.imgur.com/R28FrbJ.png',
         preco: '55000',
   descricao: 'Merch oficial de Heyahe, by Ahj-H. (PP - P - M - G - GG) </br><b>by Ryeon Entertainment.</b>'
   },
  
     'Moletom Heyahe': {
         icone: 'https://i.imgur.com/oDF2wnY.png',
         preco: '75000',
   descricao: 'Merch oficial de Heyahe, by Ahj-H. (PP - P - M - G - GG) </br><b>by Ryeon Entertainment.</b>'
   },
  
     'Body [SINGLE]': {
         icone: 'https://i.imgur.com/s5EVELJ.png',
         preco: '38000',
   descricao: 'Primeiro single de U-KWON. </br><b>by Ryeon Entertainment.</b>'
   },
  
     'Camiseta ACHE [HED]': {
         icone: 'https://i.pinimg.com/originals/2e/4e/ec/2e4eec0eee0eb1c46a580369dac923b8.jpg',
         preco: '59000',
   descricao: 'Designed by U-KWON. </br><b>by Ryeon Entertainment.</b>'
   },
  
     'Camiseta ANITHESIS': {
         icone: 'https://en.rad-blackmoral.com/upload/save_image/03011249_58b644af3c0d4.jpg',
         preco: '59000',
   descricao: 'Designed by U-KWON. </br><b>by Ryeon Entertainment.</b>'
   },
  
     'Sixth-gun': {
         icone: 'https://static.wixstatic.com/media/859e28_0e337e8b7abc41099ebb1df24858fbbe~mv2.jpg/v1/fill/w_498,h_498,al_c,q_90/file.jpg',
         preco: '118000',
   descricao: 'Lighstick oficial do cantor U-KWON. </br><b>by Ryeon Entertainment.</b>'
   },
  
     'Moletom Insurrection': {
         icone: 'https://en.rad-blackmoral.com/upload/save_image/03011240_58b6429e589a8.jpg',
         preco: '89000',
   descricao: 'Designed by U-KWON. </br><b>by Ryeon Entertainment.</b>'
   },
  
     'Camiseta Two Faces': {
         icone: 'http://dbcn1bdvswqbx.cloudfront.net/client_info/THEGAZETTE/itemimage/PSGG_1016/psgg_1016_off.jpg',
         preco: '59000',
   descricao: 'Designed by U-KWON. </br><b>by Ryeon Entertainment.</b>'
   }
  
     // 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 item 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="https://d30y9cdsu7xlg0.cloudfront.net/png/919019-200.png" /> Preço: ' + value.preco + ' wons</li>' +
           '  <br />' +
           '  <li><input type="button" onclick="addToCart(this)" value="Adicionar à sacola" /></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 wons: <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> wons');
     $('.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> wons');
     $(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',
            'username[]': 'pedxz',
            '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 wons suficiente para efetuar a compra");
       }
     } else {
       alert("O carrinho está vazio");
     }
   }
</script>
<style type="text/css">
   table.content {
   background: #fcfcfc;
   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: #fcfcfc 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: #111;
   border-radius: 3px;
   }
   table.content tr td {padding: 10px;background: #fcfcfc;border: 1px solid #333;}
   .itens ul li {list-style-type: none;}
   .daemon {
   background: #111;
   text-align: center;
   padding: 10px;
   }
   img {
   width: 20px;
   }
   #cart {
   background: #fcfcfc;
   margin-top: 5px;
   padding: 5px;
   border: 1px solid #111;
   }
   .cart {
   background: #666 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 #999;
   }
   .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;">Shopping</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>

Localize o nome pedxz e mude para o seu nome.
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com Código de Loja

Mensagem por Fraise 13.09.18 23:45

Tópico resolvido


Movido para "Questões resolvidas".
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

Ir para o topo

- Tópicos semelhantes

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