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)