InícioComo 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
Página 1 de 1
Como adicionar loja?
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] [/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 diversos | Tags: | adicionar,loja? |
Última edição por Eva Boss em 18.08.14 0:26, editado 1 vez(es)
.Danni.- Super Membro
- Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623 -
Re: Como adicionar loja?
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!
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- Principal Contribuidor
- Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22968 -
Re: Como adicionar loja?
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-
É 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.- Super Membro
- Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623 -
.Danni.- Super Membro
- Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623 -
Re: Como adicionar loja?
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?
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- Membro
- Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097 -
Re: Como adicionar loja?
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)
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] [/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.- Super Membro
- Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623 -
Re: Como adicionar loja?
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..
Abraços..
waghcwb- Membro
- Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097 -
Re: Como adicionar loja?
por .Danni. 26.07.14 19:05
Esse campo é referente aos pontos do usuário. Já está visível aos convidados.
.Danni.- Super Membro
- Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623 -
Re: Como adicionar loja?
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- Membro
- Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097 -
.Danni.- Super Membro
- Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623 -
.Danni.- Super Membro
- Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623 -
.Danni.- Super Membro
- Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623 -
Re: Como adicionar loja?
por Shek 03.08.14 12:06
Bom dia!
Tente com este código HTML:
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>
Shek- Principal Contribuidor
- Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22968 -
Re: Como adicionar loja?
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:
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.
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.- Super Membro
- Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623 -
Re: Como adicionar loja?
por Shek 05.08.14 1:52
Eva, boa noite.
Poderia testar com este novo código?
http://forumeiros.url.ph/text/loja_fa.txt Ou http://forumeiros.url.ph/text/loja_fa2_daemon
Poderia testar com este novo código?
http://forumeiros.url.ph/text/loja_fa.txt Ou http://forumeiros.url.ph/text/loja_fa2_daemon
Shek- Principal Contribuidor
- Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22968 -
Re: Como adicionar loja?
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.
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.- Super Membro
- Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623 -
Re: Como adicionar loja?
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"?
Você tem certeza que gostaria que o tópico fosse marcado como "Resolvido"?
Shek- Principal Contribuidor
- Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22968 -
Re: Como adicionar loja?
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:
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' .
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>
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' .
Duel- ****
- Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446 -
Re: Como adicionar loja?
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
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.- Super Membro
- Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623 -
Re: Como adicionar loja?
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.
Tenha uma boa madrugada!
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.
Tenha uma boa madrugada!
Duel- ****
- Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446 -
.Danni.- Super Membro
- Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623 -
.Danni.- Super Membro
- Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623 -
.Danni.- Super Membro
- Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623 -
Re: Como adicionar loja?
por MateusV. 16.08.14 17:45
Olá, substitua o código por este:
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:
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.
- 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] [/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.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Como adicionar loja?
por .Danni. 17.08.14 11:15
Funcionou mesmo e a parte de exibir o valor de pontos do perfil do usuário, existe forma de consertar isso? Obrigada pela ajuda
e a parte de exibir o valor de pontos do perfil do usuário, existe forma de consertar isso? Obrigada pela ajuda
.Danni.- Super Membro
- Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623 -
Re: Como adicionar loja?
por MateusV. 17.08.14 15:16
Me desculpe, acabei me esquecendo totalmente disso hahaha 
Substitua o código por este:
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.
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] [/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.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Como adicionar loja?
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.- Super Membro
- Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623 -
Re: Como adicionar loja?
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:
Abraços.
- 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.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
salvou minha vida! Obrigada!
.Danni.- Super Membro
- Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623 -
Tópicos semelhantes» Como adicionar uma loja em meu forúm?
» Adicionar mais um campo em loja .jS
» Como colocar uma loja?
» Adicionar minha loja virtual no meu fórum
» Adicionar descrição a mensagem gerada loja de pontos
» Adicionar mais um campo em loja .jS
» Como colocar uma loja?
» Adicionar minha loja virtual no meu fórum
» Adicionar descrição a mensagem gerada loja de pontos
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos