Lançado Adianti Framework 7.6!
Clique aqui para saber mais
Como carregar complementos dos produtos dentro de um fadeToggle? Quero carregar os complementos dos produtos cadastrados dentro de um fadeToggle, porém, não sei como devo proceder. Este é meu HTML: × ...
CA
Como carregar complementos dos produtos dentro de um fadeToggle?  
Quero carregar os complementos dos produtos cadastrados dentro de um fadeToggle, porém, não sei como devo proceder.

Este é meu HTML: <div id="template-modalComplexoComplemento" style="display: none;">
<div class="box">
<div class="header">
<span class="fechar" onclick="$('.modalComplementos').fadeToggle()" aria-hidden="true">×<span>
</span></span>
</div>
%template1%
</div>
</div>
<div class="modalComplementos" style="display: none;"></div>
<div class="row" id="template-opcionais" style="display: none">
<div class="option">
<div class="row">
<div class="col-6 align-self-center texto-opcionais">
<h6>%com_descricao%</h6>
</div>
<div class="row">
<div class="col-9 align-self-center">
<span style="display: %exibirPreco%" class="price texto-opcionais-preco"><h6>+ R$ %com_valor%</h6></span>
</div>
<div class="col-3 checkbox align-self-center">
<input type="checkbox" name="%uuid%%com_uuid%" %checked% onclick="adicionarOpcionais(this, '%uuid%', '%com_uuid%', '%qtdeMax%')" class="checkbox" value="cee21068-d6ff-4035-9b4c-1107e996d61a" id="%uuid%%com_uuid%" data-name="%com_descricao%" data-price="%com_valor%">
<label for="%uuid%%com_uuid%"></label>
</div>
</div>
</div>
</div>
</div>



E este é meu JS:
function carregarComplementos(uid){
var data = {};
data.produtouid = uid;
let idGrupo = $('[data-produto=' + uid + ']').attr('data-grupo');

data.qtdeMax = document.todosOsGrupos[idGrupo]['gru_qtde_complementos'];
var template2 = "";
data.produto = $("#"+ uid + "_nome").text();

let tamanhos = document.todosOsTamanhos[uid];

for (const key in tamanhos) {
if (tamanhos.hasOwnProperty(key)) {
const tamanho = tamanhos[key];
tamanho.produtouid = uid;
tamanho.ptm_valor_formatado = monetario(toDouble(tamanho.ptm_valor));
tamanho.class = "tamanho"
template2 += parseTemplate('template-item-tamanho', tamanho);
}
}

data.items = template2;
var data2 = {};
data2.template1 = parseTemplate('template-produto-tamanho', data);
$('.modalComplementos').html(parseTemplate('template-modalComplexoComplemento', data2));
$('.modalComplementos').fadeToggle();

}


Se puderem me ajudar, por gentileza, agradeço muito!

Curso completo Meu Negócio Pronto
Use para si, ou transforme em um negócio: Inclui aulas e códigos-fontes
Gestor de conteúdo (SITE) + Loja Virtual (E-Commerce) + Emissor de Notas para infoprodutos


Meu negócio pronto Quero me inscrever agora!

Comentários (0)