Como adicionar loja? Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema

Fórum dos Fóruns

Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Como adicionar loja?

5 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery

Ir para baixo

Tópico resolvido Como adicionar loja?

Mensagem por .Danni. 17.07.14 6:42


  • Descrição:

Eu achei esse script de loja aqui no FdF:

Código:
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script><link href="http://translate.googleapis.com/translate_static/css/translateelement.css" charset="UTF-8" rel="stylesheet" type="text/css" /><script src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js" charset="UTF-8" type="text/javascript"></script><script src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js" charset="UTF-8" type="text/javascript"></script><script type="text/javascript">
jQuery(document).ready(function(){
       jQuery('.Tabs li').click(function(){
               jQuery('.Tabs li').removeClass('active');
               jQuery(this).addClass('active');
               jQuery(this).find('a');
return false;
       });
jQuery('a.all_itens').click(function(){
                   jQuery('.abas').hide();
                   jQuery('#abas1').show();
               });
jQuery('a.all_pay').click(function(){
                   jQuery('.abas').hide();
                   jQuery('#abas2').show();
               });
});
</script><script type="text/javascript">
(function($){
$(document).ready(function(){
var $total = 0.0

$('.addButton').click(function (){
   var theID ='#' + $(this).attr('data-item');
var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));
$total += pointstoAdd;
$('.totaler').html('Total = ' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('span:first').html()+ '</li>';
$('.theList').append($newItem);
BindIt();
});

function BindIt(){
 
   $('.cart-item').unbind('click');
 
   $('.cart-item').click( function(){
       $total -= parseFloat($(this).attr('data-points'));
       $('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
       $(this).remove();
   });
}
});
$(document).ready(
             function() {
               $('#submitCart').click(function() {
               var text = '';
var total = 0;

$(".theList li").each(function () {
 var string = $(this).text();
 var points = parseInt($(this).data('points'));

 //capitalize first letter of string
 text += string.charAt(0).toUpperCase() + string.slice(1)
 //add line break at the end
     + ' = ' + points + "\n";

 total += points;
});

//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total de Moedas = €" + total;
$("#cartMessage").text(text);
           });
       });
})(jQuery);
</script><script>
function enviatag(tag, local) {
 var message = "
[center][b]Loja[/b][/center]
[center]&nbsp;[/center]
;
 jQuery(local).html(message);
 jQuery(local).closest('form').find('input[name="post"]').click();
}
$(function() {
 $.get('/profile?mode=editprofile', function(prof) {
     var link=$('form[action="/profile"] .main-head .subtitle a[href^="/u"]',prof).attr('href');
     $.get(link, function(cash) {
       my_cash=$('#profile-advanced-details .main-content .middleline dl:contains("Pontos") dd',cash).text();
       $('.myc cash').html(my_cash);
     });
 });
});
</script><style type="text/css">
li.views.desc {
list-style: none !important;
}
.cart_items, #checkout {
padding: 10px;
border-radius: 3px;
margin: 2px 10px;
}
.cartWrapper{width:100%;}
.statused li {list-style-type: none;}
.theList li {
list-style-type: upper-hexadecimal;
background: rgb(75, 66, 54);
margin: 1px 3px;
color: white;
font: bold italic 12px helvetica;
border-radius: 3px 5px 5px 3px;
display: inline-block;
padding: 2px 10px 2px 2px;
cursor: pointer;
}
.theList li:before {
content: " ";
position: relative;
display: inline-block;
height: 1px;
width: 5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid rgb(75, 66, 54);
left: -14px;
top: 1px;
}
.main .cont, .box_r, .box_t{
padding: 9px;
}
.box_r {
background: rgba(49, 42, 38, 1);
box-shadow: #000 0px 0px 5px;
}
.box_t {
box-shadow: inset #000 0px 0px 5px;
background: #413931;
}
.LayoutLeft {
padding-left: 150px;
}
.Layout_smallleft {
position: relative;
width: 150px;
margin-left: -190px;
float: left;
}
.Tabs ul {
width: 149px !important;
margin-top: 10px;
border-left: 1px solid #DBE4EF;
list-style: none !important;
}
.Tabs li {
background: #241F1B;
color: #634D42;
font-size: 13px;
}
.Tabs li.active a {
width: 135px;
position: relative;
z-index: 8000;
background: rgba(49, 42, 38, 1);
color: #3A3532 !important;
font-weight: bold;
text-shadow: 1px 1px 0px #695B51, -1px -1px 0px #1A1512;
}
.Tabs li a {
display: block;
padding: 10px 8px;
color: #241F1D !important;
font-weight: bold;
text-shadow: 1px 1px 0px #695B51, -1px -1px 0px #000000;
-webkit-transition: background-color 0.1s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
}
.Tabs li a:hover {
background: transparent !important;
text-shadow: #9C7F71 0px 0px 3px;
}
#usercp_content {
min-height: 395px;
}
.message {
background: #8A7A6C;
padding: 10px;
color: #3A2F27;
line-height: 1.6;
font-size: 12px;
box-shadow: inset #000 0px 0px 10px;
}
.pun table.table td {padding: 10px;}
.pun table.table td.row2 {
background-color: #f1f6f9;
}
input[type="button"] {
margin: -28px 0px 0px 145px;
position: absolute;
}
.myc {cursor: pointer;}

table.tbl {
margin: 10px;
}


</style>
<div class="main">

<div class="main-head">

<div class="page-title">
<h2>Loja
</h2>
</div>

</div>

<div class="main-content cont">

<div class="LayoutLeft clearfix">

<div class="Tabs Layout_smallleft">

<ul>

<li class="active">
<a class="all_itens" title="Todos os ítens" href="#">Todos os ítens</a>
</li>

<li>
<a class="all_pay" title="Carrinho de Compras" href="#">Concluir o pedido</a>
</li>

</ul>
</div>

<div id="usercp_content">

<div class="box_r">

<div class="box_t">
<!--  Início aba 1  -->
<div class="abas" id="abas1">

<div style="margin:10px" class="message">
<strong class="myc">Sua carteira: <cash style="font-style: italic;">0</cash></strong> <br /> Esse valor é determinado por sua participação no fórum ao postar mensagens, criar tópicos, etc.
</div>
<div class="main-head">

<div class="page-title">
<h2>
Ítens
</h2>
</div>

</div>
<li class="views desc">
<form name="post" method="post" action="/privmsg">
</form><input value="Carrinho" style="display:none" type="text" name="username[]" /><input class="usernameinput" type="text" name="subject" maxlength="64" style="display:none;" value="Loja" /><textarea id="taglocal" style="display:none" name="message"></textarea></span>
</li>
<table class="tbl" cellspacing="0">

<tbody class="statused">
<tr class="item" id="item1">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img style="width:50px;height:50px;" src="http://s25.postimg.org/5r71i5i4b/assinatura.png" /></span>
</td>
<td style="width:40%;" class="col_f_content">
 <strong>Assinatura</strong>
<br /> <span class="desc lighter blend_links">Pacote que garante direito de uso da assinatura. Duração de 1 mês.</span>
</td>
<td class="col_f_post">

<ul>

<li data-myprice="500" class="views desc points">
 <img src="http://i.imgur.com/qdiucii.png" /> Preço: 500
</li>

<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: Disponível
</li>

<li class="views desc">
<input value="Comprar" data-item="item1" class="addButton" type="button" />
</li>

</ul>

</td>
</tr>

<tr class="item" id="item2">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img style="width:50px;height:50px;" src="http://s25.postimg.org/mqfzxetbv/pacexp.png" /></span>
</td>
<td style="width:40%;" class="col_f_content">
<strong>Pacote EXP</strong>
<br /> <span class="desc lighter blend_links">Compre EXP extra caso não consiga tempo para upar! Compra limitado por jogador.</span>
</td>
<td class="col_f_post">

<ul>

<li data-myprice="1000" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 1000
</li>

<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: Disponível
</li>

<li class="views desc">
<input value="Comprar" data-item="item2" class="addButton" type="button" />
</li>

</ul>

</td>
</tr>

<tr class="item" id="item3">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img style="width:50px;height:50px;" src="http://s25.postimg.org/j5k4e6osb/persextra.png" /></span>
</td>
<td style="width:40%;" class="col_f_content">
<strong>Personagem Extra</strong>
<br /> <span class="desc lighter blend_links">Compre mais um personagem para jogar. Nível básico.</span>
</td>
<td class="col_f_post">

<ul>

<li data-myprice="1500" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 1500
</li>

<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: Disponível
</li>

<li class="views desc">
<input value="Comprar" data-item="item3" class="addButton" type="button" />
</li>

</ul>

</td>
</tr>

</tbody>
</table>

</div>

</div>
<!--  Fim aba 1  -->
 <div class="box_t">
<!--  Início aba 2  -->
<div style="display: none" class="abas" id="abas2">
 <div class="main-head">
<div class="page-title">
<h2>
Carrinho de Compras
</h2>
</div>

</div>
<div class="cartWrapper">
<div id="cartj" class="cart">
<div class="cart_body">
<div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
<span class="totaler"></span>
</div>
<form name="post" method="post" action="/privmsg" id="privatemessage"><input value="Administrador" style="display:none" type="text" name="username[]" /><input class="usernameinput" type="text" name="subject" maxlength="64" style="display:none" value="Loja" /><textarea name="message" class="noThis" style="display:none" id="cartMessage"></textarea><span class="buttons"><input onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false;return false;" value="Confirmar compra" type="submit" id="submitCart" /> Confirme seus produtos. <input disabled="disabled" id="sendingBut" name="post" value="Enviar pedido" type="submit" /></span>
</form>

</div>
<div id="checkout">
Para comprar basta confirmar suas escolhas e em seguida enviar o pedido. Num prazo máximo de 24 horas ele será atendido. Agradecemos a preferência!</span>
</div>

</div>
</div>
<!--  Fim aba 2  -->
</div>
</div>

</div>

</div>
</div>

Alterei como preciso, contudo tenho dois problemas:

- A MP vai apenas com os valores dos produtos e não com a descrição;
- A parte onde deveria aparecer o tanto de pontos que o usuário tem (sua carteira) não funciona.

Eu tentei substituir o nome original pelo nome do campo que está no meu fórum, mas não resolveu no caso da carteira. Já a MP sem a descrição não sei o que causa isso.

Grata desde já.


  • Informações:




Fórum:http://helitas.ace.st/Versão:PUNBB
Tipo:Erros diversosTags:adicionar,loja?


Última edição por Eva Boss em 18.08.14 0:26, editado 1 vez(es)
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por Shek 18.07.14 0:24

Olá!

Já tentou ver o script desta mensagem?
https://ajuda.forumeiros.com/t91722-como-adicionar-uma-loja-em-meu-forum#624680

Ele está funcionando perfeitamente, pois o script que apresentou acima foi copiado de um fórum que já não o atualizava a meses.

Até mais!
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

Tópico resolvido Re: Como adicionar loja?

Mensagem por .Danni. 18.07.14 3:18

Boa noite

É justamente esse o script que eu estou usando. O que eles fornecem como download não funcionou, eu peguei o da penúltima mensagem, ele funciona eu só preciso corrigir esses dois detalhes, tentei como eu poso mas não entendo tanto de scritp.

http://helitas.ace.st/h1-
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por .Danni. 21.07.14 12:16

Up
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por waghcwb 26.07.14 15:28

Olá,

Pelo que vi, você entende de CSS certo? Posso refazer o efeito aqui, e deixar para que possa estilizar da maneira que achar mais adequada. O que acha?
waghcwb
waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por .Danni. 26.07.14 17:53

Boa tarde,

Eu só preciso consertar essas duas coisas, o valor do quanto de pontos a pessoa tem que fica em 0 e o fato de que não aparecem as imagens ou nomes dos produtos na MP enviada no final da compra.

Meu código (já alterei pra se adequar ao meu fórum)

Código:
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script><link href="http://translate.googleapis.com/translate_static/css/translateelement.css" charset="UTF-8" rel="stylesheet" type="text/css" /><script src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js" charset="UTF-8" type="text/javascript"></script><script src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js" charset="UTF-8" type="text/javascript"></script><script type="text/javascript">
jQuery(document).ready(function(){
        jQuery('.Tabs li').click(function(){
                jQuery('.Tabs li').removeClass('active');
                jQuery(this).addClass('active');
                jQuery(this).find('a');
 return false;
        });
jQuery('a.all_itens').click(function(){
                    jQuery('.abas').hide();
                    jQuery('#abas1').show();
                });
jQuery('a.all_pay').click(function(){
                    jQuery('.abas').hide();
                    jQuery('#abas2').show();
                });
});
</script><script type="text/javascript">
(function($){
$(document).ready(function(){
var $total = 0.0

$('.addButton').click(function (){
    var theID ='#' + $(this).attr('data-item');
var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));
$total += pointstoAdd;
$('.totaler').html('Total = ' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('span:first').html()+ '</li>';
$('.theList').append($newItem);
BindIt();
});

function BindIt(){
 
    $('.cart-item').unbind('click');
 
    $('.cart-item').click( function(){
        $total -= parseFloat($(this).attr('data-points'));
        $('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
        $(this).remove();
    });
}
});
 $(document).ready(
              function() {
                $('#submitCart').click(function() {
                var text = '';
var total = 0;

$(".theList li").each(function () {
  var string = $(this).text();
  var points = parseInt($(this).data('points'));

  //capitalize first letter of string
  text += string.charAt(0).toUpperCase() + string.slice(1)
  //add line break at the end
      + ' = ' + points + "\n";

  total += points;
});

//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total de Moedas = €" + total;
$("#cartMessage").text(text);
            });
        });
})(jQuery);
</script><script>
function enviatag(tag, local) {
  var message = "
[center][b]Loja[/b][/center]
[center]&nbsp;[/center];
  jQuery(local).html(message);
  jQuery(local).closest('form').find('input[name="post"]').click();
}
$(function() {
  $.get('/profile?mode=editprofile', function(prof) {
      var link=$('form[action="/profile"] .main-head .subtitle a[href^="/u"]',prof).attr('href');
      $.get(link, function(cash) {
        my_cash=$('#profile-advanced-details .main-content .middleline dl:contains("Pontos") dd',cash).text();
        $('.myc cash').html(my_cash);
      });
  });
});
</script><style type="text/css">
li.views.desc {
list-style: none !important;
}
.cart_items, #checkout {
padding: 10px;
border-radius: 3px;
margin: 2px 10px;
}
.cartWrapper{width:100%;}
.statused li {list-style-type: none;}
.theList li {
list-style-type: upper-hexadecimal;
background: rgb(75, 66, 54);
margin: 1px 3px;
color: white;
font: bold italic 12px helvetica;
border-radius: 3px 5px 5px 3px;
display: inline-block;
padding: 2px 10px 2px 2px;
cursor: pointer;
}
.theList li:before {
content: " ";
position: relative;
display: inline-block;
height: 1px;
width: 5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid rgb(75, 66, 54);
left: -14px;
top: 1px;
}
.main .cont, .box_r, .box_t{
padding: 9px;
}
.box_r {
background: rgba(49, 42, 38, 1);
box-shadow: #000 0px 0px 5px;
}
.box_t {
box-shadow: inset #000 0px 0px 5px;
background: #413931;
}
.LayoutLeft {
padding-left: 150px;
}
.Layout_smallleft {
position: relative;
width: 150px;
margin-left: -190px;
float: left;
}
.Tabs ul {
width: 149px !important;
margin-top: 10px;
border-left: 1px solid #DBE4EF;
list-style: none !important;
}
.Tabs li {
background: #241F1B;
color: #634D42;
font-size: 13px;
}
.Tabs li.active a {
width: 135px;
position: relative;
z-index: 8000;
background: rgba(49, 42, 38, 1);
color: #3A3532 !important;
font-weight: bold;
text-shadow: 1px 1px 0px #695B51, -1px -1px 0px #1A1512;
}
.Tabs li a {
display: block;
padding: 10px 8px;
color: #241F1D !important;
font-weight: bold;
text-shadow: 1px 1px 0px #695B51, -1px -1px 0px #000000;
-webkit-transition: background-color 0.1s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
}
.Tabs li a:hover {
background: transparent !important;
text-shadow: #9C7F71 0px 0px 3px;
}
#usercp_content {
min-height: 395px;
}
.message {
background: #8A7A6C;
padding: 10px;
color: #3A2F27;
line-height: 1.6;
font-size: 12px;
box-shadow: inset #000 0px 0px 10px;
}
.pun table.table td {padding: 10px;}
.pun table.table td.row2 {
background-color: #f1f6f9;
}
input[type="button"] {
margin: -28px 0px 0px 145px;
position: absolute;
}
.myc {cursor: pointer;}

table.tbl {
margin: 10px;
}


</style>
<div class="main">
 
<div class="main-head">
 
<div class="page-title">
<h2>Loja
</h2>
</div>
 
</div>
 
<div class="main-content cont">
 
<div class="LayoutLeft clearfix">
 
<div class="Tabs Layout_smallleft">
 
<ul>
 
<li class="active">
<a class="all_itens" title="Todos os ítens" href="#">Todos os ítens</a>
</li>
 
<li>
<a class="all_pay" title="Carrinho de Compras" href="#">Concluir o pedido</a>
</li>
 
</ul>
</div>
 
<div id="usercp_content">
 
<div class="box_r">
 
<div class="box_t">
<!--  Início aba 1  -->
<div class="abas" id="abas1">
 
<div style="margin:10px" class="message">
<strong class="myc">Sua carteira: <cash style="font-style: italic;">0</cash></strong> <br /> Esse valor é determinado por sua participação no fórum ao postar mensagens, criar tópicos, etc.
</div>
<div class="main-head">
 
<div class="page-title">
<h2>
Ítens
</h2>
</div>
 
</div>
<li class="views desc">
<form name="post" method="post" action="/privmsg">
</form><input value="Carrinho" style="display:none" type="text" name="username[]" /><input class="usernameinput" type="text" name="subject" maxlength="64" style="display:none;" value="Loja" /><textarea id="taglocal" style="display:none" name="message"></textarea></span>
</li>
<table class="tbl" cellspacing="0">
 
<tbody class="statused">
<tr class="item" id="item1">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img style="width:50px;height:50px;" src="http://s25.postimg.org/5r71i5i4b/assinatura.png" /></span>
</td>
<td style="width:40%;" class="col_f_content">
  <strong>Assinatura</strong>
<br /> <span class="desc lighter blend_links">Pacote que garante direito de uso da assinatura. Duração de 1 mês.</span>
</td>
<td class="col_f_post">
 
<ul>
 
<li data-myprice="500" class="views desc points">
  <img src="http://i.imgur.com/qdiucii.png" /> Preço: 500
</li>
 
<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: Disponível
</li>
 
<li class="views desc">
<input value="Comprar" data-item="item1" class="addButton" type="button" />
</li>
 
</ul>
 
</td>
</tr>
 
<tr class="item" id="item2">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img style="width:50px;height:50px;" src="http://s25.postimg.org/mqfzxetbv/pacexp.png" /></span>
</td>
<td style="width:40%;" class="col_f_content">
<strong>Pacote EXP</strong>
<br /> <span class="desc lighter blend_links">Compre EXP extra caso não consiga tempo para upar! Compra limitado por jogador.</span>
</td>
<td class="col_f_post">
 
<ul>
 
<li data-myprice="1000" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 1000
</li>
 
<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: Disponível
</li>
 
<li class="views desc">
<input value="Comprar" data-item="item2" class="addButton" type="button" />
</li>
 
</ul>
 
</td>
</tr>
 
<tr class="item" id="item3">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img style="width:50px;height:50px;" src="http://s25.postimg.org/j5k4e6osb/persextra.png" /></span>
</td>
<td style="width:40%;" class="col_f_content">
<strong>Personagem Extra</strong>
<br /> <span class="desc lighter blend_links">Compre mais um personagem para jogar. Nível básico.</span>
</td>
<td class="col_f_post">
 
<ul>
 
<li data-myprice="1500" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 1500
</li>
 
<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: Disponível
</li>
 
<li class="views desc">
<input value="Comprar" data-item="item3" class="addButton" type="button" />
</li>
 
</ul>
 
</td>
</tr>
 
</tbody>
</table>
 
</div>
 
</div>
<!--  Fim aba 1  -->
  <div class="box_t">
<!--  Início aba 2  -->
<div style="display: none" class="abas" id="abas2">
  <div class="main-head">
<div class="page-title">
<h2>
Carrinho de Compras
</h2>
</div>
 
</div>
<div class="cartWrapper">
<div id="cartj" class="cart">
<div class="cart_body">
<div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
<span class="totaler"></span>
</div>
<form name="post" method="post" action="/privmsg" id="privatemessage"><input value="Administrador" style="display:none" type="text" name="username[]" /><input class="usernameinput" type="text" name="subject" maxlength="64" style="display:none" value="Loja" /><textarea name="message" class="noThis" style="display:none" id="cartMessage"></textarea><span class="buttons"><input onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false;return false;" value="Confirmar compra" type="submit" id="submitCart" /> Confirme seus produtos. <input disabled="disabled" id="sendingBut" name="post" value="Enviar pedido" type="submit" /></span>
</form>
 
</div>
<div id="checkout">
Para comprar basta confirmar suas escolhas e em seguida enviar o pedido. Num prazo máximo de 24 horas ele será atendido. Agradecemos a preferência!</span>
</div>
 
</div>
</div>
<!--  Fim aba 2  -->
 </div>
</div>
 
</div>
 
</div>
</div>
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por waghcwb 26.07.14 18:13

Ok, só uma pergunta, este "minha carteira" é referente a reputação do usuário? Pontos? Se for, tem como deixar este campo visível para visitantes em seu fórum?

Abraços..
waghcwb
waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por .Danni. 26.07.14 19:05

Esse campo é referente aos pontos do usuário. Já está visível aos convidados.
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por waghcwb 26.07.14 19:11

Certo, só um último detalhe antes de eu lhe passar um código válido, tem como postar o código HTML que você mandou acima aqui? Acontece que as vezes porventura a tag code acaba "bugando" os códigos e eles vem de maneira inadequada para analise. Continuamos em seguida..
waghcwb
waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por .Danni. 26.07.14 19:24

.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por .Danni. 29.07.14 19:47

Up
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por .Danni. 03.08.14 6:35

Mais de 2 semanas e nenhuma resolução =/
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por Shek 03.08.14 12:06

Bom dia!

Tente com este código HTML:
Código:
<style>#right {width: 1px;height: 1px;max-width: 1px;max-height: 1px;overflow: hidden;display: none;}#content{width: 100%;z-index: 999;}</style>
<html class="translated-ltr"><head><script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
 <link type="text/css" rel="stylesheet" charset="UTF-8" href="http://translate.googleapis.com/translate_static/css/translateelement.css"><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js"></script><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js"></script></head><body style="zoom: 1; ">
<style type="text/css">
.header{color:#333;font-size:51px;text-align:left;height:40px;padding-bottom:40px;padding-top: 30px;}
/.shopWrapper{text-align:center;margin:0 auto;border:3px dashed/
#0000ff;overflow:hidden;height:auto;background: whiteSmoke;}
.title{color:#000;font-size:18px;}
.image img{height:51px;width:51px;}
.image{text-align:center;}
.points{color:#EEE;font-size:11px;float:left;text-align:center;}
.sale{color:#ff0000;font-size:11px;float:right;text-align:center;}
.item{width:131px;min-height:150px;border:1px solid #000;overflow:hidden;height:auto;padding:5px;background:#fff;text-align:center;}
.descrip{background:#881519;overflow:hidden;height:auto;min-height: 50px;padding:3px;border-radius:3px;margin-bottom: 3px;}
.description {color: white;font-size: 11px;word-wrap: break-word;text-align: left !important;float: left;text-indent: 11px;}
.itemWrapper{text-align:center;margin:0 auto;float:left;}
.inventWrapper{float:left;width:1050px;height:auto;overflow:hidden;}
.cart{overflow: hidden;background: white;}
.cart_title{text-align:center;color:#000;border-bottom:2px solid #000;}
.cart_items{text-align:center;}
.cart_body{text-align: center;
margin: ;
overflow-x: hidden;
overflow-y: scroll;
border: 1px solid lime;
height: 300px;
background: white;}
.cartWrapper{margin-top: 8px;float:left;width:250px;}
.totaler{bottom:0;}
li:hover{cursor:pointer;}
#checkout{float: left;
height: 100px;
text-align: center;
background: white;
border-top: 2px solid lime;
margin-top: 5px;
width: 100% !important;}
</style>


<script type="text/javascript">
(function($){
$(document).ready(function(){
var $total = 0.0

$('.addButton').click(function (){
    var theID ='#' + $(this).attr('data-item');
var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));
$total += pointstoAdd;
$('.totaler').html('Total= Moedas ' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('.title').text()+ '</li>';
$('.theList').append($newItem);
BindIt();
});

function BindIt(){
 
    $('.cart-item').unbind('click');
 
    $('.cart-item').click( function(){
        $total -= parseFloat($(this).attr('data-points'));
        $('.totaler').html('Total= Moedas ' + $total.toFixed(2));
        $(this).remove();
    });
}
});
 $(document).ready(
              function() {
                $('#submitCart').click(function() {
                var text = '';
var total = 0;

$(".theList li").each(function () {
  var string = $(this).text();
  var points = parseInt($(this).data('points'));

  //capitalize first letter of string
  text += string.charAt(0).toUpperCase() + string.slice(1)
  //add line break at the end
      + ' = ' + points + "\n";

  total += points;
});

//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total = Moedas " + total;
$("#cartMessage").text(text);
            });
        });
})(jQuery);
</script>
<div class="header"><font>Faça o seu pedido de ítem</font></div>
<div class="shopWrapper">
<div class="inventWrapper">

<div class="itemWrapper">
<div id="item1" class="item">
<span class="title"><font><font>Helmet</font></font></span><br>
<span class="image"><img src="http://png.findicons.com/files/icons/2169/picnic/70/helmet2.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item1" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item2" class="item">
<span class="title"><font><font>Sabre de luz 1</font></font></span><br>
<span class="image"><img src="http://png-3.findicons.com/files/icons/2169/picnic/70/lightsaber24.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span><span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item2" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item3" class="item">
<span class="title"><font><font>Sabre de luz 2</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/lightsaber28.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span><span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item3" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item4" class="item">
<span class="title"><font><font>Rain</font></font></span><br>
<span class="image"><img src="http://png-3.findicons.com/files/icons/2169/picnic/70/weather_alt.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item4" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item5" class="item">
<span class="title"><font><font>Wow</font></font></span><br>
<span class="image"><img src="http://png-5.findicons.com/files/icons/2169/picnic/70/categories2.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item5" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item6" class="item">
<span class="title"><font><font>Nerd</font></font></span><br>
<span class="image"><img src="http://png-4.findicons.com/files/icons/2169/picnic/70/todo8.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item6" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item7" class="item">
<span class="title"><font><font>Phantom</font></font></span><br>
<span class="image"><img src="http://png-4.findicons.com/files/icons/2169/picnic/70/skeleton.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item7" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item8" class="item">
<span class="title"><font><font>DJ's</font></font></span><br>
<span class="image"><img src="http://png-4.findicons.com/files/icons/2169/picnic/70/mediaplayer2.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item8" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item9" class="item">
<span class="title"><font><font>MazeFinger</font></font></span><br>
<span class="image"><img src="http://png-1.findicons.com/files/icons/2169/picnic/70/mazefinger.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item9" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item10" class="item">
<span class="title"><font><font>MXTube</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/mxtube.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item10" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item11" class="item">
<span class="title"><font><font>TextWhite</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/textwhite.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item11" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item12" class="item">
<span class="title"><font><font>Copter</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/copter.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item12" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item13" class="item">
<span class="title"><font><font>OrangeBanner</font></font></span><br>
<span class="image"><img src="http://png-3.findicons.com/files/icons/2169/picnic/70/orangebanner.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item13" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item14" class="item">
<span class="title"><font><font>Jedi</font></font></span><br>
<span class="image"><img src="http://png-5.findicons.com/files/icons/2169/picnic/70/jedi.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item14" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item15" class="item">
<span class="title"><font><font>Sabre de luz 3</font></font></span><br>
<span class="image"><img src="http://png-1.findicons.com/files/icons/2169/picnic/70/lightsaber12.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item15" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item16" class="item">
<span class="title"><font><font>Cat 1</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/crashkart1.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item16" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item17" class="item">
<span class="title"><font><font>Cat 2</font></font></span><br>
<span class="image"><img src="http://png-1.findicons.com/files/icons/2169/picnic/70/crashkart2.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item17" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item18" class="item">
<span class="title"><font><font>BattleAtSea</font></font></span><br>
<span class="image"><img src="http://png-1.findicons.com/files/icons/2169/picnic/70/battleatsea.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item18" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item19" class="item">
<span class="title"><font><font>Pikachu</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i30.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item19" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item20" class="item">
<span class="title"><font><font>Gengar</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i31.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item20" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item21" class="item">
<span class="title"><font><font>Rhydon</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i32.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item21" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item22" class="item">
<span class="title"><font><font>Charmander</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i33.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item22" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item23" class="item">
<span class="title"><font><font>Totodile</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i34.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item23" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item24" class="item">
<span class="title"><font><font>Squirtle</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i35.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item24" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item25" class="item">
<span class="title"><font><font>Chikorita</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i36.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item25" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item26" class="item">
<span class="title"><font><font>Bulbasaur</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i37.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item26" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item27" class="item">
<span class="title"><font><font>Cyndaquil</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i38.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item27" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item28" class="item">
<span class="title"><font><font>Piplup</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i39.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item28" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item29" class="item">
<span class="title"><font><font>Ho-oh</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i40.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item29" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item30" class="item">
<span class="title"><font><font>Mew</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i41.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item30" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item31" class="item">
<span class="title"><font><font>Internacional</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i10.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item31" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item32" class="item">
<span class="title"><font><font>Botafogo</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i11.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item32" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item33" class="item">
<span class="title"><font><font>Cruzeiro</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i12.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item33" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item34" class="item">
<span class="title"><font><font>Fiqueirense</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i13.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item34" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item35" class="item">
<span class="title"><font><font>Fluminense</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i14.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item35" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item36" class="item">
<span class="title"><font><font>Portuguesa</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i15.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item36" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item37" class="item">
<span class="title"><font><font>Flamengo</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i16.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item37" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item38" class="item">
<span class="title"><font><font>Santos</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i17.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item38" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item301" class="item">
<span class="title"><font><font>Palmeiras</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i18.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item301" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item302" class="item">
<span class="title"><font><font>Vasco</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i19.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item302" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item303" class="item">
<span class="title"><font><font>São paulo</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i20.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item303" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item304" class="item">
<span class="title"><font><font>Atlético-MG</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i21.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item304" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item305" class="item">
<span class="title"><font><font>Bahia</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i22.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item305" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item306" class="item">
<span class="title"><font><font>Náutico</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i23.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item306" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item307" class="item">
<span class="title"><font><font>Sport</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i24.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item307" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item308" class="item">
<span class="title"><font><font>Ponte preta</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i25.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item308" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item309" class="item">
<span class="title"><font><font>Corinthians</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i26.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item309" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item310" class="item">
<span class="title"><font><font>Coritiba</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i27.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item310" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item311" class="item">
<span class="title"><font><font>Atlético-GO</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i28.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item311" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item401" class="item">
<span class="title"><font><font>Grêmio</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i29.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item401" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item404" class="item">
<span class="title"><font><font>VIP</font></font></span><br>
<span class="image"><img src="http://i945.photobucket.com/albums/ad300/Symas/vip.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="3000"><font><font>3000 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Com esse ítem você ganha 7Dias VIP.</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item404" value="Adicionar ao carrinho"></font></font>
</div>
</div>


<div class="itemWrapper">
<div id="item405" class="item">
<span class="title"><font><font>NEON </font></font></span><br>
<span class="image"><img src="http://lh5.ggpht.com/EX6caFvQZneqSrAmkQzMUPBZ96XUZuW5iFgOFjAdlnoVxv6KsI2xmZ3d1BDqUi6Z6Y6hzqRAsShaNBfL0KQteQ=s96"></span><br>
<div class="descrip">
<span class="points" data-myprice="1000"><font><font>1000 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Com esse ítem você ganha neon no nickname permanente.</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item405" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item406" class="item">
<span class="title"><font><font>Brilho no Nick</font></font></span><br>
<span class="image"><img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSJ5K9mPX5Q3q-kbk6_OFA3cNC_27qA1Hh_ZP50J2eLZh1TkuOwtg"></span><br>
<div class="descrip">
<span class="points" data-myprice="1000"><font><font>1000 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Com esse ítem você ganha brilho no nick.</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item406" value="Adicionar ao carrinho"></font></font>
</div>
</div>



</div>
    <div class="cartWrapper">
<div class="cart" id="cartj">
<div class="cart_body">
<div class="cart_title"><font><font>Carrinho de Compras</font></font></div>
<div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
      <span class="totaler"><font><font>Total = Moedas </font></font></span>
</div>
    </div>
<div id="checkout"><font><font>
Gostaria de confirmar sua compra? </font><font>Se assim for é só clicar no botão Enviar pedido. </font><font>Tempo entre 24 - 48 horas para a entrega de seus itens.
</font></font><form id="privatemessage" action="/privmsg" method="post" name="post">
<input name="username[]" type="text" style="display:none" value="Daemon">
<input value="Pedido da loja BS" style="display:none" maxlength="64" name="subject" type="text" class="usernameinput">
<textarea id="cartMessage" style="display:none" class="noThis" name="message"></textarea>
<span class="buttons"><button id="submitCart" type="button" class="button1" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false"><font><font>Atualizar carrinho</font></font></button> <button type="submit" name="post" class="button2" id="sendingBut" disabled="disabled"><font><font>Enviar pedido</font></font></button></span></form>
<br>
<span><font><font>Lembre-se de clicar em atualizar carrinho antes conferir! </font></font><br><font><font>Enviar o pedido não irá funcionar de outra forma. </font></font><br><font><font>Também verifique se você tem pontos suficientes para fazer tal compra!</font></font></span>
</div>
    </div>

</body></html>
Até mais!
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

Tópico resolvido Re: Como adicionar loja?

Mensagem por .Danni. 03.08.14 20:49

Obrigada pela resposta,

Esse código é totalmente diferente do que o que eu tenho e eu prefiro o meu =/. Eu sei que a correção do que tá errado no meu não é difícil, mas infelizmente meu conhecimento sobre jquery é praticamente inexistente. A minha loja funciona, ela manda a MP com os valores, mas por algum motivo a MP vai assim:

= 1000
= 2000
Total = 3000

E na parte da loja onde ficam os produtos existe um campo que puxa o valor dos pontos do usuário (os que você recebe com posts e tópicos), contudo mesmo eu alterando o nome que tá no script para o que eu uso nos perfis não funcionou.
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por Shek 05.08.14 1:52

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

Tópico resolvido Re: Como adicionar loja?

Mensagem por .Danni. 05.08.14 2:27

Obrigada pela ajuda, mas eu vou desistir. A minha loja é assim: http://dominacao.ace.st/h1- E eu gosto da aparência dela, não quero mudar para outro tipo.

O primeiro código ficou assim: http://dominacao.ace.st/h4-

E o segundo assim: http://dominacao.ace.st/h5-

De qualquer forma pode fechar o tópico, vou dar meu jeito.
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por Shek 05.08.14 3:58

Mas, ambos os códigos funcionam para o envio de MPs. Usando um jquery da para capturar os pontos do usuário e emitir no HTML.

Você tem certeza que gostaria que o tópico fosse marcado como "Resolvido"?
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

Tópico resolvido Re: Como adicionar loja?

Mensagem por Duel 05.08.14 4:37

Opa! Boa noite!

Calma, eu posso tentar lhe ajudar.
Essa parte da carteira, seria em pontos correto?
Veja o HTML, da carteira:
Código:
 <cash style="font-style: italic;">0</cash>
Esse valor não vai mudar, se não for chamado por uma função javascript. Requisitando ao ajax, as informações para proceder a requisição.
Esses pontos, estariam em que posição nos perfis? Poderia me passar um perfil que esteja exatamente com esses tais pontos?


'- A MP vai apenas com os valores dos produtos e não com a descrição;'
Me explique, deseja que vá com o HTML (me refiro ao texto já pronto e visível) em sua caixa de mp? Depois desses dados, posso lhe ajudar tranquilamente. No caso acima, basta trocar o '.val' . Piscada
avatar
Duel
****

Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446

https://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por .Danni. 05.08.14 5:36

O código vem com o script que captura a informação dos pontos, isso eu vi, mas não funciona. Nem utilizando o mesmo nome que tá no meu fórum. Quanto à MP, abrindo a loja dá pra ver que quando se adiciona itens ao carrinho eles aparecem como imagens. No HTML essas imagens tem nome e descrição que imagino eu devessem ir para a MP, contudo não vão, o resultado é uma MP apenas com os valores dos produtos como eu citei anteriormente. Eu queria apenas os nomes dos produtos e o valor, é o suficiente.

A função de MP funciona, só esse detalhe que não. Além do valor dos pontos do usuário que não aparece na carteira.

O código completo está aqui: http://pastebin.com/EbifKmN0
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por Duel 05.08.14 6:29

Olá!

Entendo, vou fazer os testes aqui. Hoje mais tarde posto, o que eu conseguir. Tentarei arrumar as partes citadas, quando estiver pronto, editarei essa mensagem e lhe avisarei por mp, evitando flood.  Feliz 

Tenha uma boa madrugada!  Rosa 
avatar
Duel
****

Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446

https://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por .Danni. 09.08.14 5:34

Aguardando.
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por .Danni. 13.08.14 10:19

Up.
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por .Danni. 16.08.14 14:21

Up.
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por MateusV. 16.08.14 17:45

Olá, substitua o código por este:

Código:
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script><link href="http://translate.googleapis.com/translate_static/css/translateelement.css" charset="UTF-8" rel="stylesheet" type="text/css" /><script src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js" charset="UTF-8" type="text/javascript"></script><script src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js" charset="UTF-8" type="text/javascript"></script><script type="text/javascript">
jQuery(document).ready(function(){
       jQuery('.Tabs li').click(function(){
               jQuery('.Tabs li').removeClass('active');
               jQuery(this).addClass('active');
               jQuery(this).find('a');
return false;
       });
jQuery('a.all_itens').click(function(){
                   jQuery('.abas').hide();
                   jQuery('#abas1').show();
               });
jQuery('a.all_pay').click(function(){
                   jQuery('.abas').hide();
                   jQuery('#abas2').show();
               });
});
</script><script type="text/javascript">
(function($){
$(document).ready(function(){
var $total = 0.0

$('.addButton').click(function (){
   var theID ='#' + $(this).attr('data-item');
var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));
$total += pointstoAdd;
$('.totaler').html('Total = ' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('span:first').html()+ '</li>';
$('.theList').append($newItem);
BindIt();
});

function BindIt(){
 
   $('.cart-item').unbind('click');
 
   $('.cart-item').click( function(){
       $total -= parseFloat($(this).attr('data-points'));
       $('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
       $(this).remove();
   });
}
});
$(document).ready(
             function() {
               $('#submitCart').click(function() {
               var text = '';
var total = 0;

$(".theList li").each(function () {
 var string = $(this).text(),nome = jQuery(this).find('img').attr('nome'),descri=jQuery(this).find('img').attr('descri');
 var points = parseInt($(this).data('points'));

 //capitalize first letter of string
 text += nome + '. ' + descri
 //add line break at the end
     + ' = ' + points + "\n";

 total += points;
});

//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total de Moedas = €" + total;
$("#cartMessage").text(text);
           });
       });
})(jQuery);
</script><script>
function enviatag(tag, local) {
 var message = "
[center][b]Loja[/b][/center]
[center]&nbsp;[/center]
;
 jQuery(local).html(message);
 jQuery(local).closest('form').find('input[name="post"]').click();
}
$(function() {
 $.get('/profile?mode=editprofile', function(prof) {
     var link=$('form[action="/profile"] .main-head .subtitle a[href^="/u"]',prof).attr('href');
     $.get(link, function(cash) {
       my_cash=$('#profile-advanced-details .main-content .middleline dl:contains("Pontos") dd',cash).text();
       $('.myc cash').html(my_cash);
     });
 });
});
</script><style type="text/css">
li.views.desc {
list-style: none !important;
}
.cart_items, #checkout {
padding: 10px;
border-radius: 3px;
margin: 2px 10px;
}
.cartWrapper{width:100%;}
.statused li {list-style-type: none;}
.theList li {
list-style-type: upper-hexadecimal;
background: rgb(75, 66, 54);
margin: 1px 3px;
color: white;
font: bold italic 12px helvetica;
border-radius: 3px 5px 5px 3px;
display: inline-block;
padding: 2px 10px 2px 2px;
cursor: pointer;
}
.theList li:before {
content: " ";
position: relative;
display: inline-block;
height: 1px;
width: 5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid rgb(75, 66, 54);
left: -14px;
top: 1px;
}
.main .cont, .box_r, .box_t{
padding: 9px;
}
.box_r {
background: rgba(49, 42, 38, 1);
box-shadow: #000 0px 0px 5px;
}
.box_t {
box-shadow: inset #000 0px 0px 5px;
background: #413931;
}
.LayoutLeft {
padding-left: 150px;
}
.Layout_smallleft {
position: relative;
width: 150px;
margin-left: -190px;
float: left;
}
.Tabs ul {
width: 149px !important;
margin-top: 10px;
border-left: 1px solid #DBE4EF;
list-style: none !important;
}
.Tabs li {
background: #241F1B;
color: #634D42;
font-size: 13px;
}
.Tabs li.active a {
width: 135px;
position: relative;
z-index: 8000;
background: rgba(49, 42, 38, 1);
color: #3A3532 !important;
font-weight: bold;
text-shadow: 1px 1px 0px #695B51, -1px -1px 0px #1A1512;
}
.Tabs li a {
display: block;
padding: 10px 8px;
color: #241F1D !important;
font-weight: bold;
text-shadow: 1px 1px 0px #695B51, -1px -1px 0px #000000;
-webkit-transition: background-color 0.1s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
}
.Tabs li a:hover {
background: transparent !important;
text-shadow: #9C7F71 0px 0px 3px;
}
#usercp_content {
min-height: 395px;
}
.message {
background: #8A7A6C;
padding: 10px;
color: #3A2F27;
line-height: 1.6;
font-size: 12px;
box-shadow: inset #000 0px 0px 10px;
}
.pun table.table td {padding: 10px;}
.pun table.table td.row2 {
background-color: #f1f6f9;
}
input[type="button"] {
margin: -28px 0px 0px 145px;
position: absolute;
}
.myc {cursor: pointer;}

table.tbl {
margin: 10px;
}


</style>
<div class="main">

<div class="main-head">

<div class="page-title">
<h2>Loja
</h2>
</div>

</div>

<div class="main-content cont">

<div class="LayoutLeft clearfix">

<div class="Tabs Layout_smallleft">

<ul>

<li class="active">
<a class="all_itens" title="Todos os ítens" href="#">Todos os ítens</a>
</li>

<li>
<a class="all_pay" title="Carrinho de Compras" href="#">Concluir o pedido</a>
</li>

</ul>
</div>

<div id="usercp_content">

<div class="box_r">

<div class="box_t">
<!--  Início aba 1  -->
<div class="abas" id="abas1">

<div style="margin:10px" class="message">
<strong class="myc">Sua carteira: <cash style="font-style: italic;">0</cash></strong> <br /> Esse valor é determinado por sua participação no fórum ao postar mensagens, criar tópicos, etc.
</div>
<div class="main-head">

<div class="page-title">
<h2>
Ítens
</h2>
</div>

</div>
<li class="views desc">
<form name="post" method="post" action="/privmsg">
</form><input value="Carrinho" style="display:none" type="text" name="username[]" /><input class="usernameinput" type="text" name="subject" maxlength="64" style="display:none;" value="Loja" /><textarea id="taglocal" style="display:none" name="message"></textarea></span>
</li>
<table class="tbl" cellspacing="0">

<tbody class="statused">
<tr class="item" id="item1">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img style="width:50px;height:50px;" src="http://s25.postimg.org/5r71i5i4b/assinatura.png" descri="Pacote que garante direito de uso da assinatura. Duração de 1 mês." nome="Assinatura"/></span>
</td>
<td style="width:40%;" class="col_f_content">
 <strong>Assinatura</strong>
<br /> <span class="desc lighter blend_links">Pacote que garante direito de uso da assinatura. Duração de 1 mês.</span>
</td>
<td class="col_f_post">

<ul>

<li data-myprice="500" class="views desc points">
 <img src="http://i.imgur.com/qdiucii.png" /> Preço: 500
</li>

<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: Disponível
</li>

<li class="views desc">
<input value="Comprar" data-item="item1" class="addButton" type="button" />
</li>

</ul>

</td>
</tr>

<tr class="item" id="item2">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img style="width:50px;height:50px;" src="http://s25.postimg.org/mqfzxetbv/pacexp.png" nome="Pacote EXP" descri="Compre EXP extra caso não consiga tempo para upar! Compra limitado por jogador." /></span>
</td>
<td style="width:40%;" class="col_f_content">
<strong>Pacote EXP</strong>
<br /> <span class="desc lighter blend_links">Compre EXP extra caso não consiga tempo para upar! Compra limitado por jogador.</span>
</td>
<td class="col_f_post">

<ul>

<li data-myprice="1000" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 1000
</li>

<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: Disponível
</li>

<li class="views desc">
<input value="Comprar" data-item="item2" class="addButton" type="button" />
</li>

</ul>

</td>
</tr>

<tr class="item" id="item3">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img style="width:50px;height:50px;" src="http://s25.postimg.org/j5k4e6osb/persextra.png" nome="Personagem Extra" descri="Compre mais um personagem para jogar. Nível básico."/></span>
</td>
<td style="width:40%;" class="col_f_content">
<strong>Personagem Extra</strong>
<br /> <span class="desc lighter blend_links">Compre mais um personagem para jogar. Nível básico.</span>
</td>
<td class="col_f_post">

<ul>

<li data-myprice="1500" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 1500
</li>

<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: Disponível
</li>

<li class="views desc">
<input value="Comprar" data-item="item3" class="addButton" type="button" />
</li>

</ul>

</td>
</tr>

</tbody>
</table>

</div>

</div>
<!--  Fim aba 1  -->
 <div class="box_t">
<!--  Início aba 2  -->
<div style="display: none" class="abas" id="abas2">
 <div class="main-head">
<div class="page-title">
<h2>
Carrinho de Compras
</h2>
</div>

</div>
<div class="cartWrapper">
<div id="cartj" class="cart">
<div class="cart_body">
<div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
<span class="totaler"></span>
</div>
<form name="post" method="post" action="/privmsg" id="privatemessage"><input value="Administrador" style="display:none" type="text" name="username[]" /><input class="usernameinput" type="text" name="subject" maxlength="64" style="display:none" value="Loja" /><textarea name="message" class="noThis" style="display:none" id="cartMessage"></textarea><span class="buttons"><input onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false;return false;" value="Confirmar compra" type="submit" id="submitCart" /> Confirme seus produtos. <input disabled="disabled" id="sendingBut" name="post" value="Enviar pedido" type="submit" /></span>
</form>

</div>
<div id="checkout">
Para comprar basta confirmar suas escolhas e em seguida enviar o pedido. Num prazo máximo de 24 horas ele será atendido. Agradecemos a preferência!</span>
</div>

</div>
</div>
<!--  Fim aba 2  -->
</div>
</div>

</div>

</div>
</div>

Explicarei onde estava o erro e o que eu fiz para concertar. Primeiro, o algoritmo pegava o que estava dentro da li -que no caso, era o item - e colocava na lista de compras, porém, a li continha apenas a imagem do item, e não a descrição e seu nome, o erro era muito simples, eu transformei o código da imagem do item nisso:

<img style="width:50px;height:50px;" src="https://2img.net/h/s25.postimg.cc/j5k4e6osb/persextra.png" nome="Personagem Extra" descri="Compre mais um personagem para jogar. Nível básico."/>


Entende o que fiz? Criei dois novos atributos na imagem, o nome e a descrição, então editei o algoritmo para que, em vez de pegar o conteúdo em formato texto do que estava dentro da li pegasse os valores dos atributos nome e descri da imagem do item correspondente. Testei em um fórum meu e funcionou.

Abraços.
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por .Danni. 17.08.14 11:15

Funcionou mesmo Feliz e a parte de exibir o valor de pontos do perfil do usuário, existe forma de consertar isso? Obrigada pela ajuda
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por MateusV. 17.08.14 15:16

Me desculpe, acabei me esquecendo totalmente disso hahaha  Rindo  Substitua o código por este:

Código:
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script><link href="http://translate.googleapis.com/translate_static/css/translateelement.css" charset="UTF-8" rel="stylesheet" type="text/css" /><script src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js" charset="UTF-8" type="text/javascript"></script><script src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js" charset="UTF-8" type="text/javascript"></script><script type="text/javascript">
jQuery(document).ready(function(){
       jQuery('.Tabs li').click(function(){
               jQuery('.Tabs li').removeClass('active');
               jQuery(this).addClass('active');
               jQuery(this).find('a');
return false;
       });
jQuery('a.all_itens').click(function(){
                   jQuery('.abas').hide();
                   jQuery('#abas1').show();
               });
jQuery('a.all_pay').click(function(){
                   jQuery('.abas').hide();
                   jQuery('#abas2').show();
               });
});
</script><script type="text/javascript">
(function($){
$(document).ready(function(){
var $total = 0.0

$('.addButton').click(function (){
   var theID ='#' + $(this).attr('data-item');
var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));
$total += pointstoAdd;
$('.totaler').html('Total = ' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('span:first').html()+ '</li>';
$('.theList').append($newItem);
BindIt();
});

function BindIt(){
 
   $('.cart-item').unbind('click');
 
   $('.cart-item').click( function(){
       $total -= parseFloat($(this).attr('data-points'));
       $('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
       $(this).remove();
   });
}
});
$(document).ready(
             function() {
               $('#submitCart').click(function() {
               var text = '';
var total = 0;

$(".theList li").each(function () {
 var string = $(this).text(),nome = jQuery(this).find('img').attr('nome'),descri=jQuery(this).find('img').attr('descri');
 var points = parseInt($(this).data('points'));

 //capitalize first letter of string
 text += nome + '. ' + descri
 //add line break at the end
     + ' = ' + points + "\n";

 total += points;
});

//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total de Moedas = €" + total;
$("#cartMessage").text(text);
           });
       });
})(jQuery);
</script><script>
function enviatag(tag, local) {
 var message = "
[center][b]Loja[/b][/center]
[center]&nbsp;[/center]
;
 jQuery(local).html(message);
 jQuery(local).closest('form').find('input[name="post"]').click();
}
jQuery(document).ready(function(){var l=jQuery('div#drenombre a').attr('href').split('u=')[1];jQuery.get('/u'+l,function(pe){jQuery('.myc cash').text(jQuery('dl#field_id-13 div',pe).text());});});
</script><style type="text/css">
li.views.desc {
list-style: none !important;
}
.cart_items, #checkout {
padding: 10px;
border-radius: 3px;
margin: 2px 10px;
}
.cartWrapper{width:100%;}
.statused li {list-style-type: none;}
.theList li {
list-style-type: upper-hexadecimal;
background: rgb(75, 66, 54);
margin: 1px 3px;
color: white;
font: bold italic 12px helvetica;
border-radius: 3px 5px 5px 3px;
display: inline-block;
padding: 2px 10px 2px 2px;
cursor: pointer;
}
.theList li:before {
content: " ";
position: relative;
display: inline-block;
height: 1px;
width: 5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid rgb(75, 66, 54);
left: -14px;
top: 1px;
}
.main .cont, .box_r, .box_t{
padding: 9px;
}
.box_r {
background: rgba(49, 42, 38, 1);
box-shadow: #000 0px 0px 5px;
}
.box_t {
box-shadow: inset #000 0px 0px 5px;
background: #413931;
}
.LayoutLeft {
padding-left: 150px;
}
.Layout_smallleft {
position: relative;
width: 150px;
margin-left: -190px;
float: left;
}
.Tabs ul {
width: 149px !important;
margin-top: 10px;
border-left: 1px solid #DBE4EF;
list-style: none !important;
}
.Tabs li {
background: #241F1B;
color: #634D42;
font-size: 13px;
}
.Tabs li.active a {
width: 135px;
position: relative;
z-index: 8000;
background: rgba(49, 42, 38, 1);
color: #3A3532 !important;
font-weight: bold;
text-shadow: 1px 1px 0px #695B51, -1px -1px 0px #1A1512;
}
.Tabs li a {
display: block;
padding: 10px 8px;
color: #241F1D !important;
font-weight: bold;
text-shadow: 1px 1px 0px #695B51, -1px -1px 0px #000000;
-webkit-transition: background-color 0.1s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
}
.Tabs li a:hover {
background: transparent !important;
text-shadow: #9C7F71 0px 0px 3px;
}
#usercp_content {
min-height: 395px;
}
.message {
background: #8A7A6C;
padding: 10px;
color: #3A2F27;
line-height: 1.6;
font-size: 12px;
box-shadow: inset #000 0px 0px 10px;
}
.pun table.table td {padding: 10px;}
.pun table.table td.row2 {
background-color: #f1f6f9;
}
input[type="button"] {
margin: -28px 0px 0px 145px;
position: absolute;
}
.myc {cursor: pointer;}

table.tbl {
margin: 10px;
}


</style>
<div class="main">

<div class="main-head">

<div class="page-title">
<h2>Loja
</h2>
</div>

</div>

<div class="main-content cont">

<div class="LayoutLeft clearfix">

<div class="Tabs Layout_smallleft">

<ul>

<li class="active">
<a class="all_itens" title="Todos os ítens" href="#">Todos os ítens</a> 
</li>

<li>
<a class="all_pay" title="Carrinho de Compras" href="#">Concluir o pedido</a> 
</li>

</ul>
</div>

<div id="usercp_content">

<div class="box_r">

<div class="box_t">
<!--  Início aba 1  --> 
<div class="abas" id="abas1">

<div style="margin:10px" class="message">
<strong class="myc">Sua carteira: <cash style="font-style: italic;">0</cash></strong> <br /> Esse valor é determinado por sua participação no fórum ao postar mensagens, criar tópicos, etc. 
</div>
<div class="main-head">

<div class="page-title">
<h2>
Ítens
</h2>
</div>

</div>
<li class="views desc">
<form name="post" method="post" action="/privmsg">
</form><input value="Carrinho" style="display:none" type="text" name="username[]" /><input class="usernameinput" type="text" name="subject" maxlength="64" style="display:none;" value="Loja" /><textarea id="taglocal" style="display:none" name="message"></textarea></span> 
</li>
<table class="tbl" cellspacing="0">

<tbody class="statused">
<tr class="item" id="item1">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img style="width:50px;height:50px;" src="http://s25.postimg.org/5r71i5i4b/assinatura.png" descri="Pacote que garante direito de uso da assinatura. Duração de 1 mês." nome="Assinatura"/></span>
</td>
<td style="width:40%;" class="col_f_content">
 <strong>Assinatura</strong>
<br /> <span class="desc lighter blend_links">Pacote que garante direito de uso da assinatura. Duração de 1 mês.</span>
</td>
<td class="col_f_post">

<ul>

<li data-myprice="500" class="views desc points">
 <img src="http://i.imgur.com/qdiucii.png" /> Preço: 500
</li>

<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: Disponível
</li>

<li class="views desc">
<input value="Comprar" data-item="item1" class="addButton" type="button" />
</li>

</ul>

</td>
</tr>

<tr class="item" id="item2">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img style="width:50px;height:50px;" src="http://s25.postimg.org/mqfzxetbv/pacexp.png" nome="Pacote EXP" descri="Compre EXP extra caso não consiga tempo para upar! Compra limitado por jogador." /></span>
</td>
<td style="width:40%;" class="col_f_content">
<strong>Pacote EXP</strong>
<br /> <span class="desc lighter blend_links">Compre EXP extra caso não consiga tempo para upar! Compra limitado por jogador.</span>
</td>
<td class="col_f_post">

<ul>

<li data-myprice="1000" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 1000
</li>

<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: Disponível
</li>

<li class="views desc">
<input value="Comprar" data-item="item2" class="addButton" type="button" />
</li>

</ul>

</td>
</tr>

<tr class="item" id="item3">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img style="width:50px;height:50px;" src="http://s25.postimg.org/j5k4e6osb/persextra.png" nome="Personagem Extra" descri="Compre mais um personagem para jogar. Nível básico."/></span>
</td>
<td style="width:40%;" class="col_f_content">
<strong>Personagem Extra</strong>
<br /> <span class="desc lighter blend_links">Compre mais um personagem para jogar. Nível básico.</span>
</td>
<td class="col_f_post">

<ul>

<li data-myprice="1500" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 1500
</li>

<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: Disponível
</li>

<li class="views desc">
<input value="Comprar" data-item="item3" class="addButton" type="button" />
</li>

</ul>

</td>
</tr>

</tbody>
</table>

</div>

</div>
<!--  Fim aba 1  --> 
 <div class="box_t">
<!--  Início aba 2  -->
<div style="display: none" class="abas" id="abas2">
 <div class="main-head">
<div class="page-title">
<h2>
Carrinho de Compras
</h2>
</div>

</div>
<div class="cartWrapper">
<div id="cartj" class="cart">
<div class="cart_body">
<div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
<span class="totaler"></span>
</div>
<form name="post" method="post" action="/privmsg" id="privatemessage"><input value="Administrador" style="display:none" type="text" name="username[]" /><input class="usernameinput" type="text" name="subject" maxlength="64" style="display:none" value="Loja" /><textarea name="message" class="noThis" style="display:none" id="cartMessage"></textarea><span class="buttons"><input onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false;return false;" value="Confirmar compra" type="submit" id="submitCart" /> Confirme seus produtos. <input disabled="disabled" id="sendingBut" name="post" value="Enviar pedido" type="submit" /></span>
</form>

</div>
<div id="checkout">
Para comprar basta confirmar suas escolhas e em seguida enviar o pedido. Num prazo máximo de 24 horas ele será atendido. Agradecemos a preferência!</span>
</div>

</div>
</div>
<!--  Fim aba 2  -->
</div>
</div>

</div>

</div>
</div>

Modifiquei o código para que ele entre no perfil do usuário através do seu widget do membro e recupere os pontos.

Abraços.
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por .Danni. 17.08.14 20:44

Não pegou O.o eu até removi o perfil IPB que eu usava para ver se era isso, mas continua aparecendo 0. Vou deixar o perfil padrão para ser mais simples.
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por MateusV. 17.08.14 21:11

Olá, o código possuia uma variável aberta que não foi fechada, isso que causou a falha no código anterior. Todavia, substitua por este:
Código:
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script><link href="http://translate.googleapis.com/translate_static/css/translateelement.css" charset="UTF-8" rel="stylesheet" type="text/css" /><script src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js" charset="UTF-8" type="text/javascript"></script><script src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js" charset="UTF-8" type="text/javascript"></script><script type="text/javascript">
jQuery(document).ready(function(){
       jQuery('.Tabs li').click(function(){
               jQuery('.Tabs li').removeClass('active');
               jQuery(this).addClass('active');
               jQuery(this).find('a');
return false;
       });
jQuery('a.all_itens').click(function(){
                   jQuery('.abas').hide();
                   jQuery('#abas1').show();
               });
jQuery('a.all_pay').click(function(){
                   jQuery('.abas').hide();
                   jQuery('#abas2').show();
               });
});
</script><script type="text/javascript">
(function($){
$(document).ready(function(){
var $total = 0.0

$('.addButton').click(function (){
   var theID ='#' + $(this).attr('data-item');
var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));
$total += pointstoAdd;
$('.totaler').html('Total = ' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('span:first').html()+ '</li>';
$('.theList').append($newItem);
BindIt();
});

function BindIt(){
 
   $('.cart-item').unbind('click');
 
   $('.cart-item').click( function(){
       $total -= parseFloat($(this).attr('data-points'));
       $('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
       $(this).remove();
   });
}
});
$(document).ready(
             function() {
               $('#submitCart').click(function() {
               var text = '';
var total = 0;

$(".theList li").each(function () {
 var string = $(this).text(),nome = jQuery(this).find('img').attr('nome'),descri=jQuery(this).find('img').attr('descri');
 var points = parseInt($(this).data('points'));

 //capitalize first letter of string
 text += nome + '. ' + descri
 //add line break at the end
     + ' = ' + points + "\n";

 total += points;
});

//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total de Moedas = €" + total;
$("#cartMessage").text(text);
           });
       });
})(jQuery);
</script>
<script>
jQuery(document).ready(function(){var l=jQuery('div#drenombre a').attr('href').split('u=')[1];jQuery.get('/u'+l,function(pe){jQuery('.myc cash').text(jQuery('dl#field_id-13 div',pe).text());});});
</script>
<style type="text/css">
li.views.desc {
list-style: none !important;
}
.cart_items, #checkout {
padding: 10px;
border-radius: 3px;
margin: 2px 10px;
}
.cartWrapper{width:100%;}
.statused li {list-style-type: none;}
.theList li {
list-style-type: upper-hexadecimal;
background: rgb(75, 66, 54);
margin: 1px 3px;
color: white;
font: bold italic 12px helvetica;
border-radius: 3px 5px 5px 3px;
display: inline-block;
padding: 2px 10px 2px 2px;
cursor: pointer;
}
.theList li:before {
content: " ";
position: relative;
display: inline-block;
height: 1px;
width: 5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid rgb(75, 66, 54);
left: -14px;
top: 1px;
}
.main .cont, .box_r, .box_t{
padding: 9px;
}
.box_r {
background: rgba(49, 42, 38, 1);
box-shadow: #000 0px 0px 5px;
}
.box_t {
box-shadow: inset #000 0px 0px 5px;
background: #413931;
}
.LayoutLeft {
padding-left: 150px;
}
.Layout_smallleft {
position: relative;
width: 150px;
margin-left: -190px;
float: left;
}
.Tabs ul {
width: 149px !important;
margin-top: 10px;
border-left: 1px solid #DBE4EF;
list-style: none !important;
}
.Tabs li {
background: #241F1B;
color: #634D42;
font-size: 13px;
}
.Tabs li.active a {
width: 135px;
position: relative;
z-index: 8000;
background: rgba(49, 42, 38, 1);
color: #3A3532 !important;
font-weight: bold;
text-shadow: 1px 1px 0px #695B51, -1px -1px 0px #1A1512;
}
.Tabs li a {
display: block;
padding: 10px 8px;
color: #241F1D !important;
font-weight: bold;
text-shadow: 1px 1px 0px #695B51, -1px -1px 0px #000000;
-webkit-transition: background-color 0.1s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
}
.Tabs li a:hover {
background: transparent !important;
text-shadow: #9C7F71 0px 0px 3px;
}
#usercp_content {
min-height: 395px;
}
.message {
background: #8A7A6C;
padding: 10px;
color: #3A2F27;
line-height: 1.6;
font-size: 12px;
box-shadow: inset #000 0px 0px 10px;
}
.pun table.table td {padding: 10px;}
.pun table.table td.row2 {
background-color: #f1f6f9;
}
input[type="button"] {
margin: -28px 0px 0px 145px;
position: absolute;
}
.myc {cursor: pointer;}

table.tbl {
margin: 10px;
}


</style>
<div class="main">

<div class="main-head">

<div class="page-title">
<h2>Loja
</h2>
</div>

</div>

<div class="main-content cont">

<div class="LayoutLeft clearfix">

<div class="Tabs Layout_smallleft">

<ul>

<li class="active">
<a class="all_itens" title="Todos os ítens" href="#">Todos os ítens</a> 
</li>

<li>
<a class="all_pay" title="Carrinho de Compras" href="#">Concluir o pedido</a> 
</li>

</ul>
</div>

<div id="usercp_content">

<div class="box_r">

<div class="box_t">
<!--  Início aba 1  --> 
<div class="abas" id="abas1">

<div style="margin:10px" class="message">
<strong class="myc">Sua carteira: <cash style="font-style: italic;">0</cash></strong> <br /> Esse valor é determinado por sua participação no fórum ao postar mensagens, criar tópicos, etc. 
</div>
<div class="main-head">

<div class="page-title">
<h2>
Ítens
</h2>
</div>

</div>
<li class="views desc">
<form name="post" method="post" action="/privmsg">
</form><input value="Carrinho" style="display:none" type="text" name="username[]" /><input class="usernameinput" type="text" name="subject" maxlength="64" style="display:none;" value="Loja" /><textarea id="taglocal" style="display:none" name="message"></textarea></span> 
</li>
<table class="tbl" cellspacing="0">

<tbody class="statused">
<tr class="item" id="item1">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img style="width:50px;height:50px;" src="http://s25.postimg.org/5r71i5i4b/assinatura.png" descri="Pacote que garante direito de uso da assinatura. Duração de 1 mês." nome="Assinatura"/></span>
</td>
<td style="width:40%;" class="col_f_content">
 <strong>Assinatura</strong>
<br /> <span class="desc lighter blend_links">Pacote que garante direito de uso da assinatura. Duração de 1 mês.</span>
</td>
<td class="col_f_post">

<ul>

<li data-myprice="500" class="views desc points">
 <img src="http://i.imgur.com/qdiucii.png" /> Preço: 500
</li>

<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: Disponível
</li>

<li class="views desc">
<input value="Comprar" data-item="item1" class="addButton" type="button" />
</li>

</ul>

</td>
</tr>

<tr class="item" id="item2">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img style="width:50px;height:50px;" src="http://s25.postimg.org/mqfzxetbv/pacexp.png" nome="Pacote EXP" descri="Compre EXP extra caso não consiga tempo para upar! Compra limitado por jogador." /></span>
</td>
<td style="width:40%;" class="col_f_content">
<strong>Pacote EXP</strong>
<br /> <span class="desc lighter blend_links">Compre EXP extra caso não consiga tempo para upar! Compra limitado por jogador.</span>
</td>
<td class="col_f_post">

<ul>

<li data-myprice="1000" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 1000
</li>

<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: Disponível
</li>

<li class="views desc">
<input value="Comprar" data-item="item2" class="addButton" type="button" />
</li>

</ul>

</td>
</tr>

<tr class="item" id="item3">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img style="width:50px;height:50px;" src="http://s25.postimg.org/j5k4e6osb/persextra.png" nome="Personagem Extra" descri="Compre mais um personagem para jogar. Nível básico."/></span>
</td>
<td style="width:40%;" class="col_f_content">
<strong>Personagem Extra</strong>
<br /> <span class="desc lighter blend_links">Compre mais um personagem para jogar. Nível básico.</span>
</td>
<td class="col_f_post">

<ul>

<li data-myprice="1500" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 1500
</li>

<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: Disponível
</li>

<li class="views desc">
<input value="Comprar" data-item="item3" class="addButton" type="button" />
</li>

</ul>

</td>
</tr>

</tbody>
</table>

</div>

</div>
<!--  Fim aba 1  --> 
 <div class="box_t">
<!--  Início aba 2  -->
<div style="display: none" class="abas" id="abas2">
 <div class="main-head">
<div class="page-title">
<h2>
Carrinho de Compras
</h2>
</div>

</div>
<div class="cartWrapper">
<div id="cartj" class="cart">
<div class="cart_body">
<div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
<span class="totaler"></span>
</div>
<form name="post" method="post" action="/privmsg" id="privatemessage"><input value="Administrador" style="display:none" type="text" name="username[]" /><input class="usernameinput" type="text" name="subject" maxlength="64" style="display:none" value="Loja" /><textarea name="message" class="noThis" style="display:none" id="cartMessage"></textarea><span class="buttons"><input onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false;return false;" value="Confirmar compra" type="submit" id="submitCart" /> Confirme seus produtos. <input disabled="disabled" id="sendingBut" name="post" value="Enviar pedido" type="submit" /></span>
</form>

</div>
<div id="checkout">
Para comprar basta confirmar suas escolhas e em seguida enviar o pedido. Num prazo máximo de 24 horas ele será atendido. Agradecemos a preferência!</span>
</div>

</div>
</div>
<!--  Fim aba 2  -->
</div>
</div>

</div>

</div>
</div>

Abraços.
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar loja?

Mensagem por .Danni. 18.08.14 0:26

Perfeito Muito feliz salvou minha vida! Obrigada!
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery

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