[AddOn] Criar loja de ícones
+29
Mixeuzinho
BichodoMato
SSChaos
Luiz
Heishiro
Hancki
YouTube3
Admin Easy Cheats
Aesth
Allenkar_
Jhonn Walked
HilterHP
Fraise
Master A
Shek
motinhas
GM_Bardock15
RafaelS.
Holkis
VitorC.
KauanPixel
IsmaelS.
cocas20
Mauricio Molina
Troubleshoot
MateusA
Shaman
JScript
Daemon
33 participantes
Página 1 de 2 • Compartilhe
Página 1 de 2 • 1, 2
[AddOn] Criar loja de ícones
Criar loja de ícones | ||
Aprenda a adicionar uma loja de ícones em seu fórum. | ||
Características e aplicação | ||
Criador: @Daemon | ||
Versão: 1.2 | ||
Versão: Todas as versões | ||
Resultado da aplicação | ||
Local de instalação | ||
A instalação é única, e pode ser feita apenas criando uma nova página HTML. Para isso, acesse Painel de Controle ->> Módulos >> HTML e Javascript >> Gestão das páginas HTML >> Crie a página, e adicione o seguinte conteúdo:
Importante: Leia as notações no ínicio do código! |
Última edição por Daemon em 13.11.15 15:42, editado 6 vez(es)
Re: [AddOn] Criar loja de ícones
Ok, mas precisa trocar a descrição:
Este plugin dá a liberdade de criar tags bbcode com suas respectivas substituições em HTML.
JS
Este plugin dá a liberdade de criar tags bbcode com suas respectivas substituições em HTML.
JS
Re: [AddOn] Criar loja de ícones
Já troquei JC! KKKKKKKJScript escreveu:Ok, mas precisa trocar a descrição:
Este plugin dá a liberdade de criar tags bbcode com suas respectivas substituições em HTML.
JS
É que copiei o modelo do tópico de tags bbcode, e esqueci de trocar esta parte.
Valeu!
Re: [AddOn] Criar loja de ícones
Essa loja está muito perfeita Daemon parabéns! A melhor que vi até agora ^^. Como eu queria já estar criando códigos JS destes tamanhos haha.
#BoraEstudar
#BoraEstudar
Re: [AddOn] Criar loja de ícones
"Essa loja está muito perfeita Daemon parabéns! A melhor que vi até agora ^^. Como eu queria já estar criando códigos JS destes tamanhos haha."
Tamanho não é qualidade amigo. Quanto menor um script melhor. (Na minha visão) Mas, nesse caso, foi qualidade.
A loja está ótima mesmo, meus parabéns.
Tamanho não é qualidade amigo. Quanto menor um script melhor. (Na minha visão) Mas, nesse caso, foi qualidade.
A loja está ótima mesmo, meus parabéns.
Re: [AddOn] Criar loja de ícones
Muito obrigado pessoal... Caso tenham alguma sugestão, peço que comentem aqui.
Até!
Até!
Re: [AddOn] Criar loja de ícones
Obrigado Daemon pelo código!
@Daemon, pode me tirar uma dúvida?
É possível usar esse sistema para um e-commerce?
Até!
@Daemon, pode me tirar uma dúvida?
É possível usar esse sistema para um e-commerce?
Até!
Última edição por Troubleshoot em 22.05.15 17:26, editado 1 vez(es)
Re: [AddOn] Criar loja de ícones
Sim disse tamanho mas em variedade de funções e não tamanho ^^ mas você está certo!MateusA escreveu:"Essa loja está muito perfeita Daemon parabéns! A melhor que vi até agora ^^. Como eu queria já estar criando códigos JS destes tamanhos haha."
Tamanho não é qualidade amigo. Quanto menor um script melhor. (Na minha visão) Mas, nesse caso, foi qualidade.
A loja está ótima mesmo, meus parabéns.
Re: [AddOn] Criar loja de ícones
Pessoal me tirem uma dúvida, a pessoa pagaria por estes ícones é isso?
Dai elas teriam estes ícones adicionadas ao seu perfil?
Obrigado!
Dai elas teriam estes ícones adicionadas ao seu perfil?
Obrigado!
Re: [AddOn] Criar loja de ícones
Mauricio Molina escreveu:Pessoal me tirem uma dúvida, a pessoa pagaria por estes ícones é isso?
Dai elas teriam estes ícones adicionadas ao seu perfil?
Obrigado!
Seria por este sistema que você criaria uma "interatividade" em seu fórum: https://ajuda.forumeiros.com/t14012-
Eles comprariam, chegaria uma MP automática para você e em seguida o senhor iria ver se o membro que fez o pedido tem a quantidade de pontos. Caso sim, você adicionaria o item no perfil do mesmo (Caso for itens para o perfil que o senhor colocaria na loja) e iria retirar a quantidade de pontos do perfil da pessoa que fez o pedido.
Re: [AddOn] Criar loja de ícones
Entendi, muito obrigado!
Re: [AddOn] Criar loja de ícones
Tenho uma sugestão que tal adicionar o total dos créditos a loja de cada membro ?
Exemplo o membro que for para comprar um icon ve se tem ou não creditos para comprar , se não tiver e tentar comprar aparecer uma mensagem a dizer que não tem créditos suficientes ... Que acham ? Deixo aqui a minha sugestão !
Exemplo o membro que for para comprar um icon ve se tem ou não creditos para comprar , se não tiver e tentar comprar aparecer uma mensagem a dizer que não tem créditos suficientes ... Que acham ? Deixo aqui a minha sugestão !
Re: [AddOn] Criar loja de ícones
bem eu tento criar novos icons mas não funcionam alguem me ajuda ?
Re: [AddOn] Criar loja de ícones
cocas20 escreveu:Tenho uma sugestão que tal adicionar o total dos créditos a loja de cada membro ?
Exemplo o membro que for para comprar um icon ve se tem ou não creditos para comprar , se não tiver e tentar comprar aparecer uma mensagem a dizer que não tem créditos suficientes ... Que acham ? Deixo aqui a minha sugestão !
Muito boa a ideia meu amigo... eu poderia deixar até automática a loja!
Vou fazer assim!!!
Re: [AddOn] Criar loja de ícones
cocas20 escreveu:bem eu tento criar novos icons mas não funcionam alguem me ajuda ?
Olá!
Também me está a acontecer o mesmo, não estou a conseguir a criar mais novos ícones...
Re: [AddOn] Criar loja de ícones
IsmaelS cria um tópico de suporte lá na área Suporte pra ajudeiros te ajudaram,
Até,
Até,
Re: [AddOn] Criar loja de ícones
@IsmaelS, aqui fica normal..
http://prntscr.com/786zx7
Ex:
@Daemon, sugestões:
Quando clicamos no "Confirmar":
Poderia exibir apenas um alert e, depois um return false. Assim, pessoas com net "lenta" não vão ser surpreendidos com dois alertas ou mais.
Novo botão: "Comprar mais ou Reiniciar":
Ele faria basicamente o que diz o nome, reiniciaria a compra. (Só seria visível depois do click no botão confirmar)
É claro que, ao reiniciar, os itens sairiam.
http://prntscr.com/7873fl
Itens demasiados:
Talvez uma 'seta', que alternasse entre os itens mudando o HTML seria bom. O porque é: "Se fosse trinta itens, seria extenso demais".
http://prntscr.com/786zx7
Ex:
- Código:
<script type="text/javascript">
$(function() {
var produtos = {
// Nota: Adicione uma vírgula ao final de cada nova entrada
'Gold Star': {
icone: 'http://i.imgur.com/taaL40o.png',
preco: '200',
descricao: 'Stars WHOA'
},
'Helmet': {
icone: 'http://png.findicons.com/files/icons/2169/picnic/70/helmet2.png',
preco: '250',
descricao: 'Capacete de batalha'
},
'Charmander': {
icone: 'http://i72.servimg.com/u/f72/18/07/42/17/shop_i33.png',
preco: '250',
descricao: 'Pokemón tipo fogo'
},
'Gold Star3': {
icone: 'http://i.imgur.com/taaL40o.png',
preco: '200',
descricao: 'Stars WHOA'
}
// Nota: Não adicione vírgula ao final da última entrada
};
var content = $('.content .itens');
$.each(produtos, function (key, value) {
content.append(
'<tr class="item">' +
' <td class="icone" style="width: 10%;"><img src="' + value.icone + '" /></td>' +
' <td style="width: 50%;"><strong class="nome">' + key + '</strong><br /><br />' + value.descricao + '</td>' +
' <td>' +
' <ul>' +
' <li class="preco" data-myprice="' + value.preco + '"><img src="http://i.imgur.com/qdiucii.png" /> Preço: ' + value.preco + ' pontos</li>' +
' <br />' +
' <li><input type="button" onclick="addToCart(this)" value="Adicionar ao carrinho" /></li>' +
' </ul>' +
' </td>' +
'</tr>'
);
});
});
var $total = 0;
function addToCart(item) {
var getItem = $(item).parents('.item').find('.nome').text();
var getPrice = parseFloat($(item).parents('.item').find('.preco').attr('data-myprice'));
$total += getPrice;
$('.total').html('Valor total: ' + $total + ' pontos');
$('.cart').append('<span class="item-cart" onclick="removeFromCart(this)" data-myprice="' + getPrice + '">' + getItem + '</span>');
}
function removeFromCart(item) {
var getPrice = parseFloat($(item).attr('data-myprice'));
$total -= getPrice;
$('.total').html('Valor total: ' + $total + ' pontos');
$(item).remove();
}
function buyItems() {
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';
jQuery.post('/privmsg', {
'mode': 'post',
'post': '1',
'folder': 'inbox',
'usergroup': '1',
'subject': 'Pedido da loja',
'message': texto
}).done(function() {
alert("Seu pedido foi enviado! Aguarde até que um administrador adicione seus ítens");
});
}
</script>
<style type="text/css">
table.content {
background: #fafafa;
border: 1px solid #eaeaea;
border-collapse: separate;
empty-cells: show;
table-layout: fixed;
width: 100%;
}
.itens .nome {font-size: 14px;}
.itens .icone {
text-align: center;
}
.itens .icone img {
height: 50px;
width: 50px;
}
.item-cart {
background: orange url(https://cdn0.iconfinder.com/data/icons/very-basic-android-l-lollipop-icon-pack/24/close-16.png) no-repeat 5px;
margin: 3px 4px;
cursor: pointer;
display: inline-block;
font-weight: bold;
padding: 5px;
padding-left: 25px;
color: white;
border-radius: 3px;
}
table.content tr td {padding: 10px;background: #f0f0f0;border-bottom: 1px solid #e0e0e0;}
.itens ul li {list-style-type: none;}
.daemon {
background: #333;
text-align: center;
padding: 10px;
}
#cart {
background: #f0f0f0;
border: 1px solid #e0e0e0;
margin-top: 5px;
padding: 5px;
}
.cart {
background: white url("https://cdn1.iconfinder.com/data/icons/flat-artistic-shopping-icons/32/shopping-32.png") no-repeat 10px center;
min-height: 50px;
padding-left: 55px;
border: 1px solid #ddd;
}
.total {font-size: 13px;margin-top: 5px;display: block;font-style: italic;font-weight: bold;}
</style>
<div class="daemon">
<span style="color: white;font-size: 28px;font-weight: bold;">Loja</span>
</div>
<table class="content">
<tbody class="itens"></tbody>
</table>
<div id="cart">
<div class="cart"></div>
<span class="total"></span>
</div>
<div class="daemon">
<input type="button" value="Concluir compra" onclick="buyItems()" />
</div>
@Daemon, sugestões:
Quando clicamos no "Confirmar":
Poderia exibir apenas um alert e, depois um return false. Assim, pessoas com net "lenta" não vão ser surpreendidos com dois alertas ou mais.
Novo botão: "Comprar mais ou Reiniciar":
Ele faria basicamente o que diz o nome, reiniciaria a compra. (Só seria visível depois do click no botão confirmar)
É claro que, ao reiniciar, os itens sairiam.
http://prntscr.com/7873fl
Itens demasiados:
Talvez uma 'seta', que alternasse entre os itens mudando o HTML seria bom. O porque é: "Se fosse trinta itens, seria extenso demais".
Re: [AddOn] Criar loja de ícones
Olá!
Obrigado amigo, mas o problema foi meu estava a colocar os novos itens como o mesmo nome do anterior ou seja:
E não se pode repetir o mesmo nome, e enquanto as suas sugestões seria óptimo!
Obrigado amigo, mas o problema foi meu estava a colocar os novos itens como o mesmo nome do anterior ou seja:
- Código:
'Charmander': {
icone: 'http://i72.servimg.com/u/f72/18/07/42/17/shop_i33.png',
preco: '250',
descricao: 'Pokemón tipo fogo'
},
'Charmander': {
icone: 'http://i72.servimg.com/u/f72/18/07/42/17/shop_i33.png',
preco: '250',
descricao: 'Pokemón tipo fogo'
},
E não se pode repetir o mesmo nome, e enquanto as suas sugestões seria óptimo!
Última edição por JScript em 22.05.15 20:58, editado 1 vez(es) (Motivo da edição : Evite "citar" postagens que tornem o tópico "enorme" desnecessáriamente ok?)
Re: [AddOn] Criar loja de ícones
Foram adicionadas algumas novas funções... espero que gostem!!!
Obrigado pelas sugestões!
Obrigado pelas sugestões!
Re: [AddOn] Criar loja de ícones
@Daemon
A unica alteração que vi foi " resetar os items "
Podia dizer o que modificou mais ?
E será que podia adicionar o codigo dos creditos para o membro ver quantos créditos tem ? seria uma boa sugestão
A unica alteração que vi foi " resetar os items "
Podia dizer o que modificou mais ?
E será que podia adicionar o codigo dos creditos para o membro ver quantos créditos tem ? seria uma boa sugestão
Re: [AddOn] Criar loja de ícones
cocas20 escreveu:@Daemon
A unica alteração que vi foi " resetar os items "
Podia dizer o que modificou mais ?
E será que podia adicionar o codigo dos creditos para o membro ver quantos créditos tem ? seria uma boa sugestão
Esta foi uma das alterações... a outra, foi um problema que corrigi!
Quando clicava em enviar, mesmo sem ítens no carrinho, ele enviava a MP ao adm! Já foi corrigido!
Outra coisa, é que o código faz uma busca no perfil do membro pra saber se ele tem pontos suficientes para efetuar a compra, caso contrário, será emitido um alerta "Você não tem pontos suficiente para efetuar a compra"!
Re: [AddOn] Criar loja de ícones
Sim mas o eu quero tou a dizer , é que podia colocar o codigo dos créditos para o membro saber quantos créditos tem .
Seria bom para informar o membro .
Seria bom para informar o membro .
Re: [AddOn] Criar loja de ícones
Foi adicionado!cocas20 escreveu:Sim mas o eu quero tou a dizer , é que podia colocar o codigo dos créditos para o membro saber quantos créditos tem .
Seria bom para informar o membro .
Re: [AddOn] Criar loja de ícones
@Daemon Gostei recomendo esse codigo
Obrigado
Obrigado
Re: [AddOn] Criar loja de ícones
Olá @Daemon,
que tal um botão 'Sair da loja' e ao clicá-lo abriria um pop-up dizendo algo do tipo: 'Tem certeza que você deseja sair?' e se clicar sim direciona o usuário para um link?
Até mais!
que tal um botão 'Sair da loja' e ao clicá-lo abriria um pop-up dizendo algo do tipo: 'Tem certeza que você deseja sair?' e se clicar sim direciona o usuário para um link?
Até mais!
Re: [AddOn] Criar loja de ícones
VitorC. escreveu:Olá @Daemon,
que tal um botão 'Sair da loja' e ao clicá-lo abriria um pop-up dizendo algo do tipo: 'Tem certeza que você deseja sair?' e se clicar sim direciona o usuário para um link?
Até mais!
Eu consegui fazer o sistema de sair da loja, veja se gosta Vitor:
- Código:
<script type="text/javascript">
$(function() {
var produtos = {
'Gold Star': {
icone: 'http://i.imgur.com/taaL40o.png',
preco: '200',
descricao: 'Stars WHOA'
},
'Helmet': {
icone: 'http://png.findicons.com/files/icons/2169/picnic/70/helmet2.png',
preco: '250',
descricao: 'Capacete de batalha'
},
'Charmander': {
icone: 'http://i72.servimg.com/u/f72/18/07/42/17/shop_i33.png',
preco: '250',
descricao: 'Pokemón tipo fogo'
}
};
var content = $('.content .itens');
$.each(produtos, function (key, value) {
content.append(
'<tr class="item">' +
' <td class="icone" style="width: 10%;"><img src="' + value.icone + '" /></td>' +
' <td style="width: 50%;"><strong class="nome">' + key + '</strong><br /><br />' + value.descricao + '</td>' +
' <td>' +
' <ul>' +
' <li class="preco" data-myprice="' + value.preco + '"><img src="http://i.imgur.com/qdiucii.png" /> Preço: ' + value.preco + ' pontos</li>' +
' <br />' +
' <li><input type="button" onclick="addToCart(this)" value="Adicionar ao carrinho" /></li>' +
' </ul>' +
' </td>' +
'</tr>'
);
});
$.ajax({
url: '/u' + _userdata.user_id,
type: 'GET',
success: function(responseHtml)
{
var myPoints = $('#field_id-13 dd', responseHtml).text();
$('.myPoints').html('Meu saldo de pontos: <span class="totalPoints">' + myPoints + '</span>');
},
error: function(err)
{
console.log("AJAX error in request (Store points)");
}
});
});
var $total = 0;
function addToCart(item) {
var getItem = $(item).parents('.item').find('.nome').text();
var getPrice = parseInt($(item).parents('.item').find('.preco').attr('data-myprice'));
$total += getPrice;
$('.total').html('Valor total: <span class="totalVal">' + $total + '</span> pontos');
$('.cart').append('<span class="item-cart" onclick="removeFromCart(this)" data-myprice="' + getPrice + '">' + getItem + '</span>');
}
function removeFromCart(item) {
var getPrice = parseInt($(item).attr('data-myprice'));
$total -= getPrice;
$('.total').html('Valor total: <span class="totalVal">' + $total + '</span> pontos');
$(item).remove();
}
function resetItems() {
$('.cart').empty();
$total = 0;
$('.total').empty();
}
function buyItems() {
if(!$('.cart').is(':empty')) {
var valPoints = parseInt($('.totalPoints').text());
var valTotal = parseInt($('.totalVal').text());
if(valPoints >= valTotal) {
var texto = '';
var total = 0;
$('.item-cart').each(function() {
var item = $(this).text();
var preco = parseInt($(this).attr('data-myprice'));
texto += '[b]' + item.charAt(0).toUpperCase() + item.slice(1)
//add line break at the end
+ ':[/b] ' + preco + " pontos\n";
total += preco;
});
texto += '\n\n[b]Valor total:[/b] ' + total + ' pontos';
$.post('/privmsg', {
'mode': 'post',
'post': '1',
'folder': 'inbox',
'usergroup': '1',
'subject': 'Pedido da loja',
'message': texto
}).done(function() {
alert("Seu pedido foi enviado! Aguarde até que um administrador adicione seus ítens");
resetItems();
});
} else {
alert("Você não tem pontos suficiente para efetuar a compra");
}
} else {
alert("O carrinho está vazio");
}
}
</script>
<style type="text/css">
table.content {
background: #fafafa;
border: 1px solid #eaeaea;
border-collapse: separate;
empty-cells: show;
table-layout: fixed;
width: 100%;
}
.itens .nome {font-size: 14px;}
.itens .icone {
text-align: center;
}
.itens .icone img {
height: 50px;
width: 50px;
}
.item-cart {
background: orange url(https://cdn0.iconfinder.com/data/icons/very-basic-android-l-lollipop-icon-pack/24/close-16.png) no-repeat 5px;
margin: 3px 4px;
cursor: pointer;
display: inline-block;
font-weight: bold;
padding: 5px;
padding-left: 25px;
color: white;
border-radius: 3px;
}
table.content tr td {padding: 10px;background: #f0f0f0;border-bottom: 1px solid #e0e0e0;}
.itens ul li {list-style-type: none;}
.daemon {
background: #333;
text-align: center;
padding: 10px;
}
#cart {
background: #f0f0f0;
border: 1px solid #e0e0e0;
margin-top: 5px;
padding: 5px;
}
.cart {
background: white url("https://cdn1.iconfinder.com/data/icons/flat-artistic-shopping-icons/32/shopping-32.png") no-repeat 10px center;
min-height: 50px;
padding-left: 55px;
border: 1px solid #ddd;
}
.total, .myPoints {font-size: 13px;display: block;margin-top: 5px;font-family: arial;display: block;font-style: italic;font-weight: bold;}
</style>
<div class="daemon">
<span style="color: white;font-size: 28px;font-weight: bold;">Loja</span>
</div>
<table class="content">
<tbody class="itens"></tbody>
</table>
<div id="cart">
<div class="cart"></div>
<span class="myPoints"></span>
<span class="total"></span>
</div>
<div class="daemon">
<input type="button" value="Concluir compra" onclick="buyItems()" />
<input type="button" value="Resetar ítens" onclick="resetItems()" />
</div>
<input id="sairdaloja" type="button" value="SAIRDALOJA">
<script>
$(function(){
$('#sairdaloja').click(function(){
var shaman = confirm("Tem certeza que você deseja sair?");
if(shaman === true) {
window.location= "http://www.linkdoredirecionamento.com";
}
else
{
alert("Você cancelou :D")
}
});
});
</script>
Em www.linkdoredirecionamento.com você coloca o link que o usuário será redirecionado quando clicar em OK ^^
O botão sair da loja está com a ID sairdaloja, para personalizar o mesmo é só criar um novo CSS com:
- Código:
#sairdaloja {
Estrutura do botão
}
Até mais!
Re: [AddOn] Criar loja de ícones
Olá,
Veja o código:
Bem, fiz o meu próprio shop com ícones. Mas ao editar não aparece os ícones.
O que pode ser?
Atenciosamente.
Veja o código:
- Código:
<script type="text/javascript">
$(function() {
var produtos = {
'Soneca': {
icone: 'http://png-5.findicons.com/files/icons/2169/picnic/70/asleep.png',
preco: '25',
descricao: 'Soneca'
},
'Maze Finger': {
icone: 'http://png-1.findicons.com/files/icons/2169/picnic/70/mazefinger.png',
preco: '25',
descricao: 'Maze Finger'
},
'Car': {
icone: 'http://png-1.findicons.com/files/icons/2169/picnic/70/car.png',
preco: '25',
descricao: 'Passeio de arro'
},
'Doctor': {
icone: 'http://png-5.findicons.com/files/icons/2169/picnic/70/chemicaltouch.png',
preco: '25',
descricao: 'Doctor maluco'
},
'Guitarra': {
icone: 'http://png-1.findicons.com/files/icons/2169/picnic/70/guitarist.png',
preco: '25',
descricao: 'Guitarrista'
},
'Preso': {
icone: 'http://png-1.findicons.com/files/icons/2169/picnic/70/cydiapurple.png',
preco: '25',
descricao: 'Preso'
},
'Pena': {
icone: 'http://png-4.findicons.com/files/icons/1070/software/72/adobe_photoshop.png',
preço: '50'
descrição: 'Pena do PS'
};
var content = $('.content .itens');
$.each(produtos, function (key, value) {
content.append(
'<tr class="item">' +
' <td class="icone" style="width: 10%;"><img src="' + value.icone + '" /></td>' +
' <td style="width: 50%;"><strong class="nome">' + key + '</strong><br /><br />' + value.descricao + '</td>' +
' <td>' +
' <ul>' +
' <li class="preco" data-myprice="' + value.preco + '"><img src="http://i.imgur.com/qdiucii.png" /> Preço: ' + value.preco + ' pontos</li>' +
' <br />' +
' <li><input type="button" onclick="addToCart(this)" value="Adicionar ao carrinho" /></li>' +
' </ul>' +
' </td>' +
'</tr>'
);
});
$.ajax({
url: '/u' + _userdata.user_id,
type: 'GET',
success: function(responseHtml)
{
var myPoints = $('#field_id-13 dd', responseHtml).text();
$('.myPoints').html('Meu saldo de pontos: <span class="totalPoints">' + myPoints + '</span>');
},
error: function(err)
{
console.log("AJAX error in request (Store points)");
}
});
});
var $total = 0;
function addToCart(item) {
var getItem = $(item).parents('.item').find('.nome').text();
var getPrice = parseInt($(item).parents('.item').find('.preco').attr('data-myprice'));
$total += getPrice;
$('.total').html('Valor total: <span class="totalVal">' + $total + '</span> pontos');
$('.cart').append('<span class="item-cart" onclick="removeFromCart(this)" data-myprice="' + getPrice + '">' + getItem + '</span>');
}
function removeFromCart(item) {
var getPrice = parseInt($(item).attr('data-myprice'));
$total -= getPrice;
$('.total').html('Valor total: <span class="totalVal">' + $total + '</span> pontos');
$(item).remove();
}
function resetItems() {
$('.cart').empty();
$total = 0;
$('.total').empty();
}
function buyItems() {
if(!$('.cart').is(':empty')) {
var valPoints = parseInt($('.totalPoints').text());
var valTotal = parseInt($('.totalVal').text());
if(valPoints >= valTotal) {
var texto = '';
var total = 0;
$('.item-cart').each(function() {
var item = $(this).text();
var preco = parseInt($(this).attr('data-myprice'));
texto += '[b]' + item.charAt(0).toUpperCase() + item.slice(1)
//add line break at the end
+ ':[/b] ' + preco + " pontos\n";
total += preco;
});
texto += '\n\n[b]Valor total:[/b] ' + total + ' pontos';
$.post('/privmsg', {
'mode': 'post',
'post': '1',
'folder': 'inbox',
'usergroup': '1',
'subject': 'Pedido da loja',
'message': texto
}).done(function() {
alert("Seu pedido foi enviado! Aguarde até que um administrador adicione seus ítens");
resetItems();
});
} else {
alert("Você não tem pontos suficiente para efetuar a compra");
}
} else {
alert("O carrinho está vazio");
}
}
</script><style type="text/css">
table.content {
background: #fafafa;
border: 1px solid #eaeaea;
border-collapse: separate;
empty-cells: show;
table-layout: fixed;
width: 100%;
}
.itens .nome {font-size: 14px;}
.itens .icone {
text-align: center;
}
.itens .icone img {
height: 50px;
width: 50px;
}
.item-cart {
background: orange url(https://cdn0.iconfinder.com/data/icons/very-basic-android-l-lollipop-icon-pack/24/close-16.png) no-repeat 5px;
margin: 3px 4px;
cursor: pointer;
display: inline-block;
font-weight: bold;
padding: 5px;
padding-left: 25px;
color: white;
border-radius: 3px;
}
table.content tr td {padding: 10px;background: #f0f0f0;border-bottom: 1px solid #e0e0e0;}
.itens ul li {list-style-type: none;}
.daemon {
background: #333;
text-align: center;
padding: 10px;
}
#cart {
background: #f0f0f0;
border: 1px solid #e0e0e0;
margin-top: 5px;
padding: 5px;
}
.cart {
background: white url("https://cdn1.iconfinder.com/data/icons/flat-artistic-shopping-icons/32/shopping-32.png") no-repeat 10px center;
min-height: 50px;
padding-left: 55px;
border: 1px solid #ddd;
}
.total, .myPoints {font-size: 13px;display: block;margin-top: 5px;font-family: arial;display: block;font-style: italic;font-weight: bold;}
</style>
<div class="daemon">
<span style="color: white;font-size: 28px;font-weight: bold;">Loja</span>
</div>
<table class="content">
<tbody class="itens">
</tbody>
</table>
<div id="cart">
<div class="cart">
</div>
<span class="myPoints"></span> <span class="total"></span>
</div>
<div class="daemon">
<input type="button" value="Concluir compra" onclick="buyItems()" /> <input type="button" value="Resetar ítens" onclick="resetItems()" />
</div>
Bem, fiz o meu próprio shop com ícones. Mas ao editar não aparece os ícones.
O que pode ser?
Atenciosamente.
Re: [AddOn] Criar loja de ícones
@Daemon Outro erro está também acontecendo. Ao confirmar o pedido, não é enviado uma MP. O que poderia ser?
Re: [AddOn] Criar loja de ícones
@Holkis,
Este tópico serve para relatar os bugs, sugerir melhorias, e comentar deixando um feedback para o autor. Se você deseja receber suporte em relação a isto você deve se dirigir ao setor se suporte, ok?
Atenciosamente.
Este tópico serve para relatar os bugs, sugerir melhorias, e comentar deixando um feedback para o autor. Se você deseja receber suporte em relação a isto você deve se dirigir ao setor se suporte, ok?
Atenciosamente.
Re: [AddOn] Criar loja de ícones
O meu não esta dando certo
Re: [AddOn] Criar loja de ícones
Deu certo. Mas o shop está como se fosse uma visualização, faço a compra e nada acontece. Como procede...
Re: [AddOn] Criar loja de ícones
Bom dia.motinhas escreveu:Deu certo. Mas o shop está como se fosse uma visualização, faço a compra e nada acontece. Como procede...
Motinhas, crie uma questão no setor de suporte, pois, não fornecemos suporte aos scripts neste subfórum.
Obrigado.
Atenciosamente,
Shek
Re: [AddOn] Criar loja de ícones
Bom em meu fórum não resultou , ele não aparece os itens, só aparece o botão compra e rezetar e aparece LOJA e o carrinho e mais nada os produtos não aparecem nem opção comprar que fica ao lado do produto peço ajuda pois a meses procuro algo do tipo e só hoje pudi encontrar e não resultou , me ajudem uso a versão phpbb3 se aluém tiver o mesmo problema seria bom me avisar por mp , grato.
Re: [AddOn] Criar loja de ícones
Olá @Master A!Master A escreveu:Bom em meu fórum não resultou , ele não aparece os itens, só aparece o botão compra e rezetar e aparece LOJA e o carrinho e mais nada os produtos não aparecem nem opção comprar que fica ao lado do produto peço ajuda pois a meses procuro algo do tipo e só hoje pudi encontrar e não resultou , me ajudem uso a versão phpbb3 se aluém tiver o mesmo problema seria bom me avisar por mp , grato.
Por gentileza, crie um tópico no setor de suporte para que nós o possamos ajudar.
Com os melhores cumprimentos,
Fraise
Re: [AddOn] Criar loja de ícones
Quando clico em enviar, não recebo a mensagem privada
Re: [AddOn] Criar loja de ícones
Olá @HilterHP!HilterHP escreveu:Quando clico em enviar, não recebo a mensagem privada
Por gentileza, crie um tópico no setor de suporte para que nós o possamos ajudar.
Com os melhores cumprimentos,
Fraise
Re: [AddOn] Criar loja de ícones
Consegui adicionar mais de 12 icones vejam : http://barao.livreforum.com/h11-
Re: [AddOn] Criar loja de ícones
Olá,
eu utilizei o código e funcionou beleza, mas fui fazer o teste, quando o membro comprou, não chegou a mensagem para mim informando os itens comprados e nem o valor de pontos gastos. Alguém me ajuda?
Segue abaixo o código da minha loja:
eu utilizei o código e funcionou beleza, mas fui fazer o teste, quando o membro comprou, não chegou a mensagem para mim informando os itens comprados e nem o valor de pontos gastos. Alguém me ajuda?
Segue abaixo o código da minha loja:
- Código:
<script type="text/javascript">
$(function() {
var produtos = {
'Amulet Coin': {
icone: 'http://cdn.bulbagarden.net/upload/f/f9/Bag_Amulet_Coin_VI_Sprite.png',
preco: '150',
descricao: 'Dobra o valor de dinheiro ganho na Jornada'
},
'Lucky Egg': {
icone: 'http://www.serebii.net/itemdex/sprites/luckyegg.png',
preco: '250',
descricao: 'Gera um ganho extra de 50% em Lvl ganho pelo Pokémon que o segurar'
},
'Mega Bracelet': {
icone: 'http://cdn.bulbagarden.net/upload/3/3e/Bag_Mega_Bracelet_Sprite.png',
preco: '900',
descricao: 'Tem a capacidade mega evoluir um pokémon quando este equipado com uma pedra especial'
},
'Master Ball': {
icone: 'http://cdn.bulbagarden.net/upload/6/6d/Bag_Master_Ball_Sprite.png',
preco: '1000',
descricao: 'Captura qualquer pokémon sem linha de batalha'
},
'Raro Shiny': {
icone: 'http://www.pkparaiso.com/imagenes/xy/sprites/animados-shiny/ditto.gif',
preco: '1500',
descricao: 'Compre qualquer pokémon Pokémon Raro Shiny!'
},
};
var content = $('.content .itens');
$.each(produtos, function (key, value) {
content.append(
'<tr class="item">' +
' <td class="icone" style="width: 10%;"><img src="' + value.icone + '" /></td>' +
' <td style="width: 50%;"><strong class="nome">' + key + '</strong><br /><br />' + value.descricao + '</td>' +
' <td>' +
' <ul>' +
' <li class="preco" data-myprice="' + value.preco + '"><img src="http://i.imgur.com/qdiucii.png" /> Preço: ' + value.preco + ' pontos</li>' +
' <br />' +
' <li><input type="button" onclick="addToCart(this)" value="Adicionar ao carrinho" /></li>' +
' </ul>' +
' </td>' +
'</tr>'
);
});
$.ajax({
url: '/u' + _userdata.user_id,
type: 'GET',
success: function(responseHtml)
{
var myPoints = $('#field_id-13 dd', responseHtml).text();
$('.myPoints').html('Meu saldo de pontos: <span class="totalPoints">' + myPoints + '</span>');
},
error: function(err)
{
console.log("AJAX error in request (Store points)");
}
});
});
var $total = 0;
function addToCart(item) {
var getItem = $(item).parents('.item').find('.nome').text();
var getPrice = parseInt($(item).parents('.item').find('.preco').attr('data-myprice'));
$total += getPrice;
$('.total').html('Valor total: <span class="totalVal">' + $total + '</span> pontos');
$('.cart').append('<span class="item-cart" onclick="removeFromCart(this)" data-myprice="' + getPrice + '">' + getItem + '</span>');
}
function removeFromCart(item) {
var getPrice = parseInt($(item).attr('data-myprice'));
$total -= getPrice;
$('.total').html('Valor total: <span class="totalVal">' + $total + '</span> pontos');
$(item).remove();
}
function resetItems() {
$('.cart').empty();
$total = 0;
$('.total').empty();
}
function buyItems() {
if(!$('.cart').is(':empty')) {
var valPoints = parseInt($('.totalPoints').text());
var valTotal = parseInt($('.totalVal').text());
if(valPoints >= valTotal) {
var texto = '';
var total = 0;
$('.item-cart').each(function() {
var item = $(this).text();
var preco = parseInt($(this).attr('data-myprice'));
texto += '[b]' + item.charAt(0).toUpperCase() + item.slice(1)
//add line break at the end
+ ':[/b] ' + preco + " pontos\n";
total += preco;
});
texto += '\n\n[b]Valor total:[/b] ' + total + ' pontos';
$.post('/privmsg', {
'mode': 'post',
'post': '1',
'folder': 'inbox',
'usergroup': '1',
'subject': 'Pedido da loja',
'message': texto
}).done(function() {
alert("Seu pedido foi enviado! Aguarde até que um administrador adicione seus ítens");
resetItems();
});
} else {
alert("Você não tem pontos suficiente para efetuar a compra");
}
} else {
alert("O carrinho está vazio");
}
}
</script><style type="text/css">
table.content {
background: #fafafa;
border: 1px solid #eaeaea;
border-collapse: separate;
empty-cells: show;
table-layout: fixed;
width: 100%;
}
.itens .nome {font-size: 14px;}
.itens .icone {
text-align: center;
}
.itens .icone img {
height: 50px;
width: 50px;
}
.item-cart {
background: orange url(https://cdn0.iconfinder.com/data/icons/very-basic-android-l-lollipop-icon-pack/24/close-16.png) no-repeat 5px;
margin: 3px 4px;
cursor: pointer;
display: inline-block;
font-weight: bold;
padding: 5px;
padding-left: 25px;
color: white;
border-radius: 3px;
}
table.content tr td {padding: 10px;background: #f0f0f0;border-bottom: 1px solid #e0e0e0;}
.itens ul li {list-style-type: none;}
.daemon {
background: #333;
text-align: center;
padding: 10px;
}
#cart {
background: #f0f0f0;
border: 1px solid #e0e0e0;
margin-top: 5px;
padding: 5px;
}
.cart {
background: white url("https://cdn1.iconfinder.com/data/icons/flat-artistic-shopping-icons/32/shopping-32.png") no-repeat 10px center;
min-height: 50px;
padding-left: 55px;
border: 1px solid #ddd;
}
.total, .myPoints {font-size: 13px;display: block;margin-top: 5px;font-family: arial;display: block;font-style: italic;font-weight: bold;}
</style>
<div class="daemon">
<span style="color: white;font-size: 28px;font-weight: bold;">Loja de Pontos</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 onclick="buyItems()" value="Concluir compra" type="button" /> <input onclick="resetItems()" value="Resetar ítens" type="button" />
</div>
Re: [AddOn] Criar loja de ícones
Olá Daemon!
Primeiramente, amei seu AddOn! Já o coloquei em meu fórum, mas gostaria de relatar um Bug. Ao realizar a compra, nenhuma MP está sendo enviada aos Administradores.
Sugestão: E não é possível fazer um sistema parecido com a rolagem de dados? Um usuário em especial vai até o tópico e realiza a rolagem. O mesmo podia acontecer com o preço do item que é descontado dos pontos do usuário que solicitou a compra. Neste caso em especial a pessoa selecionaria o Perfil de um Adm para estar executando essa ação.
Primeiramente, amei seu AddOn! Já o coloquei em meu fórum, mas gostaria de relatar um Bug. Ao realizar a compra, nenhuma MP está sendo enviada aos Administradores.
Sugestão: E não é possível fazer um sistema parecido com a rolagem de dados? Um usuário em especial vai até o tópico e realiza a rolagem. O mesmo podia acontecer com o preço do item que é descontado dos pontos do usuário que solicitou a compra. Neste caso em especial a pessoa selecionaria o Perfil de um Adm para estar executando essa ação.
Re: [AddOn] Criar loja de ícones
irei testar obrigado!
Re: [AddOn] Criar loja de ícones
Não funciona =/
Re: [AddOn] Criar loja de ícones
@Daemon uma dúvida como faz para entregar os itens para o membro?
Re: [AddOn] Criar loja de ícones
@YouTube3, isso você tem de fazer manualmente. O código envia o pedido do membro para o administrador, que por sua vez, terá de atribuir os diferentes produtos de forma manual. O sistema não faz isso.
Até mais.
Até mais.
Re: [AddOn] Criar loja de ícones
Entendi vlw @RafaelS.
Re: [AddOn] Criar loja de ícones
Não funciona!
Diz que não tem pontos suficientes.
Diz que não tem pontos suficientes.
Re: [AddOn] Criar loja de ícones
Olá!cocas20 escreveu:Não funciona!
Diz que não tem pontos suficientes.
Comigo aconteceu o mesmo quando testei mesmo agora o código no meu fórum de testes... o código não conseguia obter o valor dos pontos. Aí eu analisei o código para perceber como e onde ele ia buscar o valor dos pontos... e descobri que o meu sistema de pontos estava desativado.
Para ativar, aceda a:
Painel de Controlo -> Módulos -> Pontos e reputação -> Sistema de Pontos
Procure pelo campo "Ativar o sistema de pontos". Marque a opção "Sim" e salve a modificação.
Deve resultar agora.
Hancki
Re: [AddOn] Criar loja de ícones
Amigo no meu não funciona, ja criei um conta de teste e ta dando erro na mesma...
Re: [AddOn] Criar loja de ícones
existe algum modo de fazer esta loja nao usar pontos de forum e sim soh enviar a mensagem manualmente?
eh que tenho um forum de rpg e temos uma moeda queremos usar
ou seja queria que os itens fossem somente enviado os pedidos pro meu inbox e eu ativaria e descontaria manualmente
eh que tenho um forum de rpg e temos uma moeda queremos usar
ou seja queria que os itens fossem somente enviado os pedidos pro meu inbox e eu ativaria e descontaria manualmente
Página 1 de 2 • 1, 2
Tópicos semelhantes
» Problemas com o uso do AddOn Loja de Ícones
» Como criar loja de ícones no fórum?
» Criação de Itens no AddOn Loja
» Addon tem como colocar pra criar novo tópico ?
» [AddOn] Criar botão no editor com lista de comandos
» Como criar loja de ícones no fórum?
» Criação de Itens no AddOn Loja
» Addon tem como colocar pra criar novo tópico ?
» [AddOn] Criar botão no editor com lista de comandos
Página 1 de 2
Permissões neste sub-fórum
Não podes responder a tópicos