Conheça as melhorias da versão 8.0, 8.1, 8.2!
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 Dominando o Adianti Framework

O material mais completo de treinamento do Framework.
Curso em vídeo aulas + Livro completo + Códigos fontes do projeto ERPHouse.
Conteúdo Atualizado!


Dominando o Adianti Framework Quero me inscrever agora!

Comentários (0)