Problemas com o uso do AddOn Loja de Ícones

Detalhes da questão

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

Descrição

Olá, estive tentando inserir o seguinte AddOn em meu fórum: https://ajuda.forumeiros.com/t99911-addon-criar-loja-de-icones

No entanto, talvez por falha minha de não perceber ou não entender seu real funcionamento, encontrei alguns problemas quanto a sua implementação.

1) Não consigo inserir novos componentes a loja. Mesmo seguindo os procedimentos ditos no tópico acima, os mesmos não aparecem na tabela.

2) Quando clico em "efetuar compra" surge um alert() alegando que a compra foi efetuada com sucesso, e que é necessário aguardar que um administrador aplique as alterações. Porém, não vejo como isso pode ser possível já que não há meio comprobatório de afirmar que a compra foi feita, como uma MP ou uma postagem em um tópico especifico. Isso nos leva ao terceiro problema, e talvez o que eu mais deseje solucionar junto ao primeiro.

3) Inserir este AddOn em um tópico. Assim como os formulários, eu gostaria que este fosse alocado para um tópico especifico onde o usuário clicaria em "responder", surgiria a loja para que ele pudesse selecionar o que deseja, e ao clicar em enviar, uma nova mensagem naquele tópico conteria todas as informações que foram preenchidas pelo usuário. Este seria o meio "comprobatório" de que a compra foi efetuada, que citei no inicio do tópico.

Link da pagina HTML do Add em meu forum: http://pokemonillium.forumeiros.com/h3-addon-loja-pokemon

Olá,
Só não percebi alinha 3), você quer que:

• Seja Criado um novo tópico?
  
• Responder a um já criado?
  

quais os produtos adicionais que você quer adicionar na loja?

aguardo uma resposta sua,
obrigado.

Olá.

Para o primeiro problema, precisamos do código que está usando para ver se tem algum problema com ele.

Para o segundo problema, crie um novo JavaScript com investimento Em todas as páginas

Código:

(function ($) {
  'use strict';
 
  $(function () {
    $('a[href^="/post?t={ID DO TÓPICO A SER REDIRECIONADO}&mode=reply"]')
      .attr('href', '/h3-')
    ;
  });
}(jQuery));

Para o terceiro problema, sugiro ver essa resposta do caro Ajudeiro Pedxz:
https://ajuda.forumeiros.com/t111040-mudar-loja-de-pedidos-em-mp-s-para-topicos#783009

Olá Pedxz
O que desejo para o terceiro tópico é que seja respondido em um tópico já existente.

E quanto aos produtos, desejo adicionar diversos com o decorrer do tempo, mas um exemplo seria:

Código:


    'PokeBall': {
        icone: 'https://vignette.wikia.nocookie.net/pokemon/images/0/04/Park_Ball.png',
        preco: '250',
        descricao: 'Item de captura'
    }


Olá AlexG

O código é este

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>

Primeiramente, localize

Código:

$.post('/privmsg', {
            'mode': 'post',
            'post': '1',
            'folder': 'inbox',
            'usergroup': '1',
            'subject': 'Pedido da loja',
            'message': texto
      })

e mude para

Código:

$.post('/post', {
            'mode': 'reply',
            'post': 1,
            'message': texto,
            'notify': 1,
            't': ID
      })

O t = tópico, a frente você deve pôr o id do tópico.

Para adicionar novos ícones, você deve fazer assim

Código:

  'PokeBall': {
        icone: 'https://vignette.wikia.nocookie.net/pokemon/images/0/04/Park_Ball.png',
        preco: '250',
        descricao: 'Item de captura'
    },
  'GreatBall': {
        icone: 'https://vignette.wikia.nocookie.net/pokemon/images/0/04/Park_Ball.png',
        preco: '550',
        descricao: 'Item de captura'
    },
  'MasterBall': {
        icone: 'https://vignette.wikia.nocookie.net/pokemon/images/0/04/Park_Ball.png',
        preco: '1050',
        descricao: 'Item de captura'
    }


Reparado que o último ítem não têm uma vírgula do final },

Olá Pedxz,
Os procedimentos que me foram passados resultaram, mas haveria como fazer com que essa loja abrisse ao clicar em "Responder" dentro do tópico que eu informei no ID?

E uma outra dúvida, eu notei que há uma interação diferente entre os itens que já haviam na loja, em relação aos que eu adicionei posteriormente, que seria:

Itens que já tinha no codigo: Eles são separados por quebra de linha

Itens novos: Todos ficam na mesma linha, assim como a informação do valor total.

Poderia me dizer onde eu altero para padronizar isso?


@EDIT: Percebi que cometi um erro no preenchimento do codigo em que o AlexG me passou, e ja corrigi, logo a primeira questão já foi solucionada. Restando apenas a da organização das informações.

Adicione isto do JS

Código:

(function ($) {
  'use strict';
  $(function () {
    $('a[href^="/post?t=122&mode=reply"]')
      .attr('href', '/h3-');
  });
}(jQuery));



Agora sobre os erros poderia enviar um print, por favor? Porque a mim não aparece tal erro.

obrigado

Veja na imagem: A parte de cima representa o "erro" que ocorre com os novos campos, a parte de baixo representa o que ocorre com os antigos.

Veja uma diferença na organização
https://i.servimg.com/u/f62/13/77/16/07/122110.jpg

////////////////////////////////////////////////

Me veio uma dúvida no momento. Seria possível adicionar campos de texto nesta loja, meio como se mesclasse um formulário com ela, e ao efetuar a compra o texto do formulário fosse junto com os itens comprados, onde o resultado seria algo como:

Local em que se encontra: O link...

Item 1
Item 2
...

Obs: A parte do item é igual o que está atualmente, só mudaria que teria esse input de texto adicionado.


@EDIT
Estranhamente o código começou a funcionar sozinho, fazendo com que todas as informações ficassem uma abaixo da outra. Então apenas a questão do campo de preenchimento me resta.

Infelizmente,
as lojas disponíveis (html), só estão configuradas para enviar automaticamente os produtos da loja (ícones/emblemas). Mas dá para fazer um campo adicional se você quiser, mas irá ser um produto "separado da mesma loja".

Exemplo
ver demo


Código:

Código:

<script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js"></script>
<script src="http://ajuda.forumeiros.com/29110.js"></script>
<script src="http://ajuda.forumeiros.com/28074.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
    (function ($) {
    'use strict';
 
    $(function () {
      $.get('/')
        .done(function (context) {
   
          if ($('a[href="/register"]', context).length === 0) {
            console.log('Usuário já logado!');
            return;
          }
   
          $('body').html([
            '<p style="font-family: sans-serif; font-size: 14px; text-align: center; display: block;">',
            '  <span>Você precisa estar logado para visualizar esta página...</span>',
            '</p>'
          ].join('\n'));
 
          location.href = '/login';
   
        })
        .fail(function () {
          console.warn('[Somente membros podem ver a página] Houve um erro.')
        })
      ;
    });
  }(jQuery));
 
 
  $(function() {
  var produtos = {
 
    'Minecraft': {
        icone: 'http://i.imgur.com/QGfdhKh.png',
        preco: '500',
        cash: '20',
        descricao: 'Famoso jogo dos cubos!'
    },
 
  'CS:GO': {
        icone: 'http://i.imgur.com/Bqx7X96.png',
        preco: '500',
        cash: '20',
        descricao: 'eeeighouuuuwillalldie!'
    },
 
  'Point Black': {
        icone: 'http://i.imgur.com/MDlccNa.png',
        preco: '500',
        cash: '20',
        descricao: 'Capacete de batalha'
    },
 
  'Call Of Duty': {
        icone: 'http://i.imgur.com/3BSJxwg.png',
        preco: '500',
        cash: '20',
        descricao: 'Capacete de batalha'
    },
 
  'La Faca': {
        icone: 'http://i.imgur.com/oRi65gM.png',
        preco: '500',
        cash: '20',
        descricao: 'Capacete de batalha'
    },
 
  'Star Wars': {
        icone: 'http://i.imgur.com/ThBSo09.png',
        preco: '500',
        cash: '20',
        descricao: 'the force awakens'
    },
 
  'Battlefield 1': {
        icone: 'http://i.imgur.com/E3qaYqh.png',
        preco: '500',
        cash: '20',
        descricao: 'Capacete de batalha'
    },
 
 
  'Combat Arms': {
        icone: 'http://i.imgur.com/VOv5hap.png',
        preco: '500',
        cash: '20',
        descricao: 'Capacete de batalha'
    },
 
    'O Atirador': {
        icone: 'http://i.imgur.com/QdLwYB0.png',
        preco: '500',
        cash: '20',
        descricao: 'gradient battle'
    },
 
  'MAC': {
        icone: 'http://i.imgur.com/sxLT6zA.png',
        preco: '500',
        cash: '20',
        descricao: 'think different.'
    },
 
  'Windows': {
        icone: 'http://i.imgur.com/1Frao8Q.png',
        preco: '500',
        cash: '20',
        descricao: 'probably not.'
    },
 
  'GTA V': {
        icone: 'http://i.imgur.com/CSstogY.png',
        preco: '500',
        cash: '20',
        descricao: 'strap on time'
    },
 
  'LoL': {
        icone: 'http://i.imgur.com/Irgf11o.png',
        preco: '500',
        cash: '20',
        descricao: 'clash of fates'
    },
 
  'Steam': {
        icone: 'http://i.imgur.com/ehCkulO.png',
        preco: '500',
        cash: '20',
        descricao: 'Brain Storm'
    },
 
    'Far Cry': {
        icone: 'http://i.imgur.com/Yu9ldIh.png',
        preco: '500',
        cash: '20',
        descricao: 'survivor'
    },
 
    'Portugal': {
        icone: 'https://image.flaticon.com/icons/png/128/299/299461.png',
        preco: '500',
        cash: '20',
        descricao: 'woow PT safado :)'
    },
 
    'Brasil': {
        icone: 'https://image.flaticon.com/icons/png/128/299/299430.png',
        preco: '500',
        cash: '20',
        descricao: 'sou da favela,e dai?'
    },
 
 'Saw': {
        icone: 'https://image.flaticon.com/icons/png/512/188/188568.png',
        preco: '500',
        cash: '20',
        descricao: 'game over!'
    },
 
  'PHP': {
        icone: 'https://image.flaticon.com/icons/png/128/461/461014.png',
        preco: '500',
        cash: '20',
        descricao: '}else{'
    },
 
  'CSS': {
        icone: 'https://image.flaticon.com/icons/png/128/136/136527.png',
        preco: '500',
        cash: '20',
        descricao: 'class="PPF"'
    },
 
  'C#': {
        icone: 'https://image.flaticon.com/icons/png/128/381/381704.png',
        preco: '500',
        cash: '20',
        descricao: 'namespace console {'
    },
 
  'Console': {
        icone: 'https://image.flaticon.com/icons/png/128/141/141070.png',
        preco: '500',
        cash: '20',
        descricao: 'goo play!'
    },
 
  'Saw': {
        icone: 'https://image.flaticon.com/icons/png/512/188/188568.png',
        preco: '500',
        cash: '20',
        descricao: 'game over!'
    },
 
 
  'Patinho': {
        icone: 'https://image.flaticon.com/icons/png/128/135/135077.png',
        preco: '500',
        cash: '20',
        descricao: 'quac,quac'
    }
 
  };
 
 
  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 /><i class="preco" data-myprice="' + value.preco + '">Preço: <b>' + value.preco + '</b> ppc</i></td>' +
          '  <td>' +
          '  <ul>' +
          '  <li>'+ value.descricao + '</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 PPCash  : <b class="totalPoints">' + myPoints + '</b>');
        },
        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> PPCash');
    $('.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> PPCash');
    $(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 user = _userdata["username"];
      var total = 0;
      texto += '[quote][center][color=#AEA8D3][font=Impact][size=18]Meu Pedido[/size][/font][/color][/center][/quote]';
      texto += '[quote][color=white][b]Produto:[/b]';
      $('.item-cart').each(function() {
        var item = $(this).text();
        var preco = parseInt($(this).attr('data-myprice'));
        texto += '[list][b]' + item.charAt(0).toUpperCase() + item.slice(1)
        //add line break at the end
        + ':[/b] ' + preco + " PPCash[/list]";
        total += preco;
      });
      texto += '[/quote]';
      texto += '[list][/list]';
      texto += '[quote][b]Valor total:[/b] ' + total + ' PPCash[/color][/quote]';
      $.post('/post', {
        'mode': 'newtopic',
        'post': 1,
        'subject': '「LOJA」novo emblema',
        'message': texto,
        'notify': 1,
        'f': 72
      }).done(function() {
          alert("Seu pedido foi enviado! Aguarde até que um administrador adicione seus ítens");
        resetItems();
      });
      } else {
        alert("Você não tem ppc suficiente para efetuar a compra");
      }
    } else {
      alert("O carrinho está vazio");
    }
  }
 
function transformaEmPPC() {
 
 var cash = jQuery(".cashInputInput").val();
 var cashDiv = jQuery(".cashDivDiv");
 
 var cashMultiplier = 100;
 
 if(cash % 2 != 0) {
alert("A quantidade de Cash tem que ser um numero par");

return;
 }
 
 if(cash < 10) {
alert("O Mínimo é 10 cash!");

return;
 }
 
 var finalPPC = cashMultiplier * cash;
 
 cashDiv.html(finalPPC);
 
 jQuery(".specialButtonK").attr("disabled", false);
}

function enviatag(a, b) {
 var autor = _userdata["username"];
 var d = "[size=13][font=Trebuchet MS][center][b]Troca de nick[/b][/center][center]&nbsp;[/center][b]Preço total:[/b] 1000 PPC[center][/center][b]Nome antigo:[/b] " + autor + " [b]Novo nick:[/b] " + a + "[/font][/size]";
 jQuery(b).html(d);
 jQuery(b).closest("form").find('input[name="post"]').click()

alert("Seu pedido foi enviado! Aguarde até que um administrador adicione seu pedido");
} 
function enviatag4(a, b) {
 var d = "[size=13][font=Trebuchet MS][center][b]Comprar Titulo no Perfil[/b][/center][center]&nbsp;[/center][b]Preço total:[/b] 1500 PPC[center][/center][b]Texto para Titulo de Perfil:[/b] " + a + "[/font][/size]";
 jQuery(b).html(d);
 jQuery(b).closest("form").find('input[name="post"]').click()

alert("Seu pedido foi enviado! Aguarde até que um administrador adicione seu pedido");
}
function enviatag5(a, b) {
 var d = "[size=13][font=Trebuchet MS][center][b]Remover Infrações[/b][/center][center]&nbsp;[/center][b]Preço total:[/b] 1000 PPC (Por cada Infração)[center][/center][b]Quantidade de Infrações a Menos:[/b] " + a + "[/font][/size]";
 jQuery(b).html(d);
 jQuery(b).closest("form").find('input[name="post"]').click()

alert("Seu pedido foi enviado! Aguarde até que um administrador adicione seu pedido");
}
function enviatag3(a, b) {
 var d = "[size=13][font=Trebuchet MS][center][b]Comprar Emblema Custom[/b][/center][center]&nbsp;[/center][b]Preço total:[/b] 3500 ppc[center][/center][b]Imagem do Emblema Desejado:[/b] " + a + "[/font][/size]";
 jQuery(b).html(d);
 jQuery(b).closest("form").find('input[name="post"]').click()

alert("Seu pedido foi enviado! Aguarde até que um administrador adicione seu pedido");
}
function enviatag6(a, b, c) {
 var d = "[size=13][font=Trebuchet MS][center][b]Converter PPC em Cash[/b][/center][center]&nbsp;[/center][b]Preço total:[/b] " + c + " PPC [center][/center][b]Quantidade de CASH:[/b] " + a + "[/font][/size]";
 jQuery(b).html(d);
 jQuery(b).closest("form").find('input[name="post"]').click()

alert("Seu pedido foi enviado! Aguarde até que um administrador adicione seu pedido");
}
function enviatag7(a, b, c) {
 var d = "[size=13][font=Trebuchet MS][center][b]Doação de dinheiro ficticio[/b][/center][center]&nbsp;[/center][b]Doar para [/b] @" + c + " PPC [center][/center][b]Quantidade:[/b] " + a + "[/font][/size]";
 jQuery(b).html(d);
 jQuery(b).closest("form").find('input[name="post"]').click()

alert("Seu pedido foi enviado! Aguarde até que um administrador adicione seu pedido");
}
function enviatag2(a, b, c) {
 var d = "[size=13][font=Trebuchet MS][center][b]Cor no Titulo[/b][/center][center]&nbsp;[/center][b]A cor é a citada no titulo [/b] [center][/center][b]Topico que quero colorir:[/b] " + a + "[/font][/size]";
 jQuery(b).html(d);
 jQuery(b).closest("form").find('input[name="post"]').click()

alert("Seu pedido foi enviado! Aguarde até que um administrador adicione seu pedido");
}
function enviatag8(a, b, c) {
 var d = "[size=13][font=Trebuchet MS][center][b]Premium 30 dias[/b][/center][center]&nbsp;[/center][b]Preço total:[/b] 4000 ppc[center][/center][b]Quero ser Premium durante:[/b] " + a + "[/font][/size]";
 jQuery(b).html(d);
 jQuery(b).closest("form").find('input[name="post"]').click()

alert("Seu pedido foi enviado! Aguarde até que um administrador adicione seu pedido");
}
</script>
<style type="text/css">
/*.aviso_box {
background-color: #0f9695;
}
.aviso_titulo:after {
    content: "Loja em mudanças";
}
.aviso_texto:after {
  content: "A nossa loja está a ser modificada!";
}*/
  table.content {
  background: rgba(0,0,0,0.1);
  border: 1px solid #303d46;
  border-collapse: separate;
  empty-cells: show;
  table-layout: fixed;
  width: 100%;
  }
  .itens .nome {/*color: #333;*/
  font-size: 14px;
  font-weight: 400;
  padding: 10px;
  list-style: none;
  transition: 0.05s all;}
  .itens .preco {/*color: #666;*/
  font-size: 14px;
  font-weight: 400;
  padding: 10px;
  list-style: none;
  transition: 0.05s all;}
  .itens .icone {
  text-align: center;
  }
  .itens .icone img {
  height: 50px;
  width: 50px;
  }
  .item-cart {
  background: #9b4ed6 url(http://i.imgur.com/xTY1kgk.jpg) 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: #303d46;border-bottom: 1px solid rgba(0,0,0,0.1);}
  .itens ul li {list-style-type: none;}
  .daemon {
  background: #333;
  text-align: center;
  padding: 10px;
  }
  #cart {
  background: #303d46;
  border: 1px solid rgba(0,0,0,0.1);
  margin-top: 5px;
  padding: 5px;
  }
  .cart {
  background: rgba(0,0,0,0.1) 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 #303d46;
  }
  .total, .myPoints { }
  }
.pun input {
    padding: 2px;
    color: white;
    background: #2b363f;
}
input[type="submit"] {
  text-align: ce nter!important;
    background: #9b4 ed6!important;
    color: #fff;
    cursor: pointer;
    font-size: 12px!important;
    font-weight: 600!important;
    outline: 0!important;
    padding: 6px!important;
    text-decoration: none!important;
    text-transform: uppercase!important;
}
.myPoints {
margin: auto!important
}
</style>
<div class="main paged">
  <div class="paged-head clearfix">
      <i class="myPoints"></i>
      <p class="posting" style="margin: -6px;">
        <input type="button" class="btn" style="color: white;
            background-color: #f53939;
            border-radius: 1px;/*
            box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);*/
            height: auto!important;/*
            font-family: segoe ui;
            text-shadow: 0 1px 1px rgba(0,0,0,0.2);*/
            font-weight: 600!important;
            font-size: 13px;
            padding: 7px 7px 8px 3px;" value="Concluir compra" onclick="buyItems()" />
        <input type="button" class="btn" style="color: white;
            background-color: #303d46;
            border-radius: 1px;/*
            box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);*/
            height: auto!important;/*
            font-family: segoe ui;
            text-shadow: 0 1px 1px rgba(0,0,0,0.2);*/
            font-weight: 600!important;
            font-size: 13px;
            padding: 7px 7px 8px 3px;" value="Resetar ítens" onclick="resetItems()" />
      </p>
  </div>

  <div class="main">
      <div class="main-head">
        <div class="page-title">
            <h2>
              Loja                 
            </h2>
        </div>
      </div>
      <div class="main-content cont">
        <table class="content">
            <tbody class="itens">
              <tr class="item">
                  <td class="icone" style="width: 10%;border-left: 2px solid #f79f25;font-size: 40px!important;border-radius: 4px;color: white;">
<strong>N</strong>
</td>
                  <td style="width: 50%;"><strong class="nome">Mudar Nickname</strong><br /><br /><i class="preco" data-myprice="1000">Preço: <b>1000</b> ppc</i></td>
                  <td>
                    <ul>
                    <form id="privatemessage" action="/post?f=72&mode=newtopic" method="post" name="post">
                    <input type="text" name="subject" value="「LOJA」Troca de nick" maxlength="100" style="display:none" />
                    <input id="tagtext" type="text" placeholder="Digite aqui o novo nick desejado." style="width:70%;padding:4.5px 8px;display:inline-block;margin:6px 0 0 0" />
                    <textarea name="message" style="display:none" id="taglocal"></textarea>
                    <span class="buttons">
                    <input type="button" value="Comprar" class="addButton" onclick="enviatag(jQuery('#tagtext').val(),jQuery('#taglocal'))" />
                    <input type="submit" style="display:none" name="post" class="addButton" />
                    </span>                       
               </form>
                    </ul>
                  </td>
              </tr>
              <tr class="item">
                <td class="icone" style="width: 10%;border-left: 2px solid #ef4836;font-size: 40px!important;border-radius: 4px;color: white;">
<strong>T</strong>
</td>
                  <td style="width: 50%;"><strong class="nome">Título no perfil</strong><br /><br /><i class="preco" data-myprice="1500">Preço: <b>1500</b> ppc</i></td>
                  <td>
                  <ul>
                    <form id="privatemessage" action="/post?f=72&mode=newtopic" method="post" name="post">
               <input type="text" name="subject" value="「LOJA」Título no Perfil" maxlength="100" style="display:none" />
                    <input id="tagtext4" type="text" placeholder="Digite aqui o texto para ser o título do seu perfil" style="width:70%;padding:4.5px 8px;display:inline-block;margin:6px 0 0 0" />
                    <textarea name="message" style="display:none" id="taglocal4"></textarea>
                    <span class="buttons">
                    <input type="button" value="Comprar" class="addButton" onclick="enviatag4(jQuery('#tagtext4').val(),jQuery('#taglocal4'))" />
                    <input type="submit" style="display:none" name="post" class="addButton" />
                    </span>                   
          </form>
                    </ul>
                  </td>
              </tr>
              <tr class="item" style="display:none;">
                <td class="icone" style="width: 10%;border-left: 2px solid #1e824c;font-size: 40px!important;border-radius: 4px;color: white;">
<strong>C</strong>
</td>
                  <td style="width: 50%;"><strong class="nome">Converter</strong><br /><br /><i class="preco" data-myprice="1500">Lembrado que <b class="cashDivDiv">0</b> ppc = <b>10</b> Cash.</i></td>
                  <td>
                    <ul>
         <form id="privatemessage" action="/post?f=72&mode=newtopic" method="post" name="post">
                        <input type="text" name="subject" value="「LOJA」Converter PPC em Cash" maxlength="100" style="display:none" /> 
                        <input id="tagtext9" class="cashInputInput" onchange="transformaEmPPC()" type="text" placeholder="Digite a Quantidade de Cash desejado" style="width:70%;padding:4.5px 8px;display:inline-block;margin:6px 0 0 0" />
                        <textarea name="message" style="display:none" id="taglocal9"></textarea>
                        <span class="buttons"> 
                        <input disabled="true" class="specialButtonK" type="button" value="Comprar" onclick="enviatag6(jQuery('#tagtext9').val(),jQuery('#taglocal9'),jQuery('.cashDivDiv').html())" />
                        <input type="submit" style="display:none" name="post" class="addButton" />
                        </span>                       
            </form>
                    </ul>
                  </td>
              </tr>
              <tr class="item">
                                  <td class="icone" style="width: 10%;border-left: 2px solid #ad3;font-size: 40px!important;border-radius: 4px;color: white;">
<strong>E</strong>
</td>
                  <td style="width: 50%;"><strong class="nome">Emblema customizado​ </strong><br /><br /><i class="preco" data-myprice="3500">Preço: <b>3500</b> ppc</i></td>
                  <td>
                    <ul>
         <form id="privatemessage" action="/post?f=72&mode=newtopic" method="post" name="post">
         <input type="text" name="subject" value="「LOJA」Emblema Custom" maxlength="100" style="display:none" />
                        <input id="tagtext3" type="text" placeholder="Digite aqui o Link da Imagem do Emblema Desejado." style="width:70%;padding:4.5px 8px;display:inline-block;margin:6px 0 0 0" />
                        <textarea name="message" style="display:none" id="taglocal3"></textarea>
                      <span class="buttons">
                      <input type="button" value="Comprar" class="addButton" onclick="enviatag3(jQuery('#tagtext3').val(),jQuery('#taglocal3'))" />
                    <input type="submit" style="display:none" name="post" class="addButton" />
                      </span>                       
                    </form>
                    </ul>
                  </td>
              </tr>
              <tr class="item" style="display:none">
                <td class="icone" style="width: 10%;border-left: 2px solid #9e8e5a;font-size: 40px!important;border-radius: 4px;color: white;">
<strong>D</strong>
</td>
<td style="width: 50%;"><strong class="nome">Doar dinheiro ficticio</strong><br /><br /><i class="preco" data-myprice="3500">Limite <b>2000</b> ppc <!--/ <b>20</b> Cash--></i></td>
                  <td>
                    <ul>
          <form onsubmit="submit_form();" action="/posting.forum" id="generated_form" method="post" enctype="multipart/form-data">
                        <input type="hidden" name="form_mode" value="0" />
                        <input data-type="field" id="field0002" type="text" placeholder="quantidade, cash ou PPC?" style="width:50%;padding:4.5px 8px;display:inline-block;margin:6px 0 0 0" />
                        <input data-type="field" id="field0001" type="text" placeholder="doar para... (nick)" style="width:50%;padding:4.5px 8px;display:inline-block;margin:6px 0 0 0" />
                        <input type="hidden" name="f" value="72" />
                        <input type="hidden" name="subject" value="O script não enviou o título" template="「LOJA」Doação" />
                        <input type="hidden" name="description" value="O script não enviou a descrição" template="" />
                        <textarea name="message" style="display:none"></textarea>
                        <textarea id="message-template-bbcode-0" style="display:none">
[size=13][font=Trebuchet MS][center][b]Doar dinheiro ficticio[/b][/center][/font][/size]
[b]Doar para:[/b] @{field0001}
[b]Quantidade:[/b] {field0002}
                          </textarea> 
                          <input type="hidden" name="mode" value="newtopic" /> <input type="hidden" name="lt" value="0" /> 
                        <span class="buttons">
                        <input type="button" value="Comprar" class="addButton" name="post" />
                        <input type="submit" style="display:none" name="post" class="addButton" />
                        </span>     
          </form>
                    </ul>
                  </td>
              </tr>
              <tr class="item">
                  <td class="icone" style="width: 10%;border-left: 2px solid #f21a1a;font-size: 40px!important;border-radius: 4px;color: white;">
<strong>R</strong>
</td>
                  <td style="width: 50%;"><strong class="nome">Retirar Infrações</strong><br /><br /><i class="preco" data-myprice="1500">Preço: <b>1000</b> ppc por cada</i></td>
                  <td>
                    <ul>
                        <form id="privatemessage" action="/post?f=72&mode=newtopic" method="post" name="post">
          <select name="subject" id="tagtext5">
                        <option value="1 Infração a Menos">1</option>
                        <option value="2 Infrações a Menos">2</option>
                        <option value="3 Infrações a Menos">3</option>
                        <option value="4 Infrações a Menos">4</option>
                        </select>
                        <textarea name="message" style="display:none" id="taglocal5"></textarea>
                        <span class="buttons">
                        <input type="button" value="Comprar" class="addButton" onclick="enviatag5(jQuery('#tagtext5').val(),jQuery('#taglocal5'))" />
                        <input type="submit" style="display:none" name="post" class="addButton" />
                        </span>                       
         </form>
                    </ul>
                  </td>
              </tr>
                <tr class="item">
                  <td class="icone" style="width: 10%;border-left: 2px solid #e5e9e9;font-size: 40px!important;border-radius: 4px;color: white;">
<strong>C</strong>
</td>
                  <td style="width: 50%;"><strong class="nome">Cor no Titulo</strong><br /><br /><i class="preco" data-myprice="1500">Preço: <b>3000</b> ppc por cada</i></td>
                  <td>
                    <ul>
                        <form id="privatemessage" action="/post?f=72&mode=newtopic" method="post" name="post">
 <input type="text" name="subject" value="「LOJA」Converter PPC em Cash" maxlength="100" style="display:none" /> 
                        <input id="tagtext2" type="text" placeholder="link do topico" style="width:70%;padding:4.5px 8px;display:inline-block;margin:6px 0 0 0" />
<select name="subject" id="tagtext2">
                        <option value="「LOJA」Titulo Vermelho">Vermelho</option>
                        <option value="「LOJA」Titulo Verde">Verde</option>
                        <option value="「LOJA」Titulo Azul">Azul</option>
                        <option value="「LOJA」Titulo Roxa">Roxa</option>
                          <option value="「LOJA」Titulo Amarelo">Amarelo</option>
                        <option value="「LOJA」 Titulo Branco">Branco</option>
                        </select>
                        <textarea name="message" style="display:none" id="taglocal2"></textarea>
                        <span class="buttons">
                        <input type="button" value="Comprar" class="addButton" onclick="enviatag2(jQuery('#tagtext2').val(),jQuery('#taglocal2'))" />
                        <input type="submit" style="display:none" name="post" class="addButton" />
                        </span>                       
         </form>
                    </ul>
                  </td>
              </tr>
              <tr class="item">
                  <td class="icone" style="width: 10%;border-left: 2px solid #1af2eb;font-size: 40px!important;border-radius: 4px;color: white;">
<strong>P</strong>
</td>
                  <td style="width: 50%;"><strong class="nome">Premium 30 dias</strong><br /><br /><i class="preco" data-myprice="15000">Preço: <b>4000</b> ppc</i></td>
                  <td>
                    <ul>
                        <li>Premium por 1 mês</li>
                        <br />
                        <li><form id="privatemessage" action="/post?f=72&mode=newtopic" method="post" name="post">
                    <input type="text" name="subject" value="「LOJA」Premium por 1 mês" maxlength="100" style="display:none" />
                    <input id="tagtext8" type="text" value="Premium por 1 mês" style="display:none!important" />
                    <textarea name="message" style="display:none" id="taglocal8"></textarea>
                    <span class="buttons">
                    <input type="button" value="Comprar" class="addButton" onclick="enviatag8(jQuery('#tagtext8').val(),jQuery('#taglocal8'))" />
                    <input type="submit" style="display:none" name="post" class="addButton" />
                    </span>                       
               </form></li>
                    </ul>
                  </td>
              </tr>
            </tbody>
        </table>
        <div id="cart">
            <div class="cart"></div>
            <span class="total"></span>
        </div>
      </div>
  </div>
</div>

Uma pena :/

Infelizmente essa adaptação não me serve para a forma que aplicarei... Mas tudo bem, vou tentar adaptar

Obrigado pela ajuda <3