Ajuda com Código de Loja
3 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
Ajuda com Código de Loja
Detalhes da questão
Endereço do fórum: http://southkorea.forumeiros.com/
Versão do fórum: phpBB3
Descrição
Criei essa loja com um código que disponibilizaram aqui, eu uso ela em outro fórum meu, mas neste ele não esta funcionando e não sei por que. Ele diz que o pedido foi enviado, mas não recebo nada na minha caixa de mensagens.
- Código:
<br /><script type="text/javascript">
$(function() {
var produtos = {
/* Ícones da loja abaixo.
Lembre-se de adicionar uma vírgula ao final de cada novo ítem adicionado.
Não adicione vírgula após o último ítem adicionado. */
'Heyahe': {
icone: 'https://i.imgur.com/lQx67C2.png',
preco: '30000',
descricao: 'Álbum de debut do cantor Ahj-H.</br><b>by Ryeon Entertainment.</b>'
},
'Camiseta Heyahe': {
icone: 'https://i.imgur.com/R28FrbJ.png',
preco: '55000',
descricao: 'Merch oficial de Heyahe, by Ahj-H. (PP - P - M - G - GG) </br><b>by Ryeon Entertainment.</b>'
},
'Moletom Heyahe': {
icone: 'https://i.imgur.com/oDF2wnY.png',
preco: '75000',
descricao: 'Merch oficial de Heyahe, by Ahj-H. (PP - P - M - G - GG) </br><b>by Ryeon Entertainment.</b>'
},
'Body [SINGLE]': {
icone: 'https://i.imgur.com/s5EVELJ.png',
preco: '38000',
descricao: 'Primeiro single de U-KWON. </br><b>by Ryeon Entertainment.</b>'
},
'Camiseta ACHE [HED]': {
icone: 'https://i.pinimg.com/originals/2e/4e/ec/2e4eec0eee0eb1c46a580369dac923b8.jpg',
preco: '59000',
descricao: 'Designed by U-KWON. </br><b>by Ryeon Entertainment.</b>'
},
'Camiseta ANITHESIS': {
icone: 'https://en.rad-blackmoral.com/upload/save_image/03011249_58b644af3c0d4.jpg',
preco: '59000',
descricao: 'Designed by U-KWON. </br><b>by Ryeon Entertainment.</b>'
},
'Sixth-gun': {
icone: 'https://static.wixstatic.com/media/859e28_0e337e8b7abc41099ebb1df24858fbbe~mv2.jpg/v1/fill/w_498,h_498,al_c,q_90/file.jpg',
preco: '118000',
descricao: 'Lighstick oficial do cantor U-KWON. </br><b>by Ryeon Entertainment.</b>'
},
'Moletom Insurrection': {
icone: 'https://en.rad-blackmoral.com/upload/save_image/03011240_58b6429e589a8.jpg',
preco: '89000',
descricao: 'Designed by U-KWON. </br><b>by Ryeon Entertainment.</b>'
},
'Camiseta Two Faces': {
icone: 'http://dbcn1bdvswqbx.cloudfront.net/client_info/THEGAZETTE/itemimage/PSGG_1016/psgg_1016_off.jpg',
preco: '59000',
descricao: 'Designed by U-KWON. </br><b>by Ryeon Entertainment.</b>'
}
// Perceba que não existe vírgula após o último ítem. Caso queira adicionar mais ítens após o último, adicione uma vírgula logo após a chave "}". Lembre-se de deixar apenas o último item sem vírgula ao final.
};
var content = $('.content .itens');
$.each(produtos, function (key, value) {
content.append(
'<tr class="item">' +
' <td class="icone" style="width: 10%;"><img src="' + value.icone + '" /></td>' +
' <td style="width: 50%;"><strong class="nome">' + key + '</strong><br /><br />' + value.descricao + '</td>' +
' <td>' +
' <ul>' +
' <li class="preco" data-myprice="' + value.preco + '"><img src="https://d30y9cdsu7xlg0.cloudfront.net/png/919019-200.png" /> Preço: ' + value.preco + ' wons</li>' +
' <br />' +
' <li><input type="button" onclick="addToCart(this)" value="Adicionar à sacola" /></li>' +
' </ul>' +
' </td>' +
'</tr>'
);
});
$.ajax({
url: '/u' + _userdata.user_id,
type: 'GET',
success: function(responseHtml)
{
var myPoints = $('#field_id-13 dd', responseHtml).text();
$('.myPoints').html('Meu saldo de wons: <span class="totalPoints">' + myPoints + '</span>');
},
error: function(err)
{
console.log("AJAX error in request (Store points)");
}
});
});
var $total = 0;
function addToCart(item) {
var getItem = $(item).parents('.item').find('.nome').text();
var getPrice = parseInt($(item).parents('.item').find('.preco').attr('data-myprice'));
$total += getPrice;
$('.total').html('Valor total: <span class="totalVal">' + $total + '</span> wons');
$('.cart').append('<span class="item-cart" onclick="removeFromCart(this)" data-myprice="' + getPrice + '">' + getItem + '</span>');
}
function removeFromCart(item) {
var getPrice = parseInt($(item).attr('data-myprice'));
$total -= getPrice;
$('.total').html('Valor total: <span class="totalVal">' + $total + '</span> wons');
$(item).remove();
}
function resetItems() {
$('.cart').empty();
$total = 0;
$('.total').empty();
}
function buyItems() {
if(!$('.cart').is(':empty')) {
var valPoints = parseInt($('.totalPoints').text());
var valTotal = parseInt($('.totalVal').text());
if(valPoints >= valTotal) {
var texto = '';
var total = 0;
$('.item-cart').each(function() {
var item = $(this).text();
var preco = parseInt($(this).attr('data-myprice'));
texto += '[b]' + item.charAt(0).toUpperCase() + item.slice(1)
//add line break at the end
+ ':[/b] ' + preco + " pontos\n";
total += preco;
});
texto += '\n\n[b]Valor total:[/b] ' + total + ' pontos';
$.post('/privmsg', {
'mode': 'post',
'post': '1',
'folder': 'inbox',
'usergroup': '32',
'subject': 'Pedido da loja',
'message': texto
}).done(function() {
alert("Seu pedido foi enviado! Aguarde até que um administrador adicione seus ítens");
resetItems();
});
} else {
alert("Você não tem wons suficiente para efetuar a compra");
}
} else {
alert("O carrinho está vazio");
}
}
</script><style type="text/css">
table.content {
background: #fcfcfc;
border-collapse: separate;
empty-cells: show;
table-layout: fixed;
width: 100%;
}
.itens .nome {font-size: 14px;}
.itens .icone {
text-align: center;
}
.itens .icone img {
height: 50px;
width: 50px;
}
.item-cart {
background: #fcfcfc url(https://cdn0.iconfinder.com/data/icons/very-basic-android-l-lollipop-icon-pack/24/close-16.png) no-repeat 5px;
margin: 3px 4px;
cursor: pointer;
display: inline-block;
font-weight: bold;
padding: 5px;
padding-left: 25px;
color: #111;
border-radius: 3px;
}
table.content tr td {padding: 10px;background: #fcfcfc;border: 1px solid #333;}
.itens ul li {list-style-type: none;}
.daemon {
background: #111;
text-align: center;
padding: 10px;
}
img {
width: 20px;
}
#cart {
background: #fcfcfc;
margin-top: 5px;
padding: 5px;
border: 1px solid #111;
}
.cart {
background: #666 url("https://cdn1.iconfinder.com/data/icons/flat-artistic-shopping-icons/32/shopping-32.png") no-repeat 10px center;
min-height: 50px;
padding-left: 55px;
border: 1px solid #999;
}
.total, .myPoints {font-size: 13px;display: block;margin-top: 5px;font-family: arial;display: block;font-style: italic;font-weight: bold;}
</style>
<div class="daemon">
<span style="color: white;font-size: 28px;font-weight: bold;">Shopping</span>
</div>
<table class="content">
<tbody class="itens"> </tbody>
</table>
<div id="cart">
<div class="cart">
</div>
<span class="myPoints"></span> <span class="total"></span>
</div>
<div class="daemon">
<input type="button" value="Concluir compra" onclick="buyItems()" /> <input type="button" value="Resetar ítens" onclick="resetItems()" />
</div>
Helena Braddock Grinfild- Novo Membro
- Membro desde : 06/09/2018
Mensagens : 2
Pontos : 4
Re: Ajuda com Código de Loja
Olá @Helena Braddock Grinfild,
O código atualmente está feito para enviar para o grupo 'usergroup': '32',, a Senhora pretende que o pedido enviado seja enviado para si, ou a um determinado grupo como está atualmente?
Certifique-se que está a usar a opção: Você deseja utilizar o início e o final da página do seu fórum ?, como Sim.
Aguardo uma resposta,
pedxz.
Bem-vindo ao Fórum dos Fóruns!Seja bem-vindo ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber:
|
Certifique-se que está a usar a opção: Você deseja utilizar o início e o final da página do seu fórum ?, como Sim.
Aguardo uma resposta,
pedxz.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Ajuda com Código de Loja
Eu quero que ele seja enviado para mim, por que na verdade ele não esta enviando para ninguem.
quanto a opção de usar o inicio e o fim da pagina ela esta marcada, por isso que não entendo qual é o problema.
o codigo esta aparentemente normal, mas não quer funcionar, ele não envia os pedidos para ninguem, nem grupo nem player. Eu não sei mais o que fazer.
Helena Braddock Grinfild- Novo Membro
- Membro desde : 06/09/2018
Mensagens : 2
Pontos : 4
Re: Ajuda com Código de Loja
Testei a sua loja e a mesma está a funcionar otimamente bem.
Fiz uma pequena mudança para a Senhora testar:
Localize o nome pedxz e mude para o seu nome.
Fiz uma pequena mudança para a Senhora testar:
- Código:
<script type="text/javascript">
$(function() {
var produtos = {
/* Ícones da loja abaixo.
Lembre-se de adicionar uma vírgula ao final de cada novo ítem adicionado.
Não adicione vírgula após o último ítem adicionado. */
'Heyahe': {
icone: 'https://i.imgur.com/lQx67C2.png',
preco: '30000',
descricao: 'Álbum de debut do cantor Ahj-H.</br><b>by Ryeon Entertainment.</b>'
},
'Camiseta Heyahe': {
icone: 'https://i.imgur.com/R28FrbJ.png',
preco: '55000',
descricao: 'Merch oficial de Heyahe, by Ahj-H. (PP - P - M - G - GG) </br><b>by Ryeon Entertainment.</b>'
},
'Moletom Heyahe': {
icone: 'https://i.imgur.com/oDF2wnY.png',
preco: '75000',
descricao: 'Merch oficial de Heyahe, by Ahj-H. (PP - P - M - G - GG) </br><b>by Ryeon Entertainment.</b>'
},
'Body [SINGLE]': {
icone: 'https://i.imgur.com/s5EVELJ.png',
preco: '38000',
descricao: 'Primeiro single de U-KWON. </br><b>by Ryeon Entertainment.</b>'
},
'Camiseta ACHE [HED]': {
icone: 'https://i.pinimg.com/originals/2e/4e/ec/2e4eec0eee0eb1c46a580369dac923b8.jpg',
preco: '59000',
descricao: 'Designed by U-KWON. </br><b>by Ryeon Entertainment.</b>'
},
'Camiseta ANITHESIS': {
icone: 'https://en.rad-blackmoral.com/upload/save_image/03011249_58b644af3c0d4.jpg',
preco: '59000',
descricao: 'Designed by U-KWON. </br><b>by Ryeon Entertainment.</b>'
},
'Sixth-gun': {
icone: 'https://static.wixstatic.com/media/859e28_0e337e8b7abc41099ebb1df24858fbbe~mv2.jpg/v1/fill/w_498,h_498,al_c,q_90/file.jpg',
preco: '118000',
descricao: 'Lighstick oficial do cantor U-KWON. </br><b>by Ryeon Entertainment.</b>'
},
'Moletom Insurrection': {
icone: 'https://en.rad-blackmoral.com/upload/save_image/03011240_58b6429e589a8.jpg',
preco: '89000',
descricao: 'Designed by U-KWON. </br><b>by Ryeon Entertainment.</b>'
},
'Camiseta Two Faces': {
icone: 'http://dbcn1bdvswqbx.cloudfront.net/client_info/THEGAZETTE/itemimage/PSGG_1016/psgg_1016_off.jpg',
preco: '59000',
descricao: 'Designed by U-KWON. </br><b>by Ryeon Entertainment.</b>'
}
// Perceba que não existe vírgula após o último ítem. Caso queira adicionar mais ítens após o último, adicione uma vírgula logo após a chave "}". Lembre-se de deixar apenas o último item sem vírgula ao final.
};
var content = $('.content .itens');
$.each(produtos, function (key, value) {
content.append(
'<tr class="item">' +
' <td class="icone" style="width: 10%;"><img src="' + value.icone + '" /></td>' +
' <td style="width: 50%;"><strong class="nome">' + key + '</strong><br /><br />' + value.descricao + '</td>' +
' <td>' +
' <ul>' +
' <li class="preco" data-myprice="' + value.preco + '"><img src="https://d30y9cdsu7xlg0.cloudfront.net/png/919019-200.png" /> Preço: ' + value.preco + ' wons</li>' +
' <br />' +
' <li><input type="button" onclick="addToCart(this)" value="Adicionar à sacola" /></li>' +
' </ul>' +
' </td>' +
'</tr>'
);
});
$.ajax({
url: '/u' + _userdata.user_id,
type: 'GET',
success: function(responseHtml)
{
var myPoints = $('#field_id-13 dd', responseHtml).text();
$('.myPoints').html('Meu saldo de wons: <span class="totalPoints">' + myPoints + '</span>');
},
error: function(err)
{
console.log("AJAX error in request (Store points)");
}
});
});
var $total = 0;
function addToCart(item) {
var getItem = $(item).parents('.item').find('.nome').text();
var getPrice = parseInt($(item).parents('.item').find('.preco').attr('data-myprice'));
$total += getPrice;
$('.total').html('Valor total: <span class="totalVal">' + $total + '</span> wons');
$('.cart').append('<span class="item-cart" onclick="removeFromCart(this)" data-myprice="' + getPrice + '">' + getItem + '</span>');
}
function removeFromCart(item) {
var getPrice = parseInt($(item).attr('data-myprice'));
$total -= getPrice;
$('.total').html('Valor total: <span class="totalVal">' + $total + '</span> wons');
$(item).remove();
}
function resetItems() {
$('.cart').empty();
$total = 0;
$('.total').empty();
}
function buyItems() {
if(!$('.cart').is(':empty')) {
var valPoints = parseInt($('.totalPoints').text());
var valTotal = parseInt($('.totalVal').text());
if(valPoints >= valTotal) {
var texto = '';
var total = 0;
$('.item-cart').each(function() {
var item = $(this).text();
var preco = parseInt($(this).attr('data-myprice'));
texto += '[b]' + item.charAt(0).toUpperCase() + item.slice(1)
//add line break at the end
+ ':[/b] ' + preco + " pontos\n";
total += preco;
});
texto += '\n\n[b]Valor total:[/b] ' + total + ' pontos';
$.post('/privmsg', {
'mode': 'post',
'post': '1',
'folder': 'inbox',
'username[]': 'pedxz',
'subject': 'Pedido da loja',
'message': texto
}).done(function() {
alert("Seu pedido foi enviado! Aguarde até que um administrador adicione seus ítens");
resetItems();
});
} else {
alert("Você não tem wons suficiente para efetuar a compra");
}
} else {
alert("O carrinho está vazio");
}
}
</script>
<style type="text/css">
table.content {
background: #fcfcfc;
border-collapse: separate;
empty-cells: show;
table-layout: fixed;
width: 100%;
}
.itens .nome {font-size: 14px;}
.itens .icone {
text-align: center;
}
.itens .icone img {
height: 50px;
width: 50px;
}
.item-cart {
background: #fcfcfc url(https://cdn0.iconfinder.com/data/icons/very-basic-android-l-lollipop-icon-pack/24/close-16.png) no-repeat 5px;
margin: 3px 4px;
cursor: pointer;
display: inline-block;
font-weight: bold;
padding: 5px;
padding-left: 25px;
color: #111;
border-radius: 3px;
}
table.content tr td {padding: 10px;background: #fcfcfc;border: 1px solid #333;}
.itens ul li {list-style-type: none;}
.daemon {
background: #111;
text-align: center;
padding: 10px;
}
img {
width: 20px;
}
#cart {
background: #fcfcfc;
margin-top: 5px;
padding: 5px;
border: 1px solid #111;
}
.cart {
background: #666 url("https://cdn1.iconfinder.com/data/icons/flat-artistic-shopping-icons/32/shopping-32.png") no-repeat 10px center;
min-height: 50px;
padding-left: 55px;
border: 1px solid #999;
}
.total, .myPoints {font-size: 13px;display: block;margin-top: 5px;font-family: arial;display: block;font-style: italic;font-weight: bold;}
</style>
<div class="daemon">
<span style="color: white;font-size: 28px;font-weight: bold;">Shopping</span>
</div>
<table class="content">
<tbody class="itens"> </tbody>
</table>
<div id="cart">
<div class="cart">
</div>
<span class="myPoints"></span> <span class="total"></span>
</div>
<div class="daemon">
<input type="button" value="Concluir compra" onclick="buyItems()" /> <input type="button" value="Resetar ítens" onclick="resetItems()" />
</div>
Localize o nome pedxz e mude para o seu nome.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Tópicos semelhantes
» Problemas em código HTML - Loja
» Código de loja não funciona
» Código de Loja não funciona
» Suporte para código de loja
» Suporte ao código Loja de Emblemas
» Código de loja não funciona
» Código de Loja não funciona
» Suporte para código de loja
» Suporte ao código Loja de Emblemas
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