(79)3512-2501 
-
Todas as categorias
-
Warning (2): Illegal string offset 'url' [APP/View/Elements/cabecalho.ctp, line 270]Code ContextA">
?><li class="dropdown"><a class="dropdown-item" href="<?=$this->base?>/categoria/<?=$categoria['url']?>">$viewFile = '/home/lojaclick/public_html/app/View/Elements/cabecalho.ctp' $dataForView = array( 'banners' => array(), 'filtros' => array( 'data' => 'Data de postagem', 'AZ' => 'Ordenação AZ', 'ZA' => 'Ordenação ZA', 'relevancia' => 'Relevância', 'maior-preco' => 'Maior preço', 'menor-preco' => 'Menor preço' ), 'produtos' => array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => (int) 44, 'total_paginas' => (int) 4, 'total_registros_pagina' => (int) 12, 'pagina_atual' => (int) 3, 'limite_por_pagina' => (int) 12, 'pagina_anterior' => (int) 2, 'url_anterior' => '/api/produtos/ecommerce_index?permitir_venda_estoque_insuficiente=1&grupo_id=5433036&pagina=2', 'proxima_pagina' => (int) 4, 'proxima_url' => '/api/produtos/ecommerce_index?permitir_venda_estoque_insuficiente=1&grupo_id=5433036&pagina=4' ), 'data' => array( (int) 0 => array( [maximum depth reached] ), (int) 1 => array( [maximum depth reached] ), (int) 2 => array( [maximum depth reached] ), (int) 3 => array( [maximum depth reached] ), (int) 4 => array( [maximum depth reached] ), (int) 5 => array( [maximum depth reached] ), (int) 6 => array( [maximum depth reached] ), (int) 7 => array( [maximum depth reached] ), (int) 8 => array( [maximum depth reached] ), (int) 9 => array( [maximum depth reached] ), (int) 10 => array( [maximum depth reached] ), (int) 11 => array( [maximum depth reached] ) ) ), 'id_pagina' => '5433036', 'grupo' => array( 'code' => (int) 200, 'status' => 'success', 'data' => array( 'id' => '5433036', 'grupo_pai_id' => '', 'nome' => 'Energia', 'url' => 'energia', 'meta_palavras_chaves' => '', 'meta_descricao' => '' ) ), 'grupoPai' => array(), 'metaTitulo' => 'Energia - JAMP - Sua evolução em todos os momentos', 'formasPagamentosAtivas' => array( (int) 0 => array( 'id' => '205232', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '6015467', 'dias_vencimento' => '5', 'nome' => 'Boleto bancário', 'plugin' => 'GerenciaNet', 'model' => 'IntegracoesGerenciaNet', 'icone' => 'boleto_bancario.png', 'foreign_key' => '956', 'ativo' => (int) 1, 'padrao_sistema' => '1', 'ordem' => '3', 'bandeiras' => 'visa;mastercard;elo;amex;diners;boleto;gerencianet', 'IntegracoesGerenciaNet' => array( [maximum depth reached] ), 'tipo_pagamento' => 'boleto_bancario', 'Bandeiras' => array( [maximum depth reached] ) ), (int) 1 => array( 'id' => '205260', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '5008309', 'dias_vencimento' => '5', 'nome' => 'Pagar na entrega', 'plugin' => 'Ecommerce', 'model' => 'LojasVirtuaisFormasPagamentosPersonalizada', 'icone' => 'icone_pagar_entrega.png', 'foreign_key' => '3697', 'ativo' => (int) 1, 'padrao_sistema' => '1', 'ordem' => '5', 'bandeiras' => 'entrega', 'LojasVirtuaisFormasPagamentosPersonalizada' => array( [maximum depth reached] ), 'tipo_pagamento' => null, 'Bandeiras' => array( [maximum depth reached] ) ), (int) 2 => array( 'id' => '205280', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '6005246', 'dias_vencimento' => '5', 'nome' => 'Cartão (Link será enviado por E-mail)', 'plugin' => 'Ecommerce', 'model' => 'LojasVirtuaisFormasPagamentosPersonalizada', 'icone' => 'icone_pagamento.png', 'foreign_key' => '3698', 'ativo' => (int) 1, 'padrao_sistema' => '0', 'ordem' => '7', 'bandeiras' => '', 'LojasVirtuaisFormasPagamentosPersonalizada' => array( [maximum depth reached] ), 'tipo_pagamento' => null, 'Bandeiras' => '' ) ), 'codigosHTML' => array( 'javascript' => array( (int) 0 => array( [maximum depth reached] ), (int) 1 => array( [maximum depth reached] ), (int) 2 => array( [maximum depth reached] ), (int) 3 => array( [maximum depth reached] ), (int) 4 => array( [maximum depth reached] ), (int) 5 => array( [maximum depth reached] ), (int) 6 => array( [maximum depth reached] ), (int) 7 => array( [maximum depth reached] ), (int) 8 => array( [maximum depth reached] ), (int) 9 => array( [maximum depth reached] ), (int) 10 => array( [maximum depth reached] ), (int) 11 => array( [maximum depth reached] ), (int) 12 => array( [maximum depth reached] ), (int) 13 => array( [maximum depth reached] ), (int) 14 => array( [maximum depth reached] ), (int) 15 => array( [maximum depth reached] ), (int) 16 => array( [maximum depth reached] ) ), 'html' => array( (int) 0 => array( [maximum depth reached] ) ), 'css' => array( (int) 0 => array( [maximum depth reached] ) ) ), 'categorias' => array( 'code' => (int) 401, 'status' => 'error', 'data' => array( 'erro' => 'Anauthorized', 'mensagem' => 'Aeu plano expirou. Por favor, renove a sua assinatura!' ) ), 'categoriasDestaque' => array(), 'paginas' => array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => (int) 6, 'total_paginas' => (int) 1, 'total_registros_pagina' => (int) 6, 'pagina_atual' => (int) 1, 'limite_por_pagina' => (int) 20, 'pagina_anterior' => null, 'url_anterior' => null, 'proxima_pagina' => null, 'proxima_url' => null ), 'data' => array( (int) 0 => array( [maximum depth reached] ), (int) 1 => array( [maximum depth reached] ), (int) 2 => array( [maximum depth reached] ), (int) 3 => array( [maximum depth reached] ), (int) 4 => array( [maximum depth reached] ), (int) 5 => array( [maximum depth reached] ) ) ), 'marcas' => array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => null, 'total_paginas' => null, 'total_registros_pagina' => null, 'pagina_atual' => (int) 1, 'limite_por_pagina' => (int) 20, 'pagina_anterior' => null, 'url_anterior' => null, 'proxima_pagina' => null, 'proxima_url' => null ), 'data' => array(), 'error' => 'OK', 'message' => 'Não há dados!' ), 'marcasDestaque' => array(), 'content_for_layout' => ' <script> function fitraProduto(valor){ parent.$('#carregando').show(); location.href = '?filtrar='+valor; }; </script> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <!-- BreadCrumb --> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <nav aria-label="breadcrumb"> <ol class="breadcrumb breadcrumb-dark flex-lg-nowrap justify-content-center justify-content-lg-start mb-3 mt-3"> <li class="breadcrumb-item "> <a class="text-nowrap" href="/"> <i class="czi-home"></i>Página Inicial </a> </li> <li class="breadcrumb-item text-nowrap active" aria-current="Listagem de Produtos Encontrados"> Energia </li> </ol> </nav> </div> <div class="row listagem-produtos"> <div class="col-sm-12 pr-1wz mt-2"> <div class="col-sm-4 col-lg-4 col-md-4 float-left pl-0 mt-3"> Mostrando <b>12</b> de <b>44</b> resultado(s) </div> <div class="form-group col-sm-4 col-lg-4 col-md-4 float-right mb-4 pr-0"><select name="filtroProduto" onChange="fitraProduto(this.value)" class="form-control" autocomplete="off" id="filtroProduto"> <option value="data">Data de postagem</option> <option value="AZ">Ordenação AZ</option> <option value="ZA">Ordenação ZA</option> <option value="relevancia">Relevância</option> <option value="maior-preco">Maior preço</option> <option value="menor-preco">Menor preço</option> </select></div> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-senoidal-snb-3000va-bi-tw-mtc2odqwmjm2nzy1ntm" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 3000VA BI TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 3000VA BI TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 3000VA BI TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 5.280,71</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-6kva-220v-tw-sb-mtc2odqwmjm2nzcxmdg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 11.581,90</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-3-0kva-120v-tw-mtc2odqwmjm2njy3otc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 5.829,72</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-1-5kva-120v-tw-mtc2odqwmjm2njkzmg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 3.713,21</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1500va-220v-mtc2odqwmjm2njq3ody" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1500VA 220V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1500VA 220V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1500VA 220V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.069,61</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1500va-120v-mtc2odqwmjm2njkxmdg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1500VA 120V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1500VA 120V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1500VA 120V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.069,61</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1000va-220v-mtc2odqwmjm2njm4odi" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1000VA 220V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1000VA 220V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1000VA 220V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 914,76</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-xnb-1440va-bi-mtc2odqwmjm2ntm2oda" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK XNB 1440VA BI" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK XNB 1440VA BI</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK XNB 1440VA BI</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.182,55</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-senoidal-snb-1500va-bivolt-mtc2odqwmjm2nty4nzy" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 1500VA BIVOLT" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 1500VA BIVOLT</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 1500VA BIVOLT</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 2.861,11</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-senoidal-snb-2000va-bivolt-mtc2odqwmjm2nteyotc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 2000VA BIVOLT" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 2000VA BIVOLT</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 2000VA BIVOLT</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 3.920,03</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-xnb-1800va-bi-mtc2odqwmjm2ntc5nzq" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK XNB 1800VA BI" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK XNB 1800VA BI</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK XNB 1800VA BI</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.692,77</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-gnb-1000va-120v-mtc2odqwmjm2nteznjc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1000VA 120V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1000VA 120V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1000VA 120V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 914,76</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> </div> <div class="row justify-content-center"> <nav aria-label="Navegação entre as páginas"> <ul class="list-unstyled pagination"> <li class="page-item"><a class="page-link" href="?pagina=1">1</a></li> <li class="page-item"><a class="page-link" href="?pagina=2">2</a></li> <li class="page-item active"><a class="page-link" href="?pagina=3">3</a></li> <li class="page-item"><a class="page-link" href="?pagina=4">4</a></li> </ul> </nav> </div> </div> </div>', 'scripts_for_layout' => '', 'title_for_layout' => 'GruposProdutos' ) $banners = array() $filtros = array( 'data' => 'Data de postagem', 'AZ' => 'Ordenação AZ', 'ZA' => 'Ordenação ZA', 'relevancia' => 'Relevância', 'maior-preco' => 'Maior preço', 'menor-preco' => 'Menor preço' ) $produtos = array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => (int) 44, 'total_paginas' => (int) 4, 'total_registros_pagina' => (int) 12, 'pagina_atual' => (int) 3, 'limite_por_pagina' => (int) 12, 'pagina_anterior' => (int) 2, 'url_anterior' => '/api/produtos/ecommerce_index?permitir_venda_estoque_insuficiente=1&grupo_id=5433036&pagina=2', 'proxima_pagina' => (int) 4, 'proxima_url' => '/api/produtos/ecommerce_index?permitir_venda_estoque_insuficiente=1&grupo_id=5433036&pagina=4' ), 'data' => array( (int) 0 => array( 'id' => '87615558', 'nome' => 'NOBREAK SENOIDAL SNB 3000VA BI TW', 'url' => 'nobreak-senoidal-snb-3000va-bi-tw-mtc2odqwmjm2nzy1ntm', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '5280.71', 'valor_venda_minimo' => '5280.71', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615558', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 1 => array( 'id' => '87615567', 'nome' => 'NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB', 'url' => 'nobreak-online-torre-dnb-6kva-220v-tw-sb-mtc2odqwmjm2nzcxmdg', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '11581.9', 'valor_venda_minimo' => '11581.9', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615567', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 2 => array( 'id' => '87615549', 'nome' => 'NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW', 'url' => 'nobreak-online-torre-dnb-3-0kva-120v-tw-mtc2odqwmjm2njy3otc', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '5829.72', 'valor_venda_minimo' => '5829.72', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615549', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 3 => array( 'id' => '87615548', 'nome' => 'NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW', 'url' => 'nobreak-online-torre-dnb-1-5kva-120v-tw-mtc2odqwmjm2njkzmg', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '3713.21', 'valor_venda_minimo' => '3713.21', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615548', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 4 => array( 'id' => '87615545', 'nome' => 'NOBREAK GNB 1500VA 220V', 'url' => 'nobreak-gnb-1500va-220v-mtc2odqwmjm2njq3ody', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '1069.61', 'valor_venda_minimo' => '1069.61', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615545', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 5 => array( 'id' => '87615544', 'nome' => 'NOBREAK GNB 1500VA 120V', 'url' => 'nobreak-gnb-1500va-120v-mtc2odqwmjm2njkxmdg', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '1069.61', 'valor_venda_minimo' => '1069.61', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615544', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 6 => array( 'id' => '87615542', 'nome' => 'NOBREAK GNB 1000VA 220V', 'url' => 'nobreak-gnb-1000va-220v-mtc2odqwmjm2njm4odi', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '914.76', 'valor_venda_minimo' => '914.76', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615542', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 7 => array( 'id' => '87615539', 'nome' => 'NOBREAK XNB 1440VA BI', 'url' => 'nobreak-xnb-1440va-bi-mtc2odqwmjm2ntm2oda', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '1182.55', 'valor_venda_minimo' => '1182.55', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615539', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 8 => array( 'id' => '87615537', 'nome' => 'NOBREAK SENOIDAL SNB 1500VA BIVOLT', 'url' => 'nobreak-senoidal-snb-1500va-bivolt-mtc2odqwmjm2nty4nzy', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '2861.11', 'valor_venda_minimo' => '2861.11', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615537', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 9 => array( 'id' => '87615538', 'nome' => 'NOBREAK SENOIDAL SNB 2000VA BIVOLT', 'url' => 'nobreak-senoidal-snb-2000va-bivolt-mtc2odqwmjm2nteyotc', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '3920.03', 'valor_venda_minimo' => '3920.03', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615538', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 10 => array( 'id' => '87615540', 'nome' => 'NOBREAK XNB 1800VA BI', 'url' => 'nobreak-xnb-1800va-bi-mtc2odqwmjm2ntc5nzq', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '1692.77', 'valor_venda_minimo' => '1692.77', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615540', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 11 => array( 'id' => '87615541', 'nome' => 'NOBREAK GNB 1000VA 120V', 'url' => 'nobreak-gnb-1000va-120v-mtc2odqwmjm2nteznjc', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '914.76', 'valor_venda_minimo' => '914.76', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615541', 'campanha_estoque' => array( [maximum depth reached] ) ) ) ) $id_pagina = '5433036' $grupo = array( 'code' => (int) 200, 'status' => 'success', 'data' => array( 'id' => '5433036', 'grupo_pai_id' => '', 'nome' => 'Energia', 'url' => 'energia', 'meta_palavras_chaves' => '', 'meta_descricao' => '' ) ) $grupoPai = array() $metaTitulo = 'Energia - JAMP - Sua evolução em todos os momentos' $formasPagamentosAtivas = array( (int) 0 => array( 'id' => '205232', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '6015467', 'dias_vencimento' => '5', 'nome' => 'Boleto bancário', 'plugin' => 'GerenciaNet', 'model' => 'IntegracoesGerenciaNet', 'icone' => 'boleto_bancario.png', 'foreign_key' => '956', 'ativo' => (int) 1, 'padrao_sistema' => '1', 'ordem' => '3', 'bandeiras' => 'visa;mastercard;elo;amex;diners;boleto;gerencianet', 'IntegracoesGerenciaNet' => array( 'id' => '956', 'empresa_id' => '395565', 'loja_id' => '522581', 'nome_integracao' => 'GerenciaNet', 'integracao_id' => '8', 'forma_pagamento_id' => '6015467', 'nome_forma_pagamento' => 'GerenciaNet', 'chave_pix' => '', 'maximo_parcelas' => '1', 'valor_minimo' => '', 'identificador_conta' => '130565-4', 'client_id' => 'Client_Id_92792e6d47e583f697ca426a3232736fb3150d63', 'client_secret' => 'Client_Secret_1b122ff1a9071c870f5df531d67096c06b5ae045', 'certificado' => '', 'intervalo_primeira_parcela' => '1', 'intervalo_primeira_parcela_cartao' => '1', 'tipo_parcelamento' => '1', 'taxa_boleto' => '0.00', 'taxa_fixa_cartao' => '1.99', 'taxa_porcentagem_cartao' => '0.99', 'instrucao1' => '', 'instrucao2' => '', 'instrucao3' => '', 'instrucao4' => '', 'recursos_integracao' => 'B', 'sandbox' => '0', 'checkout_transparente' => '1', 'taxa_multa_atraso' => '0.00', 'taxa_mora_atraso' => '0.000', 'ativo' => '1', 'usuario_id' => '968222', 'nome_usuario' => 'Alex Melo', 'cadastrado_em' => '2025-09-20 20:48:55', 'modificado_em' => '2025-09-20 20:48:55' ), 'tipo_pagamento' => 'boleto_bancario', 'Bandeiras' => array( (int) 0 => 'visa', (int) 1 => 'mastercard', (int) 2 => 'elo', (int) 3 => 'amex', (int) 4 => 'diners', (int) 5 => 'boleto', (int) 6 => 'gerencianet' ) ), (int) 1 => array( 'id' => '205260', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '5008309', 'dias_vencimento' => '5', 'nome' => 'Pagar na entrega', 'plugin' => 'Ecommerce', 'model' => 'LojasVirtuaisFormasPagamentosPersonalizada', 'icone' => 'icone_pagar_entrega.png', 'foreign_key' => '3697', 'ativo' => (int) 1, 'padrao_sistema' => '1', 'ordem' => '5', 'bandeiras' => 'entrega', 'LojasVirtuaisFormasPagamentosPersonalizada' => array( 'id' => '3697', 'empresa_id' => '395565', 'loja_id' => '522581', 'nome' => '', 'loja_virtual_forma_pagamento_id' => '20526', 'forma_pagamento_id' => '5008309', 'nome_forma_pagamento' => 'Pagar na entrega', 'desconto_a_vista' => '', 'descricao' => 'O pagamento deverá ser efetuado no momento da entrega do produto. A máquina de cartão será enviada junto com o responsável pela entrega.', 'dias_vencimento' => '5', 'ativo' => '1', 'usuario_id' => '968222', 'nome_usuario' => 'Alex Melo', 'cadastrado_em' => '2025-09-15 21:08:31', 'modificado_em' => '2025-09-15 21:08:31' ), 'tipo_pagamento' => null, 'Bandeiras' => array( (int) 0 => 'entrega' ) ), (int) 2 => array( 'id' => '205280', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '6005246', 'dias_vencimento' => '5', 'nome' => 'Cartão (Link será enviado por E-mail)', 'plugin' => 'Ecommerce', 'model' => 'LojasVirtuaisFormasPagamentosPersonalizada', 'icone' => 'icone_pagamento.png', 'foreign_key' => '3698', 'ativo' => (int) 1, 'padrao_sistema' => '0', 'ordem' => '7', 'bandeiras' => '', 'LojasVirtuaisFormasPagamentosPersonalizada' => array( 'id' => '3698', 'empresa_id' => '395565', 'loja_id' => '522581', 'nome' => 'Cartão (Link será enviado por E-mail)', 'loja_virtual_forma_pagamento_id' => '20528', 'forma_pagamento_id' => '6005246', 'nome_forma_pagamento' => 'Cartão (Link será enviado por E-mail)', 'desconto_a_vista' => '', 'descricao' => 'Após a confirmação do seu pedido, o sistema enviará automaticamente um link de pagamento para o e-mail cadastrado. Fique atento à sua caixa de entrada para concluir a transação com segurança e agilidade.', 'dias_vencimento' => '5', 'ativo' => '1', 'usuario_id' => '968222', 'nome_usuario' => 'Alex Melo', 'cadastrado_em' => '2025-09-15 21:09:07', 'modificado_em' => '2025-09-19 13:47:48' ), 'tipo_pagamento' => null, 'Bandeiras' => '' ) ) $codigosHTML = array( 'javascript' => array( (int) 0 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verificar se estamos na página correta pela URL if (window.location.href.includes('/pagina/como-comprar')) { // Encontrar a seção existente const section = document.querySelector('section#section'); // Verificar se a seção existe e modificá-la if (section) { // Limpar o conteúdo existente da seção section.innerHTML = ''; // Criar o novo conteúdo HTML para substituir const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #3498db, #2c3e50); padding: 40px 20px; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; font-weight: bold; margin-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Como Comprar</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Como Comprar</li> </ol> </nav> </div> </div> </div> <div class="row justify-content-center"> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-shopping-cart"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Passos para Compra</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Siga nosso guia passo a passo para realizar sua compra com facilidade.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-credit-card"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Formas de Pagamento</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Conheça nossas opções de pagamento para sua conveniência.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-truck"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Informações de Frete</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Saiba como rastrear seu pedido e os prazos de entrega.</p> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <div style="background-color: #f8f9fa; padding: 40px; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); margin-top: 40px;"> <h2 style="color: #2c3e50; font-weight: bold; font-size: 28px; margin-bottom: 20px;">Detalhes do Processo de Compra</h2> <ol style="font-size: 18px; line-height: 1.8; color: #34495e; margin-left: 20px;"> <li>Para efetuar a compra, primeiro você deve ser cadastrado na nossa loja.</li> <li>Escolha o produto que está disponível ou faça a sua encomenda.</li> <li>Daremos opções de envios e seus valores (o frete é de responsabilidade do cliente).</li> <li>Escolha o frete.</li> <li>Escolha a forma de pagamento.</li> <li>Após a confirmação do pagamento pela instituição financeira, o produto é enviado.</li> </ol> <h3 style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-top: 30px; margin-bottom: 15px;">Condições de Pagamento</h3> <ul style="font-size: 18px; line-height: 1.8; color: #34495e; list-style-type: none; padding-left: 0;"> <li>- Boleto Bancário</li> <li>- Cartão de Crédito</li> <li>- Depósito Bancário</li> </ul> <h3 style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-top: 30px; margin-bottom: 15px;">Informações de Frete</h3> <ul style="font-size: 18px; line-height: 1.8; color: #34495e; list-style-type: none; padding-left: 0;"> <li>- Após o envio do produto, enviamos o código de rastreamento para que o cliente possa acompanhar a entrega.</li> <li>- O envio dos produtos é feito pelos Correios, por isso não nos responsabilizamos por eventuais atrasos na entrega.</li> </ul> </div> </div> </div> </div> `; // Inserir o novo conteúdo dentro da seção existente section.innerHTML = newHTML; // Adicionar animações aos cards const cards = document.querySelectorAll('.card'); // Adicionando uma animação suave ao passar o mouse sobre os cards cards.forEach(card => { card.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-10px)'; this.style.boxShadow = '0 10px 20px rgba(0, 0, 0, 0.1)'; }); card.addEventListener('mouseleave', function() { this.style.transform = 'translateY(0)'; this.style.boxShadow = '0 4px 6px rgba(0,0,0,0.1)'; }); }); // Adicionando estilos globais para responsividade e ajustes const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .breadcrumb-link:hover { text-decoration: underline !important; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .card-body { padding: 20px !important; } .card-title { font-size: 20px !important; } .card-text { font-size: 14px !important; } ol, ul { font-size: 16px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 1 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Pegue o texto do conteúdo "Sobre a loja" var sobreLojaElement = document.querySelector('.col-sm-5.mr-lg-auto p'); // Seleciona o parágrafo dentro da div que contém o texto "Sobre a loja" var textoSobreLoja = sobreLojaElement ? sobreLojaElement.innerHTML : 'Texto padrão de sobre a loja'; // Armazena o conteúdo var footerExistente = document.getElementById('rodape'); if (footerExistente) { // Remover o footer existente footerExistente.remove(); // Criar o novo footer var novoFooter = document.createElement('footer'); novoFooter.id = 'novoRodape'; novoFooter.innerHTML = ` <div class="container"> <div class="footer-top"> <div class="footer-col"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/files/ecommerce/arquivos/395565/cac78803038a8f535313c270d01759a79ea35ba0.png" alt="Logomarca JAMP - Sua evolução em todos os momentos" class="footer-logo"> <p class="footer-text"> ${textoSobreLoja} <!-- Insere o conteúdo "Sobre a loja" aqui --> </p> </div> <div class="footer-col"> <h3 class="footer-title">Atendimento</h3> <p class="footer-text"><i class="fas fa-phone"></i> (79) 3512-2501</p> <p class="footer-text"><i class="fas fa-envelope"></i> contato@jampsolucoes.com.br</p> <p class="footer-text">Horário de atendimento: Segunda a Sexta de 08h às 18h e Sábado de 08h ás 13h</p> <div class="social-links"> <a href="https://www.instagram.com/jampsolucoes/"><i class="fab fa-facebook"></i></a> <a href="https://www.instagram.com/jampsolucoes/"><i class="fab fa-instagram"></i></a> </div> </div> <div class="footer-col"> <h3 class="footer-title">Institucional</h3> <ul> <li><a href="/pagina/quem-somos" class="footer-link">Quem Somos</a></li> <li><a href="/pagina/politica-de-privacidade" class="footer-link">Política de Privacidade</a></li> <li><a href="/pagina/trocas-e-devolucoes" class="footer-link">Trocas e Devoluções</a></li> <li><a href="/pagina/duvidas-frequentes" class="footer-link">Dúvidas Frequentes</a></li> </ul> </div> <div class="footer-col"> <h3 class="footer-title">Ajuda e Suporte</h3> <ul> <li><a href="/restrito/minha_conta" class="footer-link">Minha Conta</a></li> <li><a href="/restrito/pedidos" class="footer-link">Meus Pedidos</a></li> <li><a href="/pagina/como-comprar" class="footer-link">Formas de Pagamento</a></li> <li><a href="/pagina/fale-conosco" class="footer-link">Fale Conosco</a></li> </ul> </div> <div class="footer-col"> <h3 class="footer-title">Certificados e Segurança</h3> <img src="/img/logos/ssl.png" alt="Certificado SSL"> </div> <!-- Nova coluna para os ícones de pagamento --> <div class="footer-col"> <h3 class="footer-title">Formas de Pagamento</h3> <ul class="linksfooter"> <span class="icones-pagamento-footer icone-visa"></span> <span class="icones-pagamento-footer icone-master"></span> <span class="icones-pagamento-footer icone-boleto"></span> <span class="icones-pagamento-footer icone-pix"></span> </ul> </div> </div> <div class="footer-bottom"> <p class="footer-text">© 2024 JAMP - Sua evolução em todos os momentos - CNPJ: 18.117.958/0001-22. Todos os direitos reservados.</p> </div> </div> `; // Adicionar o novo footer ao final do body document.body.appendChild(novoFooter); } });</script>' ), (int) 2 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function () { // Verifica se está na URL especificada if (window.location.href.includes('/produto/')) { // Evita duplicação verificando se já existe um container de abas if (!document.querySelector('.tab-container')) { // Verifica e espera que os elementos estejam disponíveis var checkExist = setInterval(function () { var descricaoDiv = document.querySelector('.descricao.col-sm-12'); var botoesCompartilhamento = document.querySelector('.botoes-compartilhamento.col-sm-12'); // Verifica se a descrição foi encontrada if (descricaoDiv && !descricaoDiv.querySelector('.tab-container')) { // Pega o conteúdo da div var descricaoCompleta = descricaoDiv.innerHTML; // Separa a descrição e as informações técnicas var descricao = descricaoCompleta.split("INFORMAÇÕES TÉCNICAS")[0].trim(); var informacoesTecnicas = descricaoCompleta.split("INFORMAÇÕES TÉCNICAS")[1] ? descricaoCompleta.split("INFORMAÇÕES TÉCNICAS")[1].trim() : ''; // Cria a estrutura de tabs (abas) var novoConteudo = ` <div class="tab-container"> <ul class="tab-list"> <li class="tab-item active" data-tab="descricao">Descrição do Produto</li> <li class="tab-item" data-tab="info-tecnica">Informações Técnicas</li> </ul> <div class="tab-content"> <div class="tab-pane active" id="descricao">${descricao}</div> <div class="tab-pane" id="info-tecnica">INFORMAÇÕES TÉCNICAS<br>${informacoesTecnicas}</div> </div> </div> `; // Insere o novo conteúdo na página descricaoDiv.innerHTML = novoConteudo; // Função para alternar as abas var tabItems = document.querySelectorAll('.tab-item'); var tabPanes = document.querySelectorAll('.tab-pane'); tabItems.forEach(function(item) { item.addEventListener('click', function() { // Remove a classe 'active' de todas as abas e conteúdo tabItems.forEach(function(i) { i.classList.remove('active'); }); tabPanes.forEach(function(pane) { pane.classList.remove('active'); }); // Ativa a aba clicada e seu conteúdo correspondente var tabTarget = item.getAttribute('data-tab'); item.classList.add('active'); document.getElementById(tabTarget).classList.add('active'); }); }); // Para o intervalo de verificação, pois o elemento foi encontrado clearInterval(checkExist); } // Remove a seção de compartilhamento, se existir if (botoesCompartilhamento) { botoesCompartilhamento.remove(); } }, 500); // Verifica a cada 500ms } } });</script>' ), (int) 3 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script></script>' ), (int) 4 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // 1. Remover o dropdown e deixar somente o número de telefone principal const dropdown = document.querySelector('.topbar-text.dropdown'); if (dropdown) { const phoneNumberLink = dropdown.querySelector('.topbar-link.dropdown-toggle'); if (phoneNumberLink) { phoneNumberLink.classList.remove('dropdown-toggle'); // Remover o dropdown const ulDropdown = dropdown.querySelector('ul'); if (ulDropdown) { ulDropdown.remove(); // Remover o dropdown } } } // 2. Alterar o texto para "Seja Bem Vindo a Jamp" e alterar o ícone de coração para preenchido const welcomeTextElements = document.querySelectorAll('.topbar-link'); welcomeTextElements.forEach(function(element) { if (element.innerText.includes("Seja bem-vindo(a)")) { element.innerHTML = '<i class="fa fa-heart"></i> Seja Bem Vindo a Jamp !'; // Substituir o ícone e o texto } }); // 3. Modificar o nome de "Meus pedidos" e trocar o ícone const pedidosLink = document.querySelector('a[href="/restrito/pedidos"]'); if (pedidosLink) { pedidosLink.innerHTML = '<i class="fa fa-box"></i> Minhas Compras'; // Alterar ícone e texto } // 4. Alterar o ícone do telefone para um ícone preenchido const phoneIcon = document.querySelector('.czi-phone'); if (phoneIcon) { phoneIcon.classList.remove('czi-phone'); phoneIcon.classList.add('fa', 'fa-phone'); // Alterar para o ícone preenchido } });</script>' ), (int) 5 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verificar se estamos na página correta pela URL if (window.location.href.includes('/pagina/quem-somos')) { // Encontrar a seção existente const section = document.querySelector('section#section'); // Verificar se a seção existe e modificá-la if (section) { // Guardar o conteúdo do parágrafo atual const paragrafoTexto = section.querySelector('p').innerText; // Limpar o conteúdo existente da seção section.innerHTML = ''; // Criar o novo conteúdo HTML para substituir const newHTML = ` <div class="quem-somos-container" style="font-family: 'Arial', sans-serif; max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <header style="background: linear-gradient(135deg, #3498db, #2c3e50); color: white; padding: 60px 20px; text-align: center; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; margin-bottom: 20px; color: #ffffff;">Quem Somos</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Quem Somos</li> </ol> </nav> </header> <div class="main-content" style="background-color: #f8f9fa; border-radius: 10px; padding: 40px; margin-bottom: 40px;"> <p style="font-size: 18px; line-height: 1.8; text-align: justify; color: #333; margin-bottom: 0;"> ${paragrafoTexto} </p> </div> <div class="cards-container" style="display: flex; justify-content: space-between; flex-wrap: wrap;"> <div class="card mission-card" style="flex-basis: calc(33.333% - 20px); background-color: white; border-radius: 10px; padding: 30px; margin-bottom: 30px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); transition: all 0.3s ease; text-align: center;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-bullseye"></i> </div> <h3 style="color: #2c3e50; font-weight: bold; margin-bottom: 15px; font-size: 24px;">Missão</h3> <p style="color: #666; font-size: 16px;">Nossa missão é oferecer produtos de alta qualidade e um atendimento excepcional para garantir a satisfação dos nossos clientes.</p> </div> <div class="card vision-card" style="flex-basis: calc(33.333% - 20px); background-color: white; border-radius: 10px; padding: 30px; margin-bottom: 30px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); transition: all 0.3s ease; text-align: center;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-eye"></i> </div> <h3 style="color: #2c3e50; font-weight: bold; margin-bottom: 15px; font-size: 24px;">Visão</h3> <p style="color: #666; font-size: 16px;">Ser referência em tecnologia e inovação, oferecendo soluções completas para o crescimento dos nossos clientes e parceiros.</p> </div> <div class="card values-card" style="flex-basis: calc(33.333% - 20px); background-color: white; border-radius: 10px; padding: 30px; margin-bottom: 30px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); transition: all 0.3s ease; text-align: center;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-gavel"></i> </div> <h3 style="color: #2c3e50; font-weight: bold; margin-bottom: 15px; font-size: 24px;">Valores</h3> <p style="color: #666; font-size: 16px;">Ética, transparência, inovação e comprometimento são os pilares que norteiam todas as nossas ações e decisões.</p> </div> </div> </div> `; // Inserir o novo conteúdo dentro da seção existente section.innerHTML = newHTML; // Adicionar animações aos cards const cards = document.querySelectorAll('.card'); // Adiciona uma animação suave ao passar o mouse sobre os cards cards.forEach(card => { card.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease'; card.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-10px)'; this.style.boxShadow = '0 15px 30px rgba(0, 0, 0, 0.1)'; }); card.addEventListener('mouseleave', function() { this.style.transform = 'translateY(0)'; this.style.boxShadow = '0 10px 20px rgba(0, 0, 0, 0.05)'; }); }); // Adicionar estilos globais const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .mb-5, .my-5 { margin-bottom: 1rem !important; } .breadcrumb-link:hover { text-decoration: underline !important; } @media (max-width: 768px) { .quem-somos-container { padding: 20px; } .card { flex-basis: 100% !important; } header { padding: 40px 20px !important; } h1 { font-size: 28px !important; } .main-content { padding: 20px !important; } .main-content p { font-size: 16px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 6 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verificar se estamos na página correta pela URL if (window.location.href.includes('/pagina/trocas-e-devolucoes')) { // Encontrar a seção existente const section = document.querySelector('section#section'); // Verificar se a seção existe e modificá-la if (section) { // Guardando o conteúdo do parágrafo atual const paragrafoTexto = section.querySelector('div.col-sm-12').innerText; // Limpando o conteúdo existente da seção section.innerHTML = ''; // Criando o novo conteúdo HTML para substituir const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #3498db, #2c3e50); padding: 40px 20px; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; font-weight: bold; margin-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Trocas e Devoluções</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Trocas e Devoluções</li> </ol> </nav> </div> </div> </div> <div class="row"> <div class="col-12"> <p style="font-size: 18px; line-height: 1.8; text-align: justify; color: #34495e; margin-bottom: 60px;"> ${paragrafoTexto} </p> </div> </div> <div class="row justify-content-center"> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-exchange-alt"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Condições para Troca</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Verifique as condições de troca antes de encaminhar o produto para evitar problemas.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-box-open"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Devolução Correta</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Acondicione o produto corretamente e acompanhe o DANFE para que o produto seja aceito.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-truck"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Envio Fácil</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Enviaremos o código de postagem para que você devolva o produto de forma simples e rápida.</p> </div> </div> </div> </div> </div> `; // Inserir o novo conteúdo dentro da seção existente section.innerHTML = newHTML; // Adicionar animações aos cards const cards = document.querySelectorAll('.card'); // Adicionando uma animação suave ao passar o mouse sobre os cards cards.forEach(card => { card.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-10px)'; this.style.boxShadow = '0 10px 20px rgba(0, 0, 0, 0.1)'; }); card.addEventListener('mouseleave', function() { this.style.transform = 'translateY(0)'; this.style.boxShadow = '0 4px 6px rgba(0,0,0,0.1)'; }); }); // Adicionando estilos globais para responsividade e ajustes const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .mb-5, .my-5 { margin-bottom: 1rem !important; } .breadcrumb-link:hover { text-decoration: underline !important; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .card-body { padding: 20px !important; } .card-title { font-size: 20px !important; } .card-text { font-size: 14px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 7 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verificar se estamos na página correta pela URL if (window.location.href.includes('/pagina/politica-de-privacidade')) { // Encontrar a seção existente const section = document.querySelector('section#section'); // Verificar se a seção existe e modificá-la if (section) { // Guardar o conteúdo do parágrafo atual const paragrafoTexto = section.querySelector('div.col-sm-12').innerHTML; // Limpar o conteúdo existente da seção section.innerHTML = ''; // Criar o novo conteúdo HTML para substituir const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #3498db, #2c3e50); padding: 40px 20px; border-radius: 10px;"> <h1 style="font-size: 36px; font-weight: bold; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Política de Privacidade</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" class="breadcrumb-link" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Política de Privacidade</li> </ol> </nav> </div> </div> </div> <div class="row"> <div class="col-12"> <p style="font-size: 18px; line-height: 1.8; text-align: justify; color: #34495e; margin-bottom: 60px"> ${paragrafoTexto} </p> </div> </div> <div class="row justify-content-center" style="margin-top: 40px;"> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-shield-alt"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 30px;">Segurança de Dados</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Nosso compromisso é garantir a segurança dos seus dados durante todo o processo de compra e navegação.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-user-shield"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Privacidade Respeitada</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Seus dados pessoais nunca serão compartilhados com terceiros sem seu consentimento.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-lock"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Proteção Total</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Usamos criptografia de ponta a ponta para garantir que todas as transações sejam seguras.</p> </div> </div> </div> </div> </div> `; // Inserir o novo conteúdo dentro da seção existente section.innerHTML = newHTML; // Adicionar animações aos cards const cards = document.querySelectorAll('.card'); // Adicionando uma animação suave ao passar o mouse sobre os cards cards.forEach(card => { card.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-10px)'; this.style.boxShadow = '0 10px 20px rgba(0, 0, 0, 0.1)'; }); card.addEventListener('mouseleave', function() { this.style.transform = 'translateY(0)'; this.style.boxShadow = '0 4px 6px rgba(0,0,0,0.1)'; }); }); // Adicionar estilos globais e hover para breadcrumb const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .breadcrumb-link:hover { text-decoration: underline !important; } .mb-5, .my-5 { margin-bottom: 1rem !important; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .card-body { padding: 20px !important; } .card-title { font-size: 20px !important; } .card-text { font-size: 14px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 8 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function () { // Selecionar a div navbarCollapse onde será inserido o novo conteúdo var navbarCollapse = document.getElementById('navbarCollapse'); // Selecionar todas as categorias principais dentro de <ul class="dropdown-menu"> do menu original var dropdownMenus = document.querySelectorAll('.dropdown-menu > li.dropdown'); var categoriasHTML = ''; // Verificar se há categorias e adicionar ao HTML dinamicamente if (dropdownMenus.length > 0) { dropdownMenus.forEach(function (categoria) { // Capturar o link da categoria principal var categoriaLink = categoria.querySelector('a').getAttribute('href'); var categoriaTexto = categoria.querySelector('a').textContent.trim(); // Criar o HTML para a categoria principal categoriasHTML += ` <li class="dropdown"> <a class="dropdown-item dropdown-toggle" href="${categoriaLink}" data-toggle="dropdown"> ${categoriaTexto} </a> <ul class="dropdown-menu"> `; // Selecionar todas as subcategorias dentro dessa categoria principal var subCategorias = categoria.querySelectorAll('.widget-list-item a'); // Verificar se há subcategorias if (subCategorias.length > 0) { subCategorias.forEach(function (subCategoria) { var subCategoriaLink = subCategoria.getAttribute('href'); var subCategoriaTexto = subCategoria.textContent.trim(); // Adicionar as subcategorias ao HTML categoriasHTML += ` <li class="widget-list-item pb-1"> <a class="widget-list-link" href="${subCategoriaLink}">${subCategoriaTexto}</a> </li> `; }); } else { categoriasHTML += '<li><a href="#">Nenhuma subcategoria disponível</a></li>'; } // Fechar o HTML da categoria principal categoriasHTML += ` </ul> </li> `; }); } else { // Caso não tenha encontrado nenhuma categoria categoriasHTML = `<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Nenhuma categoria disponível</a></li>`; } // Agora que temos certeza de que encontramos as categorias, limpar o conteúdo existente if (navbarCollapse) { navbarCollapse.innerHTML = ''; // Limpar o conteúdo existente // Criar o novo conteúdo do menu, incluindo as categorias var menuHTML = ` <form action="/busca" role="search" method="get" accept-charset="utf-8" novalidate="novalidate"> <div class="input-group-overlay d-lg-none my-3"> <div class="input-group-prepend-overlay"> <span class="input-group-text"> <i class="czi-search"></i> </span> </div> <input class="form-control prepended-form-control" name="q" type="text" placeholder="Digite o que procura" value=""> </div> </form> <ul class="list-unstyled navbar-nav mega-nav pr-lg-2 mr-lg-2"> <li class="nav-item active"> <a class="nav-link" href="/">Home</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle pl-0" href="#" data-toggle="dropdown"> <i class="czi-menu align-middle mt-n1 mr-2"></i>Todas as categorias </a> <ul class="dropdown-menu"> ${categoriasHTML} <!-- Inserir as categorias e subcategorias dinamicamente aqui --> </ul> </li> <li class="nav-item"><a class="nav-link" href="/pagina/quem-somos">Quem Somos</a></li> <li class="nav-item"><a class="nav-link" href="/pagina/trocas-e-devolucoes">Trocas e Devoluções</a></li> <li class="nav-item"><a class="nav-link" href="/pagina/politica-de-privacidade">Política de Privacidade</a></li> <li class="nav-item"><a class="nav-link" href="/pagina/duvidas-frequentes">Dúvidas Frequentes</a></li> <li class="nav-item"><a class="nav-link" href="/pagina/como-comprar">Como Comprar</a></li> <li class="nav-item"><a class="nav-link" href="/pagina/fale-conosco">Fale Conosco</a></li> </ul> `; // Inserir o novo conteúdo na div de navegação navbarCollapse.innerHTML = menuHTML; } // Adiciona o comportamento do dropdown no mobile var dropdownToggles = document.querySelectorAll('.dropdown-toggle'); dropdownToggles.forEach(function (toggle) { toggle.addEventListener('click', function (e) { e.preventDefault(); var parentLi = this.parentElement; var dropdownMenu = parentLi.querySelector('.dropdown-menu'); dropdownMenu.classList.toggle('show'); // Exibe/oculta o dropdown }); }); });</script>' ), (int) 9 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verificar se estamos na página correta pela URL if (window.location.href.includes('/pagina/duvidas-frequentes')) { // Encontrar a seção existente const section = document.querySelector('section#section'); // Verificar se a seção existe e modificá-la if (section) { // Limpar o conteúdo existente da seção section.innerHTML = ''; // Criar o novo conteúdo HTML para substituir const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #3498db, #2c3e50); padding: 40px 20px; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; font-weight: bold; margin-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Dúvidas Frequentes</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Dúvidas Frequentes</li> </ol> </nav> </div> </div> </div> <div class="row"> <div class="col-12"> <div id="faq" class="faq-container"> <div class="faq-item mb-4"> <h3 class="faq-question" style="cursor: pointer; font-size: 20px; color: #2c3e50; font-weight: bold; padding: 20px; background-color: #f8f9fa; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> Como efetuar a compra? <i class="fas fa-chevron-down" style="transition: transform 0.3s ease;"></i> </h3> <div class="faq-answer" style="display: none; padding: 20px; font-size: 16px; line-height: 1.6; color: #34495e; border-left: 4px solid #3498db; margin-top: 10px;"> Sua compra pode ser efetuada através do Site. </div> </div> <div class="faq-item mb-4"> <h3 class="faq-question" style="cursor: pointer; font-size: 20px; color: #2c3e50; font-weight: bold; padding: 20px; background-color: #f8f9fa; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> Tenho que ter CNPJ para comprar? <i class="fas fa-chevron-down" style="transition: transform 0.3s ease;"></i> </h3> <div class="faq-answer" style="display: none; padding: 20px; font-size: 16px; line-height: 1.6; color: #34495e; border-left: 4px solid #3498db; margin-top: 10px;"> Não, atendemos também pessoa física. </div> </div> <div class="faq-item mb-4"> <h3 class="faq-question" style="cursor: pointer; font-size: 20px; color: #2c3e50; font-weight: bold; padding: 20px; background-color: #f8f9fa; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> Quem paga o frete? <i class="fas fa-chevron-down" style="transition: transform 0.3s ease;"></i> </h3> <div class="faq-answer" style="display: none; padding: 20px; font-size: 16px; line-height: 1.6; color: #34495e; border-left: 4px solid #3498db; margin-top: 10px;"> O Frete é por conta do comprador e calculado de acordo com o peso do pedido, somente negociamos frete dependendo da quantidade de produtos. </div> </div> <div class="faq-item mb-4"> <h3 class="faq-question" style="cursor: pointer; font-size: 20px; color: #2c3e50; font-weight: bold; padding: 20px; background-color: #f8f9fa; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> Quanto tempo demora para a mercadoria chegar na minha residência? <i class="fas fa-chevron-down" style="transition: transform 0.3s ease;"></i> </h3> <div class="faq-answer" style="display: none; padding: 20px; font-size: 16px; line-height: 1.6; color: #34495e; border-left: 4px solid #3498db; margin-top: 10px;"> O tempo é de acordo com a aprovação do pagamento, se for por Depósito Bancário a confirmação é imediata. Quanto ao envio, é feito pelos Correios, e o prazo depende da opção de frete: Sedex ou Pac. </div> </div> <div class="faq-item mb-4"> <h3 class="faq-question" style="cursor: pointer; font-size: 20px; color: #2c3e50; font-weight: bold; padding: 20px; background-color: #f8f9fa; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> Quais as formas de pagamento? <i class="fas fa-chevron-down" style="transition: transform 0.3s ease;"></i> </h3> <div class="faq-answer" style="display: none; padding: 20px; font-size: 16px; line-height: 1.6; color: #34495e; border-left: 4px solid #3498db; margin-top: 10px;"> As formas de pagamento incluem cartão de crédito, transferência bancária, boleto e depósito bancário. </div> </div> </div> </div> </div> </div> `; // Inserir o novo conteúdo dentro da seção existente section.innerHTML = newHTML; // Adicionar interatividade para expandir as respostas das perguntas const faqItems = document.querySelectorAll('.faq-item'); faqItems.forEach(item => { const question = item.querySelector('.faq-question'); const answer = item.querySelector('.faq-answer'); const icon = item.querySelector('.fa-chevron-down'); question.addEventListener('click', function() { if (answer.style.display === 'none' || answer.style.display === '') { answer.style.display = 'block'; icon.style.transform = 'rotate(180deg)'; question.style.backgroundColor = '#e3f2fd'; } else { answer.style.display = 'none'; icon.style.transform = 'rotate(0deg)'; question.style.backgroundColor = '#f8f9fa'; } }); }); // Adicionar estilos globais const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .faq-question:hover { background-color: #e3f2fd; } .faq-answer { transition: max-height 0.4s ease; } .breadcrumb-link:hover { text-decoration: underline !important; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .faq-question { font-size: 18px !important; padding: 15px !important; } .faq-answer { font-size: 14px !important; padding: 15px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 10 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { if (window.location.href.includes('/pagina/fale-conosco')) { const section = document.querySelector('section#section'); if (section) { section.innerHTML = ''; const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #3498db, #2c3e50); padding: 40px 20px; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; font-weight: bold; margin-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Fale Conosco</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Fale Conosco</li> </ol> </nav> </div> </div> </div> <div class="row mb-5"> <div class="col-md-4 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body text-center" style="padding: 30px;"> <i class="fas fa-map-marker-alt fa-3x mb-3" style="color: #3498db;"></i> <h3 class="card-title mb-3" style="color: #2c3e50; font-weight: bold; font-size: 24px;">Endereço</h3> <p class="card-text">Rua Riachuelo, 1200<br>São José, Aracaju - SE</p> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body text-center" style="padding: 30px;"> <i class="fas fa-phone fa-3x mb-3" style="color: #3498db;"></i> <h3 class="card-title mb-3" style="color: #2c3e50; font-weight: bold; font-size: 24px;">Telefone</h3> <p class="card-text">(79) 2106-1152<br>WhatsApp: (79) 99857-5259</p> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body text-center" style="padding: 30px;"> <i class="fas fa-envelope fa-3x mb-3" style="color: #3498db;"></i> <h3 class="card-title mb-3" style="color: #2c3e50; font-weight: bold; font-size: 24px;">E-mail</h3> <p class="card-text">contato@jampsolucoes.com.br</p> </div> </div> </div> </div> <div class="row"> <div class="col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body d-flex flex-column" style="padding: 30px;"> <h3 class="card-title mb-4" style="color: #2c3e50; font-weight: bold; font-size: 24px;">Entre em Contato</h3> <form id="form-fale-conosco" method="post" action="/envia_contato" class="flex-grow-1 d-flex flex-column"> <div class="form-group mb-3"> <label for="nome" class="form-label">Nome</label> <input type="text" class="form-control" id="nome" name="data[Contato][nome]" required> </div> <div class="form-group mb-3"> <label for="email" class="form-label">E-mail de contato</label> <input type="email" class="form-control" id="email" name="data[Contato][email]" required> </div> <div class="form-group mb-3"> <label for="telefone" class="form-label">Telefone</label> <input type="tel" class="form-control" id="telefone" name="data[Contato][telefone]" required> </div> <div class="form-group mb-3"> <label for="assunto" class="form-label">Assunto</label> <input type="text" class="form-control" id="assunto" name="data[Contato][assunto]" required> </div> <div class="form-group mb-3 flex-grow-1"> <label for="mensagem" class="form-label">Mensagem</label> <textarea class="form-control h-100" id="mensagem" name="data[Contato][mensagem]" required></textarea> </div> <div class="text-center mt-3"> <button type="submit" class="btn btn-primary btn-lg" style="background-color: #0F3175; margin-top: 40px; border-color: #0F3175; padding: 10px 30px; font-size: 18px; transition: all 0.3s ease;">Enviar Mensagem</button> </div> </form> </div> </div> </div> <div class="col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body" style="padding: 0;"> <div style="position: relative; padding-bottom: 100%; height: 0; overflow: hidden;"> <iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;" src="https://maps.google.com/maps?q=Rua Riachuelo,+1200,+São José,+Aracaju,+SE&output=embed&ie=UTF8&" allowfullscreen title="Localização no Google Maps"></iframe> </div> </div> </div> </div> </div> </div> `; section.innerHTML = newHTML; const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .breadcrumb-link:hover { text-decoration: underline !important; } .btn-primary { background-color: #0F3175; border-color: #0F3175; transition: all 0.3s ease; } .btn-primary:hover { background-color: #0A4EA0 !important; border-color: #0A4EA0 !important; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); } .card { transition: all 0.3s ease; } .card:hover { transform: translateY(-5px); box-shadow: 0 8px 15px rgba(0,0,0,0.1); } .form-control { border: 1px solid #ced4da; border-radius: 5px; transition: all 0.3s ease; } .form-control:focus { border-color: #3498db; box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25); } textarea.form-control { resize: none; } .mb-5, .my-5 { margin-bottom: 1rem !important; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .card-body { padding: 20px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 11 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { if (window.location.href.includes('/login')) { const section = document.querySelector('section#section'); if (section) { section.innerHTML = ''; const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #0F3175, #3498db); padding: 40px 20px; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; font-weight: bold; margin-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Login</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Login</li> </ol> </nav> </div> </div> </div> <div class="row"> <div class="col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body d-flex flex-column" style="padding: 30px;"> <h3 class="card-title mb-4" style="color: #2c3e50; font-weight: bold; font-size: 24px;">Já sou cliente</h3> <form id="form-login" method="post" action="/login" class="flex-grow-1 d-flex flex-column"> <div class="form-group mb-3"> <label for="email" class="form-label">E-mail <span style="color: red;">*</span></label> <input type="email" class="form-control" id="email" name="data[Cliente][loja_virtual_email]" required> </div> <div class="form-group mb-3"> <label for="password" class="form-label">Senha <span style="color: red;">*</span></label> <input type="password" class="form-control" id="password" name="data[Cliente][loja_virtual_senha]" required> </div> <div class="d-flex justify-content-between align-items-center"> <a href="#" class="esqueci-senha" style="font-size: 12px; color: #0F3175;" id="forgotPasswordLink">Esqueci minha senha</a> <button type="submit" class="btn btn-primary" style="background-color: #0F3175; border-color: #0F3175; padding: 10px 30px; font-size: 18px; transition: all 0.3s ease;">Entrar</button> </div> </form> </div> </div> </div> <div class="col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body d-flex flex-column" style="padding: 30px;"> <h3 class="card-title mb-4" style="color: #2c3e50; font-weight: bold; font-size: 24px;">Ainda não possuo cadastro</h3> <p class="text-muted mb-4" style="font-size: 14px;">O registro leva menos de um minuto e oferece controle total sobre seus pedidos.</p> <form id="form-cadastro" method="get" action="/cadastrar" class="flex-grow-1 d-flex flex-column"> <div class="form-group mb-3"> <label for="cadastroEmail" class="form-label">Digite o email que deseja cadastrar <span style="color: red;">*</span></label> <input type="email" class="form-control" id="cadastroEmail" name="email" required> </div> <div class="text-center mt-3"> <button type="submit" class="btn btn-success" style="background-color: #0F3175; border-color: #0F3175; padding: 10px 30px;">Cadastrar</button> </div> </form> </div> </div> </div> </div> <!-- Modal para Esqueci Minha Senha --> <div class="modal fade" id="forgotPasswordModal" tabindex="-1" aria-labelledby="forgotPasswordModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="forgotPasswordModalLabel">Esqueci Minha Senha</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form id="forgotPasswordForm" method="post" action="/clientes/esqueci_minha_senha"> <div class="form-group"> <label for="forgotPasswordEmail" class="form-label">Digite seu e-mail</label> <input type="email" class="form-control" id="forgotPasswordEmail" name="email" required> </div> <button type="submit" class="btn btn-primary" style="background-color: #0F3175; margin-top: 20px; margin-bottom: 20px; border-color: #0F3175;">Enviar</button> </form> </div> </div> </div> </div> </div> `; section.innerHTML = newHTML; // Estilos personalizados const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .breadcrumb-link:hover { text-decoration: underline !important; } .btn-primary, .btn-success { background-color: #0F3175; border-color: #0F3175; transition: all 0.3s ease; } .btn-primary:hover, .btn-success:hover { background-color: #0A4EA0 !important; border-color: #0A4EA0 !important; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); } .card { transition: all 0.3s ease; } .card:hover { transform: translateY(-5px); box-shadow: 0 8px 15px rgba(0,0,0,0.1); } .form-control { border: 1px solid #ced4da; border-radius: 5px; transition: all 0.3s ease; } .form-control:focus { border-color: #3498db; box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25); } .esqueci-senha:hover { text-decoration: underline; color: #2980b9; } textarea.form-control { resize: none; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .card-body { padding: 20px !important; } } `; document.head.appendChild(style); // Ativar o modal ao clicar em "Esqueci minha senha" document.getElementById('forgotPasswordLink').addEventListener('click', function (event) { event.preventDefault(); $('#forgotPasswordModal').modal('show'); }); } } });</script>' ), (int) 12 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verifica se a URL contém "/restrito" if (window.location.href.includes('https://jampsolucoes.loja.click/restrito')) { // Seleciona a section com id 'section' const section = document.querySelector('section#section'); if (section) { // Aplica a margem superior e inferior section.style.marginTop = '50px'; section.style.marginBottom = '50px'; } } });</script>' ), (int) 13 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verifica se a URL contém "/restrito" ou "/carrinho" if (window.location.href.includes('https://jampsolucoes.loja.click/restrito') || window.location.href.includes('https://jampsolucoes.loja.click/carrinho')) { // Seleciona a section com id 'section' const section = document.querySelector('section#section'); if (section) { // Aplica a margem superior e inferior section.style.marginTop = '50px'; section.style.marginBottom = '50px'; } } });</script>' ), (int) 14 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function () { // Verifica se a URL contém '/restrito/pedidos/acompanhamento' if (window.location.href.includes('/restrito/pedidos/acompanhamento')) { // Seleciona a div específica e ajusta seu margin-top var targetDiv = document.querySelector('.col-lg-12.col-xl-12'); if (targetDiv) { // Ajusta o margin-top para descer a div targetDiv.style.marginTop = '50px'; // Ajuste o valor conforme necessário } } });</script>' ), (int) 15 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { if (window.location.href.includes('https://jampsolucoes.loja.click/')) { if (!document.querySelector('.row-fbits-fabricantes')) { const productContainer = document.querySelector('.listagem-produtos'); if (productContainer) { const newSectionHTML = ` <div class="row row-fbits-fabricantes"> <div class="col-md-12"> <div class="fbits-componente-listaMarcas"> <div class="marquee"> <div class="marquee-content"> <div class="fbits-listaMarcas-item"> <a href="/fabricante/epson"> <img src="https://recursos.hitechinformatica.com.br/i/fabricante/EPSON.png" alt="EPSON"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/hyperx"> <img src="https://recursos.hitechinformatica.com.br/i/fabricante/HYPERX.png" alt="HYPERX"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/intel"> <img src="https://recursos.hitechinformatica.com.br/i/fabricante/INTEL.png" alt="INTEL"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/lenovo"> <img src="https://i0.wp.com/datadoktorn.org/wp-content/uploads/2021/09/Lenovo-logo-vector.png" alt="Lenovo"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/intelbras"> <img src="https://logodownload.org/wp-content/uploads/2016/09/intelbras-logo-6-2-599x116.png" alt="Intelbras"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/dell"> <img src="https://upload.wikimedia.org/wikipedia/commons/8/82/Dell_Logo.png" alt="Dell"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/hp"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/files/ecommerce/arquivos/395565/f9eda291a1eb0880b093920bd34cc471c9d6a36d.png" alt="Hp"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/corsair"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/files/ecommerce/arquivos/395565/3a810d568d2ea638eca0f73e253a10f0ccb02f73.png" alt="Corsair"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/acronis"> <img src="https://uniwan.be/wp-content/uploads/Acronis-logo-large.png" alt="Acronis"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/cougar"> <img src="https://recursos.hitechinformatica.com.br/i/fabricante/COUGAR.png" alt="Cougar"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/rushfile"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/files/ecommerce/arquivos/395565/7ad7541afc72e238a8b63caa83947a32d2bb8009.png" alt="Rushfile"> </a> </div> </div> </div> </div> </div> </div> `; const newSection = document.createElement('div'); newSection.innerHTML = newSectionHTML; productContainer.parentNode.insertBefore(newSection, productContainer.nextSibling); } } } });</script>' ), (int) 16 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function () { // Verifica se a URL contém '/restrito/carrinho/confirma' if (window.location.href.includes('/restrito/carrinho/confirma')) { // Seleciona a div que contém o h1 e ajusta a cor var h1Title = document.querySelector('.h3.text-light.mb-0'); if (h1Title) { h1Title.style.color = '#0F3175'; // Cor do título h1Title.style.setProperty('color', '#0F3175', 'important'); // Força a cor com !important } // Estiliza os itens do breadcrumb var breadcrumbItems = document.querySelectorAll('.breadcrumb-item.text-nowrap, .breadcrumb-item.text-nowrap a'); breadcrumbItems.forEach(function(item) { item.style.color = '#0F3175'; // Aplica a cor desejada nos breadcrumbs item.style.setProperty('color', '#0F3175', 'important'); // Força a cor com !important }); // Estiliza o link da página inicial no breadcrumb var homeLink = document.querySelector('.breadcrumb-item a.text-nowrap'); if (homeLink) { homeLink.style.color = '#0F3175'; // Aplica a cor ao link homeLink.style.setProperty('color', '#0F3175', 'important'); // Força a cor com !important } // Pseudo-elemento ::before via CSS (não pode ser estilizado diretamente com JS) var style = document.createElement('style'); style.innerHTML = ` li.breadcrumb-item.text-nowrap.active::before { content: ''; display: inline-block; margin-right: 0.5rem; color: #0F3175; } `; document.head.appendChild(style); } });</script>' ) ), 'html' => array( (int) 0 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'html', 'codigo_html' => '<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">' ) ), 'css' => array( (int) 0 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'css', 'codigo_html' => '<style>/* Variáveis de cores da marca */ :root { --primary-dark: #0F3175; --primary-light: #0A4EA0; --text-dark: #000000; --text-light: #FFFFFF; --background-light: #F5F5F5; } /* Estilos gerais */ body { background-color: var(--background-light); color: var(--text-dark); } #tela-produto { background-color: var(--text-light); border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); padding: 30px; margin-bottom: 30px; } /* Estilos para o preço */ .valor-por { font-size: 2rem; font-weight: bold; color: black; margin: 20px 0; padding: 10px; background-color: var(--background-light); border-radius: 5px; display: inline-block; } #button-comprar { background: linear-gradient(45deg, var(--primary-dark), var(--primary-light)); color: var(--text-light); border: none; padding: 15px 30px; font-size: 1.2rem; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(10, 78, 160, 0.3); } #button-comprar:hover { background: linear-gradient(45deg, var(--primary-light), var(--primary-lighter)); transform: translateY(-3px); box-shadow: 0 6px 20px rgba(10, 78, 160, 0.4); } /* Estilos para campos de entrada */ input[type="text"], input[type="number"] { border: 1px solid var(--primary-light); border-radius: 5px; padding: 10px; font-size: 1rem; } /* Melhorias na galeria de imagens */ .foto-atual img { max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); } #carousel .item img { width: 70px; height: 70px; object-fit: cover; border: 2px solid var(--primary-light); border-radius: 5px; cursor: pointer; transition: border-color 0.3s; } #carousel .item img:hover { border-color: var(--primary-dark); } .cep .btn-primary { background-color: var(--primary-light); color: var(--text-light); border: none; padding: 12px 20px; border-radius: 8px; cursor: pointer; transition: background-color 0.3s; } .cep .btn-primary:hover { background-color: var(--primary-dark); } /* Responsividade */ @media (max-width: 768px) { #tela-produto { padding: 20px; } .valor-por { font-size: 1.75rem; } #button-comprar, .btn-primary { width: 100%; margin-top: 10px; } } /* Estilos para a aba */ .tab-container { width: 100%; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); background-color: #fff; border-radius: 10px; margin-top: 40px; overflow: hidden; /* Evita que as abas ultrapassem o container */ } .tab-list { display: flex; list-style: none; padding: 0; margin: 0; width: 100%; background-color: #f5f5f5; /* Fundo sutil para a lista de abas */ } .tab-item { flex-grow: 1; height: 50px; /* Aumentado para melhor clicabilidade */ line-height: 50px; cursor: pointer; text-align: center; font-size: 16px; font-weight: bold; background: linear-gradient(45deg, #0F3175, #0A4EA0); color: white; border-radius: 10px; transition: background-color 0.3s ease, color 0.3s ease; border-right: 1px solid rgba(255, 255, 255, 0.1); /* Separador sutil entre as abas */ } .tab-item:last-child { border-right: none; } .tab-item.active { background-color: #0F3175; position: relative; } .tab-item.active::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: #ffffff; /* Indicador da aba ativa */ } .tab-item:hover { background-color: #0D3D8A; } .tab-content { padding: 30px; background-color: white; border-radius: 0 0 10px 10px; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); width: 100%; } .tab-pane { display: none; } .tab-pane.active { display: block; animation: fadeIn 0.5s ease-in-out; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* Responsividade */ @media (max-width: 768px) { .tab-item { font-size: 14px; height: 40px; line-height: 40px; } .tab-content { padding: 20px; } }</style>' ) ) ) $categorias = array( 'code' => (int) 401, 'status' => 'error', 'data' => array( 'erro' => 'Anauthorized', 'mensagem' => 'Aeu plano expirou. Por favor, renove a sua assinatura!' ) ) $categoriasDestaque = array() $paginas = array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => (int) 6, 'total_paginas' => (int) 1, 'total_registros_pagina' => (int) 6, 'pagina_atual' => (int) 1, 'limite_por_pagina' => (int) 20, 'pagina_anterior' => null, 'url_anterior' => null, 'proxima_pagina' => null, 'proxima_url' => null ), 'data' => array( (int) 0 => array( 'id' => '31997', 'tipo' => '', 'nome' => 'Quem Somos', 'url' => 'quem-somos', 'url_customizada' => '', 'descricao' => '<p>A nossa loja procura oferecer os melhores produtos e atendimento diferenciado. Buscamos oferecer toda qualidade do nosso serviços também nos produtos para que possa ter a confiaça na compra. A nossa empresa possui valores sólidos e voltados à satisfação do cliente, conquistou uma posição nova no mercado, pois trabalhamos somente com produtos confiáveis no segmento em que atua. Tem como prioridade a busca constante pela excelência na prestação de serviços e no relacionamento com os clientes, colaboradores, parceiros e fornecedores. Desta forma, aproxima ao máximo os clientes das principais etapas de cada compra, para que possa haver uma conversão dos processos tradicionais em sistemas online. Esperamos que possamos fazer uma grande parceria.</p>', 'meta_titulo' => '', 'meta_palavras_chaves' => '', 'meta_descricao' => '', 'ativo' => '1', 'ordem' => '10', 'cadastrado_em' => '2025-09-15 20:25:15' ), (int) 1 => array( 'id' => '31998', 'tipo' => '', 'nome' => 'Trocas e Devoluções', 'url' => 'trocas-e-devolucoes', 'url_customizada' => '', 'descricao' => '<p>A devolução de qualquer produto só pode ser feita no prazo de até 7 (sete) dias, a contar da data de entrega com exceção dos itens de Moda, cujo prazo é de até 30 (trinta) dias corridos. Nesse período, se o produto apresentar defeito, ou se você não estiver satisfeito(a) com a compra, comunique nosso setor de atendimento ao cliente e solicite a troca.</p><p><br></p><p> Para trocar um produto, as seguintes condições deverão ser observadas:</p><p><br></p><p> - o produto deverá ser encaminhado na embalagem original, sem indícios de uso, sem violação do lacre original do fabricante, acompanhado do DANFE (Documento Auxiliar da Nota Fiscal Eletrônica), do manual e todos os acessórios.</p><p><br></p><p> - nas solicitações de desistência de produtos é imprescindível a etiqueta/lacre do produto.</p><p><br></p><p> Os cancelamentos podem ser realizados diretamente no painel de controle, no tópico "CANCELAR PEDIDO".</p><p> Devolução pelos Correios</p><p><br></p><p> Se o produto, junto com a embalagem na qual foi entregue, pesar menos de 15Kg e suas dimensões não ultrapassarem 105cm de altura, 105cm de largura e 105cm de comprimento, a devolução pode ser feita por postagem.</p><p><br></p><p> Nossos operadores enviarão, por e-mail, o código de postagem que deve ser apresentado nas agências dos Correios.</p><p><br></p><p> Para postar o produto siga as instruções:</p><p><br></p><p> - acondicione o produto em sua embalagem original ou similar;</p><p><br></p><p> - devolva todos os itens/acessórios que acompanham o produto;</p><p><br></p><p> - junte a segunda via do DANFE (Documento Auxiliar da Nota Fiscal Eletrônica) recebida no ato da entrega. É imprescindível que ele seja enviado para que o produto seja identificado;</p><p><br></p><p> - relate, no verso do DANFE, o motivo da devolução.</p><p><br></p><p> IMPORTANTE: Agências dos Correios Franqueadas (ACF) não aceitam o uso do instrumento de habilitação de postagem. Busque agências dos Correios aqui.</p><p><br></p><p> Todas as instruções serão fornecidas pelo setor de atendimento ao cliente.</p>', 'meta_titulo' => '', 'meta_palavras_chaves' => '', 'meta_descricao' => '', 'ativo' => '1', 'ordem' => '20', 'cadastrado_em' => '2025-09-15 20:25:15' ), (int) 2 => array( 'id' => '31999', 'tipo' => '', 'nome' => 'Política de Privacidade', 'url' => 'politica-de-privacidade', 'url_customizada' => '', 'descricao' => '<p>A nossa loja tem o compromisso com a privacidade e a segurança de seus clientes durante todo o processo de navegação e compra pelo site. Os dados cadastrais dos clientes não são vendidos, trocados ou divulgados para terceiros, exceto quando essas informações são necessárias para o processo de entrega, para cobrança, ou para participação em promoções solicitadas pelos clientes. Seus dados pessoais são peça fundamental para que seu pedido chegue em segurança, na sua casa, de acordo com nosso prazo de entrega.</p><p> </p><p> Utilizamos cookies e informações de sua navegação (sessão do browser) com o objetivo de traçar um perfil do público que visita o site e aperfeiçoar sempre nossos serviços, produtos, conteúdos e garantir as melhores ofertas e promoções para você. Durante todo este processo mantemos suas informações em sigilo absoluto. Vale lembrar que seus dados são registrados por nossa loja de forma automatizada, dispensando manipulação humana.</p><p> </p><p> Para que estes dados permaneçam intactos, nós desaconselhamos expressamente a divulgação de sua senha a terceiros, mesmo a amigos e parentes.</p><p> </p><p> As alterações sobre nossa política de privacidade serão devidamente informadas neste espaço.</p>', 'meta_titulo' => '', 'meta_palavras_chaves' => '', 'meta_descricao' => '', 'ativo' => '1', 'ordem' => '30', 'cadastrado_em' => '2025-09-15 20:25:15' ), (int) 3 => array( 'id' => '32000', 'tipo' => '', 'nome' => 'Dúvidas Frequentes', 'url' => 'duvidas-frequentes', 'url_customizada' => '', 'descricao' => '<p> <strong>Como efetuar a compra?</strong><br /> Sua compra pode ser efetuada através do Site.<br /> <br /> <strong>Tenho que ter CNPJ pra comprar?</strong><br /> Não, atendemos também pessoa física.<br /> <br /> <strong>Quem paga o frete?</strong><br /> O Frete é por conta do comprador e calculado de acordo com o peso do pedido, somente negociamos frete dependendo da quantidade de produtos.<br /> <br /> <strong>Quanto tempo demora para a mercadoria chegar na minha residência?</strong><br /> O tempo é de acordo com a aprovação do pagamento, se for por Depósito Bancário a confimação e de imediato. Quanto ao envio, é feito pelos correios, o prazo de entrega é de acordo com o tempo estabelecido pelos correios, temos as opções de frete: Sedex ou Pac.<br /> <br /> <strong>Quais as formas de pagamento?</strong><br /> Cartão de crédito, Transferência Bancária, Boleto e Depósito Bancário.</p>', 'meta_titulo' => '', 'meta_palavras_chaves' => '', 'meta_descricao' => '', 'ativo' => '1', 'ordem' => '40', 'cadastrado_em' => '2025-09-15 20:25:15' ), (int) 4 => array( 'id' => '32001', 'tipo' => '', 'nome' => 'Como Comprar', 'url' => 'como-comprar', 'url_customizada' => '', 'descricao' => '<p> 1. Para efetuar a compra, primeiro você deve ser cadastrado na nossa loja.<br /> 2. Escolha o produto que está disponível ou faça a sua encomenda.<br /> 3. Daremos opções de envios e seus valores (o frete é de responsabilidade do cliente)<br /> 4. Escolha o frete.<br /> 5. Escolha a forma de pagamento.<br /> 6. Após a confirmação do pagamento pela instituição financeira, o produto é enviado<br /> <br /> <strong>Condições de Pagamento</strong><br /> - Boleto Bancário<br /> - Cartão de Crédito<br /> - Depósito Bancário<br /> <br /> <strong>Frete</strong><br /> - Após o envio do produto, enviamos o código de rastreamento para que o cliente possa acompanhar a entrega.<br /> - O envio dos produtos é feito pelos Correios, por isso não nos responsabilizamos por eventuais atrasos na entrega.</p>', 'meta_titulo' => '', 'meta_palavras_chaves' => '', 'meta_descricao' => '', 'ativo' => '1', 'ordem' => '50', 'cadastrado_em' => '2025-09-15 20:25:15' ), (int) 5 => array( 'id' => '32002', 'tipo' => 'FC', 'nome' => 'Fale Conosco', 'url' => 'fale-conosco', 'url_customizada' => '', 'descricao' => 'Temos todo o prazer em ajudar. Preencha as informações abaixo e em breve entraremos em contato com você.', 'meta_titulo' => 'Fale Conosco 1', 'meta_palavras_chaves' => 'Fale Conosco, Atendimento', 'meta_descricao' => 'Fale Conosco Fale Conosco Fale Conosco Fale Conosco Fale Conosco', 'ativo' => '1', 'ordem' => '60', 'cadastrado_em' => '2025-09-15 20:25:15' ) ) ) $marcas = array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => null, 'total_paginas' => null, 'total_registros_pagina' => null, 'pagina_atual' => (int) 1, 'limite_por_pagina' => (int) 20, 'pagina_anterior' => null, 'url_anterior' => null, 'proxima_pagina' => null, 'proxima_url' => null ), 'data' => array(), 'error' => 'OK', 'message' => 'Não há dados!' ) $marcasDestaque = array() $content_for_layout = ' <script> function fitraProduto(valor){ parent.$('#carregando').show(); location.href = '?filtrar='+valor; }; </script> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <!-- BreadCrumb --> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <nav aria-label="breadcrumb"> <ol class="breadcrumb breadcrumb-dark flex-lg-nowrap justify-content-center justify-content-lg-start mb-3 mt-3"> <li class="breadcrumb-item "> <a class="text-nowrap" href="/"> <i class="czi-home"></i>Página Inicial </a> </li> <li class="breadcrumb-item text-nowrap active" aria-current="Listagem de Produtos Encontrados"> Energia </li> </ol> </nav> </div> <div class="row listagem-produtos"> <div class="col-sm-12 pr-1wz mt-2"> <div class="col-sm-4 col-lg-4 col-md-4 float-left pl-0 mt-3"> Mostrando <b>12</b> de <b>44</b> resultado(s) </div> <div class="form-group col-sm-4 col-lg-4 col-md-4 float-right mb-4 pr-0"><select name="filtroProduto" onChange="fitraProduto(this.value)" class="form-control" autocomplete="off" id="filtroProduto"> <option value="data">Data de postagem</option> <option value="AZ">Ordenação AZ</option> <option value="ZA">Ordenação ZA</option> <option value="relevancia">Relevância</option> <option value="maior-preco">Maior preço</option> <option value="menor-preco">Menor preço</option> </select></div> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-senoidal-snb-3000va-bi-tw-mtc2odqwmjm2nzy1ntm" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 3000VA BI TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 3000VA BI TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 3000VA BI TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 5.280,71</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-6kva-220v-tw-sb-mtc2odqwmjm2nzcxmdg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 11.581,90</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-3-0kva-120v-tw-mtc2odqwmjm2njy3otc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 5.829,72</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-1-5kva-120v-tw-mtc2odqwmjm2njkzmg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 3.713,21</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1500va-220v-mtc2odqwmjm2njq3ody" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1500VA 220V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1500VA 220V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1500VA 220V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.069,61</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1500va-120v-mtc2odqwmjm2njkxmdg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1500VA 120V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1500VA 120V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1500VA 120V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.069,61</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1000va-220v-mtc2odqwmjm2njm4odi" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1000VA 220V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1000VA 220V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1000VA 220V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 914,76</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-xnb-1440va-bi-mtc2odqwmjm2ntm2oda" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK XNB 1440VA BI" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK XNB 1440VA BI</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK XNB 1440VA BI</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.182,55</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-senoidal-snb-1500va-bivolt-mtc2odqwmjm2nty4nzy" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 1500VA BIVOLT" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 1500VA BIVOLT</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 1500VA BIVOLT</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 2.861,11</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-senoidal-snb-2000va-bivolt-mtc2odqwmjm2nteyotc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 2000VA BIVOLT" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 2000VA BIVOLT</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 2000VA BIVOLT</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 3.920,03</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-xnb-1800va-bi-mtc2odqwmjm2ntc5nzq" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK XNB 1800VA BI" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK XNB 1800VA BI</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK XNB 1800VA BI</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.692,77</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-gnb-1000va-120v-mtc2odqwmjm2nteznjc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1000VA 120V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1000VA 120V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1000VA 120V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 914,76</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> </div> <div class="row justify-content-center"> <nav aria-label="Navegação entre as páginas"> <ul class="list-unstyled pagination"> <li class="page-item"><a class="page-link" href="?pagina=1">1</a></li> <li class="page-item"><a class="page-link" href="?pagina=2">2</a></li> <li class="page-item active"><a class="page-link" href="?pagina=3">3</a></li> <li class="page-item"><a class="page-link" href="?pagina=4">4</a></li> </ul> </nav> </div> </div> </div>' $scripts_for_layout = '' $title_for_layout = 'GruposProdutos' $qtd = (int) 0 $valorProdutos = (int) 0 $arrayMenu = array( 'menu_categorias' => true, 'menu_marcas' => true ) $categoria = 'Anauthorized'include - APP/View/Elements/cabecalho.ctp, line 270 View::_evaluate() - CORE/Cake/View/View.php, line 935 View::_render() - CORE/Cake/View/View.php, line 897 View::_renderElement() - CORE/Cake/View/View.php, line 1195 View::element() - CORE/Cake/View/View.php, line 412 include - APP/View/Layouts/tema_padrao.ctp, line 83 View::_evaluate() - CORE/Cake/View/View.php, line 935 View::_render() - CORE/Cake/View/View.php, line 897 View::renderLayout() - CORE/Cake/View/View.php, line 529 View::render() - CORE/Cake/View/View.php, line 474 Controller::render() - CORE/Cake/Controller/Controller.php, line 952 Dispatcher::_invoke() - CORE/Cake/Routing/Dispatcher.php, line 220 Dispatcher::dispatch() - CORE/Cake/Routing/Dispatcher.php, line 178 [main] - APP/webroot/index.php, line 110
Warning (2): Illegal string offset 'nome' [APP/View/Elements/cabecalho.ctp, line 271]
ACode Context<li class="dropdown"><a class="dropdown-item" href="<?=$this->base?>/categoria/<?=$categoria['url']?>"><?php echo $categoria['nome']; ?>$viewFile = '/home/lojaclick/public_html/app/View/Elements/cabecalho.ctp' $dataForView = array( 'banners' => array(), 'filtros' => array( 'data' => 'Data de postagem', 'AZ' => 'Ordenação AZ', 'ZA' => 'Ordenação ZA', 'relevancia' => 'Relevância', 'maior-preco' => 'Maior preço', 'menor-preco' => 'Menor preço' ), 'produtos' => array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => (int) 44, 'total_paginas' => (int) 4, 'total_registros_pagina' => (int) 12, 'pagina_atual' => (int) 3, 'limite_por_pagina' => (int) 12, 'pagina_anterior' => (int) 2, 'url_anterior' => '/api/produtos/ecommerce_index?permitir_venda_estoque_insuficiente=1&grupo_id=5433036&pagina=2', 'proxima_pagina' => (int) 4, 'proxima_url' => '/api/produtos/ecommerce_index?permitir_venda_estoque_insuficiente=1&grupo_id=5433036&pagina=4' ), 'data' => array( (int) 0 => array( [maximum depth reached] ), (int) 1 => array( [maximum depth reached] ), (int) 2 => array( [maximum depth reached] ), (int) 3 => array( [maximum depth reached] ), (int) 4 => array( [maximum depth reached] ), (int) 5 => array( [maximum depth reached] ), (int) 6 => array( [maximum depth reached] ), (int) 7 => array( [maximum depth reached] ), (int) 8 => array( [maximum depth reached] ), (int) 9 => array( [maximum depth reached] ), (int) 10 => array( [maximum depth reached] ), (int) 11 => array( [maximum depth reached] ) ) ), 'id_pagina' => '5433036', 'grupo' => array( 'code' => (int) 200, 'status' => 'success', 'data' => array( 'id' => '5433036', 'grupo_pai_id' => '', 'nome' => 'Energia', 'url' => 'energia', 'meta_palavras_chaves' => '', 'meta_descricao' => '' ) ), 'grupoPai' => array(), 'metaTitulo' => 'Energia - JAMP - Sua evolução em todos os momentos', 'formasPagamentosAtivas' => array( (int) 0 => array( 'id' => '205232', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '6015467', 'dias_vencimento' => '5', 'nome' => 'Boleto bancário', 'plugin' => 'GerenciaNet', 'model' => 'IntegracoesGerenciaNet', 'icone' => 'boleto_bancario.png', 'foreign_key' => '956', 'ativo' => (int) 1, 'padrao_sistema' => '1', 'ordem' => '3', 'bandeiras' => 'visa;mastercard;elo;amex;diners;boleto;gerencianet', 'IntegracoesGerenciaNet' => array( [maximum depth reached] ), 'tipo_pagamento' => 'boleto_bancario', 'Bandeiras' => array( [maximum depth reached] ) ), (int) 1 => array( 'id' => '205260', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '5008309', 'dias_vencimento' => '5', 'nome' => 'Pagar na entrega', 'plugin' => 'Ecommerce', 'model' => 'LojasVirtuaisFormasPagamentosPersonalizada', 'icone' => 'icone_pagar_entrega.png', 'foreign_key' => '3697', 'ativo' => (int) 1, 'padrao_sistema' => '1', 'ordem' => '5', 'bandeiras' => 'entrega', 'LojasVirtuaisFormasPagamentosPersonalizada' => array( [maximum depth reached] ), 'tipo_pagamento' => null, 'Bandeiras' => array( [maximum depth reached] ) ), (int) 2 => array( 'id' => '205280', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '6005246', 'dias_vencimento' => '5', 'nome' => 'Cartão (Link será enviado por E-mail)', 'plugin' => 'Ecommerce', 'model' => 'LojasVirtuaisFormasPagamentosPersonalizada', 'icone' => 'icone_pagamento.png', 'foreign_key' => '3698', 'ativo' => (int) 1, 'padrao_sistema' => '0', 'ordem' => '7', 'bandeiras' => '', 'LojasVirtuaisFormasPagamentosPersonalizada' => array( [maximum depth reached] ), 'tipo_pagamento' => null, 'Bandeiras' => '' ) ), 'codigosHTML' => array( 'javascript' => array( (int) 0 => array( [maximum depth reached] ), (int) 1 => array( [maximum depth reached] ), (int) 2 => array( [maximum depth reached] ), (int) 3 => array( [maximum depth reached] ), (int) 4 => array( [maximum depth reached] ), (int) 5 => array( [maximum depth reached] ), (int) 6 => array( [maximum depth reached] ), (int) 7 => array( [maximum depth reached] ), (int) 8 => array( [maximum depth reached] ), (int) 9 => array( [maximum depth reached] ), (int) 10 => array( [maximum depth reached] ), (int) 11 => array( [maximum depth reached] ), (int) 12 => array( [maximum depth reached] ), (int) 13 => array( [maximum depth reached] ), (int) 14 => array( [maximum depth reached] ), (int) 15 => array( [maximum depth reached] ), (int) 16 => array( [maximum depth reached] ) ), 'html' => array( (int) 0 => array( [maximum depth reached] ) ), 'css' => array( (int) 0 => array( [maximum depth reached] ) ) ), 'categorias' => array( 'code' => (int) 401, 'status' => 'error', 'data' => array( 'erro' => 'Anauthorized', 'mensagem' => 'Aeu plano expirou. Por favor, renove a sua assinatura!' ) ), 'categoriasDestaque' => array(), 'paginas' => array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => (int) 6, 'total_paginas' => (int) 1, 'total_registros_pagina' => (int) 6, 'pagina_atual' => (int) 1, 'limite_por_pagina' => (int) 20, 'pagina_anterior' => null, 'url_anterior' => null, 'proxima_pagina' => null, 'proxima_url' => null ), 'data' => array( (int) 0 => array( [maximum depth reached] ), (int) 1 => array( [maximum depth reached] ), (int) 2 => array( [maximum depth reached] ), (int) 3 => array( [maximum depth reached] ), (int) 4 => array( [maximum depth reached] ), (int) 5 => array( [maximum depth reached] ) ) ), 'marcas' => array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => null, 'total_paginas' => null, 'total_registros_pagina' => null, 'pagina_atual' => (int) 1, 'limite_por_pagina' => (int) 20, 'pagina_anterior' => null, 'url_anterior' => null, 'proxima_pagina' => null, 'proxima_url' => null ), 'data' => array(), 'error' => 'OK', 'message' => 'Não há dados!' ), 'marcasDestaque' => array(), 'content_for_layout' => ' <script> function fitraProduto(valor){ parent.$('#carregando').show(); location.href = '?filtrar='+valor; }; </script> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <!-- BreadCrumb --> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <nav aria-label="breadcrumb"> <ol class="breadcrumb breadcrumb-dark flex-lg-nowrap justify-content-center justify-content-lg-start mb-3 mt-3"> <li class="breadcrumb-item "> <a class="text-nowrap" href="/"> <i class="czi-home"></i>Página Inicial </a> </li> <li class="breadcrumb-item text-nowrap active" aria-current="Listagem de Produtos Encontrados"> Energia </li> </ol> </nav> </div> <div class="row listagem-produtos"> <div class="col-sm-12 pr-1wz mt-2"> <div class="col-sm-4 col-lg-4 col-md-4 float-left pl-0 mt-3"> Mostrando <b>12</b> de <b>44</b> resultado(s) </div> <div class="form-group col-sm-4 col-lg-4 col-md-4 float-right mb-4 pr-0"><select name="filtroProduto" onChange="fitraProduto(this.value)" class="form-control" autocomplete="off" id="filtroProduto"> <option value="data">Data de postagem</option> <option value="AZ">Ordenação AZ</option> <option value="ZA">Ordenação ZA</option> <option value="relevancia">Relevância</option> <option value="maior-preco">Maior preço</option> <option value="menor-preco">Menor preço</option> </select></div> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-senoidal-snb-3000va-bi-tw-mtc2odqwmjm2nzy1ntm" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 3000VA BI TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 3000VA BI TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 3000VA BI TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 5.280,71</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-6kva-220v-tw-sb-mtc2odqwmjm2nzcxmdg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 11.581,90</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-3-0kva-120v-tw-mtc2odqwmjm2njy3otc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 5.829,72</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-1-5kva-120v-tw-mtc2odqwmjm2njkzmg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 3.713,21</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1500va-220v-mtc2odqwmjm2njq3ody" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1500VA 220V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1500VA 220V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1500VA 220V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.069,61</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1500va-120v-mtc2odqwmjm2njkxmdg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1500VA 120V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1500VA 120V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1500VA 120V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.069,61</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1000va-220v-mtc2odqwmjm2njm4odi" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1000VA 220V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1000VA 220V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1000VA 220V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 914,76</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-xnb-1440va-bi-mtc2odqwmjm2ntm2oda" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK XNB 1440VA BI" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK XNB 1440VA BI</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK XNB 1440VA BI</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.182,55</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-senoidal-snb-1500va-bivolt-mtc2odqwmjm2nty4nzy" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 1500VA BIVOLT" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 1500VA BIVOLT</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 1500VA BIVOLT</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 2.861,11</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-senoidal-snb-2000va-bivolt-mtc2odqwmjm2nteyotc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 2000VA BIVOLT" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 2000VA BIVOLT</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 2000VA BIVOLT</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 3.920,03</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-xnb-1800va-bi-mtc2odqwmjm2ntc5nzq" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK XNB 1800VA BI" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK XNB 1800VA BI</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK XNB 1800VA BI</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.692,77</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-gnb-1000va-120v-mtc2odqwmjm2nteznjc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1000VA 120V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1000VA 120V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1000VA 120V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 914,76</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> </div> <div class="row justify-content-center"> <nav aria-label="Navegação entre as páginas"> <ul class="list-unstyled pagination"> <li class="page-item"><a class="page-link" href="?pagina=1">1</a></li> <li class="page-item"><a class="page-link" href="?pagina=2">2</a></li> <li class="page-item active"><a class="page-link" href="?pagina=3">3</a></li> <li class="page-item"><a class="page-link" href="?pagina=4">4</a></li> </ul> </nav> </div> </div> </div>', 'scripts_for_layout' => '', 'title_for_layout' => 'GruposProdutos' ) $banners = array() $filtros = array( 'data' => 'Data de postagem', 'AZ' => 'Ordenação AZ', 'ZA' => 'Ordenação ZA', 'relevancia' => 'Relevância', 'maior-preco' => 'Maior preço', 'menor-preco' => 'Menor preço' ) $produtos = array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => (int) 44, 'total_paginas' => (int) 4, 'total_registros_pagina' => (int) 12, 'pagina_atual' => (int) 3, 'limite_por_pagina' => (int) 12, 'pagina_anterior' => (int) 2, 'url_anterior' => '/api/produtos/ecommerce_index?permitir_venda_estoque_insuficiente=1&grupo_id=5433036&pagina=2', 'proxima_pagina' => (int) 4, 'proxima_url' => '/api/produtos/ecommerce_index?permitir_venda_estoque_insuficiente=1&grupo_id=5433036&pagina=4' ), 'data' => array( (int) 0 => array( 'id' => '87615558', 'nome' => 'NOBREAK SENOIDAL SNB 3000VA BI TW', 'url' => 'nobreak-senoidal-snb-3000va-bi-tw-mtc2odqwmjm2nzy1ntm', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '5280.71', 'valor_venda_minimo' => '5280.71', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615558', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 1 => array( 'id' => '87615567', 'nome' => 'NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB', 'url' => 'nobreak-online-torre-dnb-6kva-220v-tw-sb-mtc2odqwmjm2nzcxmdg', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '11581.9', 'valor_venda_minimo' => '11581.9', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615567', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 2 => array( 'id' => '87615549', 'nome' => 'NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW', 'url' => 'nobreak-online-torre-dnb-3-0kva-120v-tw-mtc2odqwmjm2njy3otc', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '5829.72', 'valor_venda_minimo' => '5829.72', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615549', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 3 => array( 'id' => '87615548', 'nome' => 'NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW', 'url' => 'nobreak-online-torre-dnb-1-5kva-120v-tw-mtc2odqwmjm2njkzmg', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '3713.21', 'valor_venda_minimo' => '3713.21', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615548', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 4 => array( 'id' => '87615545', 'nome' => 'NOBREAK GNB 1500VA 220V', 'url' => 'nobreak-gnb-1500va-220v-mtc2odqwmjm2njq3ody', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '1069.61', 'valor_venda_minimo' => '1069.61', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615545', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 5 => array( 'id' => '87615544', 'nome' => 'NOBREAK GNB 1500VA 120V', 'url' => 'nobreak-gnb-1500va-120v-mtc2odqwmjm2njkxmdg', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '1069.61', 'valor_venda_minimo' => '1069.61', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615544', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 6 => array( 'id' => '87615542', 'nome' => 'NOBREAK GNB 1000VA 220V', 'url' => 'nobreak-gnb-1000va-220v-mtc2odqwmjm2njm4odi', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '914.76', 'valor_venda_minimo' => '914.76', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615542', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 7 => array( 'id' => '87615539', 'nome' => 'NOBREAK XNB 1440VA BI', 'url' => 'nobreak-xnb-1440va-bi-mtc2odqwmjm2ntm2oda', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '1182.55', 'valor_venda_minimo' => '1182.55', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615539', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 8 => array( 'id' => '87615537', 'nome' => 'NOBREAK SENOIDAL SNB 1500VA BIVOLT', 'url' => 'nobreak-senoidal-snb-1500va-bivolt-mtc2odqwmjm2nty4nzy', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '2861.11', 'valor_venda_minimo' => '2861.11', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615537', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 9 => array( 'id' => '87615538', 'nome' => 'NOBREAK SENOIDAL SNB 2000VA BIVOLT', 'url' => 'nobreak-senoidal-snb-2000va-bivolt-mtc2odqwmjm2nteyotc', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '3920.03', 'valor_venda_minimo' => '3920.03', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615538', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 10 => array( 'id' => '87615540', 'nome' => 'NOBREAK XNB 1800VA BI', 'url' => 'nobreak-xnb-1800va-bi-mtc2odqwmjm2ntc5nzq', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '1692.77', 'valor_venda_minimo' => '1692.77', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615540', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 11 => array( 'id' => '87615541', 'nome' => 'NOBREAK GNB 1000VA 120V', 'url' => 'nobreak-gnb-1000va-120v-mtc2odqwmjm2nteznjc', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '914.76', 'valor_venda_minimo' => '914.76', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615541', 'campanha_estoque' => array( [maximum depth reached] ) ) ) ) $id_pagina = '5433036' $grupo = array( 'code' => (int) 200, 'status' => 'success', 'data' => array( 'id' => '5433036', 'grupo_pai_id' => '', 'nome' => 'Energia', 'url' => 'energia', 'meta_palavras_chaves' => '', 'meta_descricao' => '' ) ) $grupoPai = array() $metaTitulo = 'Energia - JAMP - Sua evolução em todos os momentos' $formasPagamentosAtivas = array( (int) 0 => array( 'id' => '205232', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '6015467', 'dias_vencimento' => '5', 'nome' => 'Boleto bancário', 'plugin' => 'GerenciaNet', 'model' => 'IntegracoesGerenciaNet', 'icone' => 'boleto_bancario.png', 'foreign_key' => '956', 'ativo' => (int) 1, 'padrao_sistema' => '1', 'ordem' => '3', 'bandeiras' => 'visa;mastercard;elo;amex;diners;boleto;gerencianet', 'IntegracoesGerenciaNet' => array( 'id' => '956', 'empresa_id' => '395565', 'loja_id' => '522581', 'nome_integracao' => 'GerenciaNet', 'integracao_id' => '8', 'forma_pagamento_id' => '6015467', 'nome_forma_pagamento' => 'GerenciaNet', 'chave_pix' => '', 'maximo_parcelas' => '1', 'valor_minimo' => '', 'identificador_conta' => '130565-4', 'client_id' => 'Client_Id_92792e6d47e583f697ca426a3232736fb3150d63', 'client_secret' => 'Client_Secret_1b122ff1a9071c870f5df531d67096c06b5ae045', 'certificado' => '', 'intervalo_primeira_parcela' => '1', 'intervalo_primeira_parcela_cartao' => '1', 'tipo_parcelamento' => '1', 'taxa_boleto' => '0.00', 'taxa_fixa_cartao' => '1.99', 'taxa_porcentagem_cartao' => '0.99', 'instrucao1' => '', 'instrucao2' => '', 'instrucao3' => '', 'instrucao4' => '', 'recursos_integracao' => 'B', 'sandbox' => '0', 'checkout_transparente' => '1', 'taxa_multa_atraso' => '0.00', 'taxa_mora_atraso' => '0.000', 'ativo' => '1', 'usuario_id' => '968222', 'nome_usuario' => 'Alex Melo', 'cadastrado_em' => '2025-09-20 20:48:55', 'modificado_em' => '2025-09-20 20:48:55' ), 'tipo_pagamento' => 'boleto_bancario', 'Bandeiras' => array( (int) 0 => 'visa', (int) 1 => 'mastercard', (int) 2 => 'elo', (int) 3 => 'amex', (int) 4 => 'diners', (int) 5 => 'boleto', (int) 6 => 'gerencianet' ) ), (int) 1 => array( 'id' => '205260', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '5008309', 'dias_vencimento' => '5', 'nome' => 'Pagar na entrega', 'plugin' => 'Ecommerce', 'model' => 'LojasVirtuaisFormasPagamentosPersonalizada', 'icone' => 'icone_pagar_entrega.png', 'foreign_key' => '3697', 'ativo' => (int) 1, 'padrao_sistema' => '1', 'ordem' => '5', 'bandeiras' => 'entrega', 'LojasVirtuaisFormasPagamentosPersonalizada' => array( 'id' => '3697', 'empresa_id' => '395565', 'loja_id' => '522581', 'nome' => '', 'loja_virtual_forma_pagamento_id' => '20526', 'forma_pagamento_id' => '5008309', 'nome_forma_pagamento' => 'Pagar na entrega', 'desconto_a_vista' => '', 'descricao' => 'O pagamento deverá ser efetuado no momento da entrega do produto. A máquina de cartão será enviada junto com o responsável pela entrega.', 'dias_vencimento' => '5', 'ativo' => '1', 'usuario_id' => '968222', 'nome_usuario' => 'Alex Melo', 'cadastrado_em' => '2025-09-15 21:08:31', 'modificado_em' => '2025-09-15 21:08:31' ), 'tipo_pagamento' => null, 'Bandeiras' => array( (int) 0 => 'entrega' ) ), (int) 2 => array( 'id' => '205280', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '6005246', 'dias_vencimento' => '5', 'nome' => 'Cartão (Link será enviado por E-mail)', 'plugin' => 'Ecommerce', 'model' => 'LojasVirtuaisFormasPagamentosPersonalizada', 'icone' => 'icone_pagamento.png', 'foreign_key' => '3698', 'ativo' => (int) 1, 'padrao_sistema' => '0', 'ordem' => '7', 'bandeiras' => '', 'LojasVirtuaisFormasPagamentosPersonalizada' => array( 'id' => '3698', 'empresa_id' => '395565', 'loja_id' => '522581', 'nome' => 'Cartão (Link será enviado por E-mail)', 'loja_virtual_forma_pagamento_id' => '20528', 'forma_pagamento_id' => '6005246', 'nome_forma_pagamento' => 'Cartão (Link será enviado por E-mail)', 'desconto_a_vista' => '', 'descricao' => 'Após a confirmação do seu pedido, o sistema enviará automaticamente um link de pagamento para o e-mail cadastrado. Fique atento à sua caixa de entrada para concluir a transação com segurança e agilidade.', 'dias_vencimento' => '5', 'ativo' => '1', 'usuario_id' => '968222', 'nome_usuario' => 'Alex Melo', 'cadastrado_em' => '2025-09-15 21:09:07', 'modificado_em' => '2025-09-19 13:47:48' ), 'tipo_pagamento' => null, 'Bandeiras' => '' ) ) $codigosHTML = array( 'javascript' => array( (int) 0 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verificar se estamos na página correta pela URL if (window.location.href.includes('/pagina/como-comprar')) { // Encontrar a seção existente const section = document.querySelector('section#section'); // Verificar se a seção existe e modificá-la if (section) { // Limpar o conteúdo existente da seção section.innerHTML = ''; // Criar o novo conteúdo HTML para substituir const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #3498db, #2c3e50); padding: 40px 20px; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; font-weight: bold; margin-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Como Comprar</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Como Comprar</li> </ol> </nav> </div> </div> </div> <div class="row justify-content-center"> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-shopping-cart"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Passos para Compra</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Siga nosso guia passo a passo para realizar sua compra com facilidade.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-credit-card"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Formas de Pagamento</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Conheça nossas opções de pagamento para sua conveniência.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-truck"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Informações de Frete</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Saiba como rastrear seu pedido e os prazos de entrega.</p> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <div style="background-color: #f8f9fa; padding: 40px; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); margin-top: 40px;"> <h2 style="color: #2c3e50; font-weight: bold; font-size: 28px; margin-bottom: 20px;">Detalhes do Processo de Compra</h2> <ol style="font-size: 18px; line-height: 1.8; color: #34495e; margin-left: 20px;"> <li>Para efetuar a compra, primeiro você deve ser cadastrado na nossa loja.</li> <li>Escolha o produto que está disponível ou faça a sua encomenda.</li> <li>Daremos opções de envios e seus valores (o frete é de responsabilidade do cliente).</li> <li>Escolha o frete.</li> <li>Escolha a forma de pagamento.</li> <li>Após a confirmação do pagamento pela instituição financeira, o produto é enviado.</li> </ol> <h3 style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-top: 30px; margin-bottom: 15px;">Condições de Pagamento</h3> <ul style="font-size: 18px; line-height: 1.8; color: #34495e; list-style-type: none; padding-left: 0;"> <li>- Boleto Bancário</li> <li>- Cartão de Crédito</li> <li>- Depósito Bancário</li> </ul> <h3 style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-top: 30px; margin-bottom: 15px;">Informações de Frete</h3> <ul style="font-size: 18px; line-height: 1.8; color: #34495e; list-style-type: none; padding-left: 0;"> <li>- Após o envio do produto, enviamos o código de rastreamento para que o cliente possa acompanhar a entrega.</li> <li>- O envio dos produtos é feito pelos Correios, por isso não nos responsabilizamos por eventuais atrasos na entrega.</li> </ul> </div> </div> </div> </div> `; // Inserir o novo conteúdo dentro da seção existente section.innerHTML = newHTML; // Adicionar animações aos cards const cards = document.querySelectorAll('.card'); // Adicionando uma animação suave ao passar o mouse sobre os cards cards.forEach(card => { card.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-10px)'; this.style.boxShadow = '0 10px 20px rgba(0, 0, 0, 0.1)'; }); card.addEventListener('mouseleave', function() { this.style.transform = 'translateY(0)'; this.style.boxShadow = '0 4px 6px rgba(0,0,0,0.1)'; }); }); // Adicionando estilos globais para responsividade e ajustes const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .breadcrumb-link:hover { text-decoration: underline !important; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .card-body { padding: 20px !important; } .card-title { font-size: 20px !important; } .card-text { font-size: 14px !important; } ol, ul { font-size: 16px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 1 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Pegue o texto do conteúdo "Sobre a loja" var sobreLojaElement = document.querySelector('.col-sm-5.mr-lg-auto p'); // Seleciona o parágrafo dentro da div que contém o texto "Sobre a loja" var textoSobreLoja = sobreLojaElement ? sobreLojaElement.innerHTML : 'Texto padrão de sobre a loja'; // Armazena o conteúdo var footerExistente = document.getElementById('rodape'); if (footerExistente) { // Remover o footer existente footerExistente.remove(); // Criar o novo footer var novoFooter = document.createElement('footer'); novoFooter.id = 'novoRodape'; novoFooter.innerHTML = ` <div class="container"> <div class="footer-top"> <div class="footer-col"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/files/ecommerce/arquivos/395565/cac78803038a8f535313c270d01759a79ea35ba0.png" alt="Logomarca JAMP - Sua evolução em todos os momentos" class="footer-logo"> <p class="footer-text"> ${textoSobreLoja} <!-- Insere o conteúdo "Sobre a loja" aqui --> </p> </div> <div class="footer-col"> <h3 class="footer-title">Atendimento</h3> <p class="footer-text"><i class="fas fa-phone"></i> (79) 3512-2501</p> <p class="footer-text"><i class="fas fa-envelope"></i> contato@jampsolucoes.com.br</p> <p class="footer-text">Horário de atendimento: Segunda a Sexta de 08h às 18h e Sábado de 08h ás 13h</p> <div class="social-links"> <a href="https://www.instagram.com/jampsolucoes/"><i class="fab fa-facebook"></i></a> <a href="https://www.instagram.com/jampsolucoes/"><i class="fab fa-instagram"></i></a> </div> </div> <div class="footer-col"> <h3 class="footer-title">Institucional</h3> <ul> <li><a href="/pagina/quem-somos" class="footer-link">Quem Somos</a></li> <li><a href="/pagina/politica-de-privacidade" class="footer-link">Política de Privacidade</a></li> <li><a href="/pagina/trocas-e-devolucoes" class="footer-link">Trocas e Devoluções</a></li> <li><a href="/pagina/duvidas-frequentes" class="footer-link">Dúvidas Frequentes</a></li> </ul> </div> <div class="footer-col"> <h3 class="footer-title">Ajuda e Suporte</h3> <ul> <li><a href="/restrito/minha_conta" class="footer-link">Minha Conta</a></li> <li><a href="/restrito/pedidos" class="footer-link">Meus Pedidos</a></li> <li><a href="/pagina/como-comprar" class="footer-link">Formas de Pagamento</a></li> <li><a href="/pagina/fale-conosco" class="footer-link">Fale Conosco</a></li> </ul> </div> <div class="footer-col"> <h3 class="footer-title">Certificados e Segurança</h3> <img src="/img/logos/ssl.png" alt="Certificado SSL"> </div> <!-- Nova coluna para os ícones de pagamento --> <div class="footer-col"> <h3 class="footer-title">Formas de Pagamento</h3> <ul class="linksfooter"> <span class="icones-pagamento-footer icone-visa"></span> <span class="icones-pagamento-footer icone-master"></span> <span class="icones-pagamento-footer icone-boleto"></span> <span class="icones-pagamento-footer icone-pix"></span> </ul> </div> </div> <div class="footer-bottom"> <p class="footer-text">© 2024 JAMP - Sua evolução em todos os momentos - CNPJ: 18.117.958/0001-22. Todos os direitos reservados.</p> </div> </div> `; // Adicionar o novo footer ao final do body document.body.appendChild(novoFooter); } });</script>' ), (int) 2 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function () { // Verifica se está na URL especificada if (window.location.href.includes('/produto/')) { // Evita duplicação verificando se já existe um container de abas if (!document.querySelector('.tab-container')) { // Verifica e espera que os elementos estejam disponíveis var checkExist = setInterval(function () { var descricaoDiv = document.querySelector('.descricao.col-sm-12'); var botoesCompartilhamento = document.querySelector('.botoes-compartilhamento.col-sm-12'); // Verifica se a descrição foi encontrada if (descricaoDiv && !descricaoDiv.querySelector('.tab-container')) { // Pega o conteúdo da div var descricaoCompleta = descricaoDiv.innerHTML; // Separa a descrição e as informações técnicas var descricao = descricaoCompleta.split("INFORMAÇÕES TÉCNICAS")[0].trim(); var informacoesTecnicas = descricaoCompleta.split("INFORMAÇÕES TÉCNICAS")[1] ? descricaoCompleta.split("INFORMAÇÕES TÉCNICAS")[1].trim() : ''; // Cria a estrutura de tabs (abas) var novoConteudo = ` <div class="tab-container"> <ul class="tab-list"> <li class="tab-item active" data-tab="descricao">Descrição do Produto</li> <li class="tab-item" data-tab="info-tecnica">Informações Técnicas</li> </ul> <div class="tab-content"> <div class="tab-pane active" id="descricao">${descricao}</div> <div class="tab-pane" id="info-tecnica">INFORMAÇÕES TÉCNICAS<br>${informacoesTecnicas}</div> </div> </div> `; // Insere o novo conteúdo na página descricaoDiv.innerHTML = novoConteudo; // Função para alternar as abas var tabItems = document.querySelectorAll('.tab-item'); var tabPanes = document.querySelectorAll('.tab-pane'); tabItems.forEach(function(item) { item.addEventListener('click', function() { // Remove a classe 'active' de todas as abas e conteúdo tabItems.forEach(function(i) { i.classList.remove('active'); }); tabPanes.forEach(function(pane) { pane.classList.remove('active'); }); // Ativa a aba clicada e seu conteúdo correspondente var tabTarget = item.getAttribute('data-tab'); item.classList.add('active'); document.getElementById(tabTarget).classList.add('active'); }); }); // Para o intervalo de verificação, pois o elemento foi encontrado clearInterval(checkExist); } // Remove a seção de compartilhamento, se existir if (botoesCompartilhamento) { botoesCompartilhamento.remove(); } }, 500); // Verifica a cada 500ms } } });</script>' ), (int) 3 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script></script>' ), (int) 4 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // 1. Remover o dropdown e deixar somente o número de telefone principal const dropdown = document.querySelector('.topbar-text.dropdown'); if (dropdown) { const phoneNumberLink = dropdown.querySelector('.topbar-link.dropdown-toggle'); if (phoneNumberLink) { phoneNumberLink.classList.remove('dropdown-toggle'); // Remover o dropdown const ulDropdown = dropdown.querySelector('ul'); if (ulDropdown) { ulDropdown.remove(); // Remover o dropdown } } } // 2. Alterar o texto para "Seja Bem Vindo a Jamp" e alterar o ícone de coração para preenchido const welcomeTextElements = document.querySelectorAll('.topbar-link'); welcomeTextElements.forEach(function(element) { if (element.innerText.includes("Seja bem-vindo(a)")) { element.innerHTML = '<i class="fa fa-heart"></i> Seja Bem Vindo a Jamp !'; // Substituir o ícone e o texto } }); // 3. Modificar o nome de "Meus pedidos" e trocar o ícone const pedidosLink = document.querySelector('a[href="/restrito/pedidos"]'); if (pedidosLink) { pedidosLink.innerHTML = '<i class="fa fa-box"></i> Minhas Compras'; // Alterar ícone e texto } // 4. Alterar o ícone do telefone para um ícone preenchido const phoneIcon = document.querySelector('.czi-phone'); if (phoneIcon) { phoneIcon.classList.remove('czi-phone'); phoneIcon.classList.add('fa', 'fa-phone'); // Alterar para o ícone preenchido } });</script>' ), (int) 5 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verificar se estamos na página correta pela URL if (window.location.href.includes('/pagina/quem-somos')) { // Encontrar a seção existente const section = document.querySelector('section#section'); // Verificar se a seção existe e modificá-la if (section) { // Guardar o conteúdo do parágrafo atual const paragrafoTexto = section.querySelector('p').innerText; // Limpar o conteúdo existente da seção section.innerHTML = ''; // Criar o novo conteúdo HTML para substituir const newHTML = ` <div class="quem-somos-container" style="font-family: 'Arial', sans-serif; max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <header style="background: linear-gradient(135deg, #3498db, #2c3e50); color: white; padding: 60px 20px; text-align: center; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; margin-bottom: 20px; color: #ffffff;">Quem Somos</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Quem Somos</li> </ol> </nav> </header> <div class="main-content" style="background-color: #f8f9fa; border-radius: 10px; padding: 40px; margin-bottom: 40px;"> <p style="font-size: 18px; line-height: 1.8; text-align: justify; color: #333; margin-bottom: 0;"> ${paragrafoTexto} </p> </div> <div class="cards-container" style="display: flex; justify-content: space-between; flex-wrap: wrap;"> <div class="card mission-card" style="flex-basis: calc(33.333% - 20px); background-color: white; border-radius: 10px; padding: 30px; margin-bottom: 30px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); transition: all 0.3s ease; text-align: center;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-bullseye"></i> </div> <h3 style="color: #2c3e50; font-weight: bold; margin-bottom: 15px; font-size: 24px;">Missão</h3> <p style="color: #666; font-size: 16px;">Nossa missão é oferecer produtos de alta qualidade e um atendimento excepcional para garantir a satisfação dos nossos clientes.</p> </div> <div class="card vision-card" style="flex-basis: calc(33.333% - 20px); background-color: white; border-radius: 10px; padding: 30px; margin-bottom: 30px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); transition: all 0.3s ease; text-align: center;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-eye"></i> </div> <h3 style="color: #2c3e50; font-weight: bold; margin-bottom: 15px; font-size: 24px;">Visão</h3> <p style="color: #666; font-size: 16px;">Ser referência em tecnologia e inovação, oferecendo soluções completas para o crescimento dos nossos clientes e parceiros.</p> </div> <div class="card values-card" style="flex-basis: calc(33.333% - 20px); background-color: white; border-radius: 10px; padding: 30px; margin-bottom: 30px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); transition: all 0.3s ease; text-align: center;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-gavel"></i> </div> <h3 style="color: #2c3e50; font-weight: bold; margin-bottom: 15px; font-size: 24px;">Valores</h3> <p style="color: #666; font-size: 16px;">Ética, transparência, inovação e comprometimento são os pilares que norteiam todas as nossas ações e decisões.</p> </div> </div> </div> `; // Inserir o novo conteúdo dentro da seção existente section.innerHTML = newHTML; // Adicionar animações aos cards const cards = document.querySelectorAll('.card'); // Adiciona uma animação suave ao passar o mouse sobre os cards cards.forEach(card => { card.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease'; card.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-10px)'; this.style.boxShadow = '0 15px 30px rgba(0, 0, 0, 0.1)'; }); card.addEventListener('mouseleave', function() { this.style.transform = 'translateY(0)'; this.style.boxShadow = '0 10px 20px rgba(0, 0, 0, 0.05)'; }); }); // Adicionar estilos globais const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .mb-5, .my-5 { margin-bottom: 1rem !important; } .breadcrumb-link:hover { text-decoration: underline !important; } @media (max-width: 768px) { .quem-somos-container { padding: 20px; } .card { flex-basis: 100% !important; } header { padding: 40px 20px !important; } h1 { font-size: 28px !important; } .main-content { padding: 20px !important; } .main-content p { font-size: 16px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 6 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verificar se estamos na página correta pela URL if (window.location.href.includes('/pagina/trocas-e-devolucoes')) { // Encontrar a seção existente const section = document.querySelector('section#section'); // Verificar se a seção existe e modificá-la if (section) { // Guardando o conteúdo do parágrafo atual const paragrafoTexto = section.querySelector('div.col-sm-12').innerText; // Limpando o conteúdo existente da seção section.innerHTML = ''; // Criando o novo conteúdo HTML para substituir const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #3498db, #2c3e50); padding: 40px 20px; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; font-weight: bold; margin-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Trocas e Devoluções</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Trocas e Devoluções</li> </ol> </nav> </div> </div> </div> <div class="row"> <div class="col-12"> <p style="font-size: 18px; line-height: 1.8; text-align: justify; color: #34495e; margin-bottom: 60px;"> ${paragrafoTexto} </p> </div> </div> <div class="row justify-content-center"> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-exchange-alt"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Condições para Troca</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Verifique as condições de troca antes de encaminhar o produto para evitar problemas.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-box-open"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Devolução Correta</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Acondicione o produto corretamente e acompanhe o DANFE para que o produto seja aceito.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-truck"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Envio Fácil</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Enviaremos o código de postagem para que você devolva o produto de forma simples e rápida.</p> </div> </div> </div> </div> </div> `; // Inserir o novo conteúdo dentro da seção existente section.innerHTML = newHTML; // Adicionar animações aos cards const cards = document.querySelectorAll('.card'); // Adicionando uma animação suave ao passar o mouse sobre os cards cards.forEach(card => { card.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-10px)'; this.style.boxShadow = '0 10px 20px rgba(0, 0, 0, 0.1)'; }); card.addEventListener('mouseleave', function() { this.style.transform = 'translateY(0)'; this.style.boxShadow = '0 4px 6px rgba(0,0,0,0.1)'; }); }); // Adicionando estilos globais para responsividade e ajustes const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .mb-5, .my-5 { margin-bottom: 1rem !important; } .breadcrumb-link:hover { text-decoration: underline !important; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .card-body { padding: 20px !important; } .card-title { font-size: 20px !important; } .card-text { font-size: 14px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 7 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verificar se estamos na página correta pela URL if (window.location.href.includes('/pagina/politica-de-privacidade')) { // Encontrar a seção existente const section = document.querySelector('section#section'); // Verificar se a seção existe e modificá-la if (section) { // Guardar o conteúdo do parágrafo atual const paragrafoTexto = section.querySelector('div.col-sm-12').innerHTML; // Limpar o conteúdo existente da seção section.innerHTML = ''; // Criar o novo conteúdo HTML para substituir const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #3498db, #2c3e50); padding: 40px 20px; border-radius: 10px;"> <h1 style="font-size: 36px; font-weight: bold; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Política de Privacidade</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" class="breadcrumb-link" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Política de Privacidade</li> </ol> </nav> </div> </div> </div> <div class="row"> <div class="col-12"> <p style="font-size: 18px; line-height: 1.8; text-align: justify; color: #34495e; margin-bottom: 60px"> ${paragrafoTexto} </p> </div> </div> <div class="row justify-content-center" style="margin-top: 40px;"> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-shield-alt"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 30px;">Segurança de Dados</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Nosso compromisso é garantir a segurança dos seus dados durante todo o processo de compra e navegação.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-user-shield"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Privacidade Respeitada</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Seus dados pessoais nunca serão compartilhados com terceiros sem seu consentimento.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-lock"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Proteção Total</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Usamos criptografia de ponta a ponta para garantir que todas as transações sejam seguras.</p> </div> </div> </div> </div> </div> `; // Inserir o novo conteúdo dentro da seção existente section.innerHTML = newHTML; // Adicionar animações aos cards const cards = document.querySelectorAll('.card'); // Adicionando uma animação suave ao passar o mouse sobre os cards cards.forEach(card => { card.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-10px)'; this.style.boxShadow = '0 10px 20px rgba(0, 0, 0, 0.1)'; }); card.addEventListener('mouseleave', function() { this.style.transform = 'translateY(0)'; this.style.boxShadow = '0 4px 6px rgba(0,0,0,0.1)'; }); }); // Adicionar estilos globais e hover para breadcrumb const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .breadcrumb-link:hover { text-decoration: underline !important; } .mb-5, .my-5 { margin-bottom: 1rem !important; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .card-body { padding: 20px !important; } .card-title { font-size: 20px !important; } .card-text { font-size: 14px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 8 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function () { // Selecionar a div navbarCollapse onde será inserido o novo conteúdo var navbarCollapse = document.getElementById('navbarCollapse'); // Selecionar todas as categorias principais dentro de <ul class="dropdown-menu"> do menu original var dropdownMenus = document.querySelectorAll('.dropdown-menu > li.dropdown'); var categoriasHTML = ''; // Verificar se há categorias e adicionar ao HTML dinamicamente if (dropdownMenus.length > 0) { dropdownMenus.forEach(function (categoria) { // Capturar o link da categoria principal var categoriaLink = categoria.querySelector('a').getAttribute('href'); var categoriaTexto = categoria.querySelector('a').textContent.trim(); // Criar o HTML para a categoria principal categoriasHTML += ` <li class="dropdown"> <a class="dropdown-item dropdown-toggle" href="${categoriaLink}" data-toggle="dropdown"> ${categoriaTexto} </a> <ul class="dropdown-menu"> `; // Selecionar todas as subcategorias dentro dessa categoria principal var subCategorias = categoria.querySelectorAll('.widget-list-item a'); // Verificar se há subcategorias if (subCategorias.length > 0) { subCategorias.forEach(function (subCategoria) { var subCategoriaLink = subCategoria.getAttribute('href'); var subCategoriaTexto = subCategoria.textContent.trim(); // Adicionar as subcategorias ao HTML categoriasHTML += ` <li class="widget-list-item pb-1"> <a class="widget-list-link" href="${subCategoriaLink}">${subCategoriaTexto}</a> </li> `; }); } else { categoriasHTML += '<li><a href="#">Nenhuma subcategoria disponível</a></li>'; } // Fechar o HTML da categoria principal categoriasHTML += ` </ul> </li> `; }); } else { // Caso não tenha encontrado nenhuma categoria categoriasHTML = `<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Nenhuma categoria disponível</a></li>`; } // Agora que temos certeza de que encontramos as categorias, limpar o conteúdo existente if (navbarCollapse) { navbarCollapse.innerHTML = ''; // Limpar o conteúdo existente // Criar o novo conteúdo do menu, incluindo as categorias var menuHTML = ` <form action="/busca" role="search" method="get" accept-charset="utf-8" novalidate="novalidate"> <div class="input-group-overlay d-lg-none my-3"> <div class="input-group-prepend-overlay"> <span class="input-group-text"> <i class="czi-search"></i> </span> </div> <input class="form-control prepended-form-control" name="q" type="text" placeholder="Digite o que procura" value=""> </div> </form> <ul class="list-unstyled navbar-nav mega-nav pr-lg-2 mr-lg-2"> <li class="nav-item active"> <a class="nav-link" href="/">Home</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle pl-0" href="#" data-toggle="dropdown"> <i class="czi-menu align-middle mt-n1 mr-2"></i>Todas as categorias </a> <ul class="dropdown-menu"> ${categoriasHTML} <!-- Inserir as categorias e subcategorias dinamicamente aqui --> </ul> </li> <li class="nav-item"><a class="nav-link" href="/pagina/quem-somos">Quem Somos</a></li> <li class="nav-item"><a class="nav-link" href="/pagina/trocas-e-devolucoes">Trocas e Devoluções</a></li> <li class="nav-item"><a class="nav-link" href="/pagina/politica-de-privacidade">Política de Privacidade</a></li> <li class="nav-item"><a class="nav-link" href="/pagina/duvidas-frequentes">Dúvidas Frequentes</a></li> <li class="nav-item"><a class="nav-link" href="/pagina/como-comprar">Como Comprar</a></li> <li class="nav-item"><a class="nav-link" href="/pagina/fale-conosco">Fale Conosco</a></li> </ul> `; // Inserir o novo conteúdo na div de navegação navbarCollapse.innerHTML = menuHTML; } // Adiciona o comportamento do dropdown no mobile var dropdownToggles = document.querySelectorAll('.dropdown-toggle'); dropdownToggles.forEach(function (toggle) { toggle.addEventListener('click', function (e) { e.preventDefault(); var parentLi = this.parentElement; var dropdownMenu = parentLi.querySelector('.dropdown-menu'); dropdownMenu.classList.toggle('show'); // Exibe/oculta o dropdown }); }); });</script>' ), (int) 9 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verificar se estamos na página correta pela URL if (window.location.href.includes('/pagina/duvidas-frequentes')) { // Encontrar a seção existente const section = document.querySelector('section#section'); // Verificar se a seção existe e modificá-la if (section) { // Limpar o conteúdo existente da seção section.innerHTML = ''; // Criar o novo conteúdo HTML para substituir const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #3498db, #2c3e50); padding: 40px 20px; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; font-weight: bold; margin-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Dúvidas Frequentes</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Dúvidas Frequentes</li> </ol> </nav> </div> </div> </div> <div class="row"> <div class="col-12"> <div id="faq" class="faq-container"> <div class="faq-item mb-4"> <h3 class="faq-question" style="cursor: pointer; font-size: 20px; color: #2c3e50; font-weight: bold; padding: 20px; background-color: #f8f9fa; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> Como efetuar a compra? <i class="fas fa-chevron-down" style="transition: transform 0.3s ease;"></i> </h3> <div class="faq-answer" style="display: none; padding: 20px; font-size: 16px; line-height: 1.6; color: #34495e; border-left: 4px solid #3498db; margin-top: 10px;"> Sua compra pode ser efetuada através do Site. </div> </div> <div class="faq-item mb-4"> <h3 class="faq-question" style="cursor: pointer; font-size: 20px; color: #2c3e50; font-weight: bold; padding: 20px; background-color: #f8f9fa; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> Tenho que ter CNPJ para comprar? <i class="fas fa-chevron-down" style="transition: transform 0.3s ease;"></i> </h3> <div class="faq-answer" style="display: none; padding: 20px; font-size: 16px; line-height: 1.6; color: #34495e; border-left: 4px solid #3498db; margin-top: 10px;"> Não, atendemos também pessoa física. </div> </div> <div class="faq-item mb-4"> <h3 class="faq-question" style="cursor: pointer; font-size: 20px; color: #2c3e50; font-weight: bold; padding: 20px; background-color: #f8f9fa; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> Quem paga o frete? <i class="fas fa-chevron-down" style="transition: transform 0.3s ease;"></i> </h3> <div class="faq-answer" style="display: none; padding: 20px; font-size: 16px; line-height: 1.6; color: #34495e; border-left: 4px solid #3498db; margin-top: 10px;"> O Frete é por conta do comprador e calculado de acordo com o peso do pedido, somente negociamos frete dependendo da quantidade de produtos. </div> </div> <div class="faq-item mb-4"> <h3 class="faq-question" style="cursor: pointer; font-size: 20px; color: #2c3e50; font-weight: bold; padding: 20px; background-color: #f8f9fa; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> Quanto tempo demora para a mercadoria chegar na minha residência? <i class="fas fa-chevron-down" style="transition: transform 0.3s ease;"></i> </h3> <div class="faq-answer" style="display: none; padding: 20px; font-size: 16px; line-height: 1.6; color: #34495e; border-left: 4px solid #3498db; margin-top: 10px;"> O tempo é de acordo com a aprovação do pagamento, se for por Depósito Bancário a confirmação é imediata. Quanto ao envio, é feito pelos Correios, e o prazo depende da opção de frete: Sedex ou Pac. </div> </div> <div class="faq-item mb-4"> <h3 class="faq-question" style="cursor: pointer; font-size: 20px; color: #2c3e50; font-weight: bold; padding: 20px; background-color: #f8f9fa; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> Quais as formas de pagamento? <i class="fas fa-chevron-down" style="transition: transform 0.3s ease;"></i> </h3> <div class="faq-answer" style="display: none; padding: 20px; font-size: 16px; line-height: 1.6; color: #34495e; border-left: 4px solid #3498db; margin-top: 10px;"> As formas de pagamento incluem cartão de crédito, transferência bancária, boleto e depósito bancário. </div> </div> </div> </div> </div> </div> `; // Inserir o novo conteúdo dentro da seção existente section.innerHTML = newHTML; // Adicionar interatividade para expandir as respostas das perguntas const faqItems = document.querySelectorAll('.faq-item'); faqItems.forEach(item => { const question = item.querySelector('.faq-question'); const answer = item.querySelector('.faq-answer'); const icon = item.querySelector('.fa-chevron-down'); question.addEventListener('click', function() { if (answer.style.display === 'none' || answer.style.display === '') { answer.style.display = 'block'; icon.style.transform = 'rotate(180deg)'; question.style.backgroundColor = '#e3f2fd'; } else { answer.style.display = 'none'; icon.style.transform = 'rotate(0deg)'; question.style.backgroundColor = '#f8f9fa'; } }); }); // Adicionar estilos globais const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .faq-question:hover { background-color: #e3f2fd; } .faq-answer { transition: max-height 0.4s ease; } .breadcrumb-link:hover { text-decoration: underline !important; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .faq-question { font-size: 18px !important; padding: 15px !important; } .faq-answer { font-size: 14px !important; padding: 15px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 10 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { if (window.location.href.includes('/pagina/fale-conosco')) { const section = document.querySelector('section#section'); if (section) { section.innerHTML = ''; const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #3498db, #2c3e50); padding: 40px 20px; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; font-weight: bold; margin-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Fale Conosco</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Fale Conosco</li> </ol> </nav> </div> </div> </div> <div class="row mb-5"> <div class="col-md-4 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body text-center" style="padding: 30px;"> <i class="fas fa-map-marker-alt fa-3x mb-3" style="color: #3498db;"></i> <h3 class="card-title mb-3" style="color: #2c3e50; font-weight: bold; font-size: 24px;">Endereço</h3> <p class="card-text">Rua Riachuelo, 1200<br>São José, Aracaju - SE</p> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body text-center" style="padding: 30px;"> <i class="fas fa-phone fa-3x mb-3" style="color: #3498db;"></i> <h3 class="card-title mb-3" style="color: #2c3e50; font-weight: bold; font-size: 24px;">Telefone</h3> <p class="card-text">(79) 2106-1152<br>WhatsApp: (79) 99857-5259</p> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body text-center" style="padding: 30px;"> <i class="fas fa-envelope fa-3x mb-3" style="color: #3498db;"></i> <h3 class="card-title mb-3" style="color: #2c3e50; font-weight: bold; font-size: 24px;">E-mail</h3> <p class="card-text">contato@jampsolucoes.com.br</p> </div> </div> </div> </div> <div class="row"> <div class="col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body d-flex flex-column" style="padding: 30px;"> <h3 class="card-title mb-4" style="color: #2c3e50; font-weight: bold; font-size: 24px;">Entre em Contato</h3> <form id="form-fale-conosco" method="post" action="/envia_contato" class="flex-grow-1 d-flex flex-column"> <div class="form-group mb-3"> <label for="nome" class="form-label">Nome</label> <input type="text" class="form-control" id="nome" name="data[Contato][nome]" required> </div> <div class="form-group mb-3"> <label for="email" class="form-label">E-mail de contato</label> <input type="email" class="form-control" id="email" name="data[Contato][email]" required> </div> <div class="form-group mb-3"> <label for="telefone" class="form-label">Telefone</label> <input type="tel" class="form-control" id="telefone" name="data[Contato][telefone]" required> </div> <div class="form-group mb-3"> <label for="assunto" class="form-label">Assunto</label> <input type="text" class="form-control" id="assunto" name="data[Contato][assunto]" required> </div> <div class="form-group mb-3 flex-grow-1"> <label for="mensagem" class="form-label">Mensagem</label> <textarea class="form-control h-100" id="mensagem" name="data[Contato][mensagem]" required></textarea> </div> <div class="text-center mt-3"> <button type="submit" class="btn btn-primary btn-lg" style="background-color: #0F3175; margin-top: 40px; border-color: #0F3175; padding: 10px 30px; font-size: 18px; transition: all 0.3s ease;">Enviar Mensagem</button> </div> </form> </div> </div> </div> <div class="col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body" style="padding: 0;"> <div style="position: relative; padding-bottom: 100%; height: 0; overflow: hidden;"> <iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;" src="https://maps.google.com/maps?q=Rua Riachuelo,+1200,+São José,+Aracaju,+SE&output=embed&ie=UTF8&" allowfullscreen title="Localização no Google Maps"></iframe> </div> </div> </div> </div> </div> </div> `; section.innerHTML = newHTML; const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .breadcrumb-link:hover { text-decoration: underline !important; } .btn-primary { background-color: #0F3175; border-color: #0F3175; transition: all 0.3s ease; } .btn-primary:hover { background-color: #0A4EA0 !important; border-color: #0A4EA0 !important; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); } .card { transition: all 0.3s ease; } .card:hover { transform: translateY(-5px); box-shadow: 0 8px 15px rgba(0,0,0,0.1); } .form-control { border: 1px solid #ced4da; border-radius: 5px; transition: all 0.3s ease; } .form-control:focus { border-color: #3498db; box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25); } textarea.form-control { resize: none; } .mb-5, .my-5 { margin-bottom: 1rem !important; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .card-body { padding: 20px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 11 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { if (window.location.href.includes('/login')) { const section = document.querySelector('section#section'); if (section) { section.innerHTML = ''; const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #0F3175, #3498db); padding: 40px 20px; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; font-weight: bold; margin-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Login</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Login</li> </ol> </nav> </div> </div> </div> <div class="row"> <div class="col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body d-flex flex-column" style="padding: 30px;"> <h3 class="card-title mb-4" style="color: #2c3e50; font-weight: bold; font-size: 24px;">Já sou cliente</h3> <form id="form-login" method="post" action="/login" class="flex-grow-1 d-flex flex-column"> <div class="form-group mb-3"> <label for="email" class="form-label">E-mail <span style="color: red;">*</span></label> <input type="email" class="form-control" id="email" name="data[Cliente][loja_virtual_email]" required> </div> <div class="form-group mb-3"> <label for="password" class="form-label">Senha <span style="color: red;">*</span></label> <input type="password" class="form-control" id="password" name="data[Cliente][loja_virtual_senha]" required> </div> <div class="d-flex justify-content-between align-items-center"> <a href="#" class="esqueci-senha" style="font-size: 12px; color: #0F3175;" id="forgotPasswordLink">Esqueci minha senha</a> <button type="submit" class="btn btn-primary" style="background-color: #0F3175; border-color: #0F3175; padding: 10px 30px; font-size: 18px; transition: all 0.3s ease;">Entrar</button> </div> </form> </div> </div> </div> <div class="col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body d-flex flex-column" style="padding: 30px;"> <h3 class="card-title mb-4" style="color: #2c3e50; font-weight: bold; font-size: 24px;">Ainda não possuo cadastro</h3> <p class="text-muted mb-4" style="font-size: 14px;">O registro leva menos de um minuto e oferece controle total sobre seus pedidos.</p> <form id="form-cadastro" method="get" action="/cadastrar" class="flex-grow-1 d-flex flex-column"> <div class="form-group mb-3"> <label for="cadastroEmail" class="form-label">Digite o email que deseja cadastrar <span style="color: red;">*</span></label> <input type="email" class="form-control" id="cadastroEmail" name="email" required> </div> <div class="text-center mt-3"> <button type="submit" class="btn btn-success" style="background-color: #0F3175; border-color: #0F3175; padding: 10px 30px;">Cadastrar</button> </div> </form> </div> </div> </div> </div> <!-- Modal para Esqueci Minha Senha --> <div class="modal fade" id="forgotPasswordModal" tabindex="-1" aria-labelledby="forgotPasswordModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="forgotPasswordModalLabel">Esqueci Minha Senha</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form id="forgotPasswordForm" method="post" action="/clientes/esqueci_minha_senha"> <div class="form-group"> <label for="forgotPasswordEmail" class="form-label">Digite seu e-mail</label> <input type="email" class="form-control" id="forgotPasswordEmail" name="email" required> </div> <button type="submit" class="btn btn-primary" style="background-color: #0F3175; margin-top: 20px; margin-bottom: 20px; border-color: #0F3175;">Enviar</button> </form> </div> </div> </div> </div> </div> `; section.innerHTML = newHTML; // Estilos personalizados const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .breadcrumb-link:hover { text-decoration: underline !important; } .btn-primary, .btn-success { background-color: #0F3175; border-color: #0F3175; transition: all 0.3s ease; } .btn-primary:hover, .btn-success:hover { background-color: #0A4EA0 !important; border-color: #0A4EA0 !important; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); } .card { transition: all 0.3s ease; } .card:hover { transform: translateY(-5px); box-shadow: 0 8px 15px rgba(0,0,0,0.1); } .form-control { border: 1px solid #ced4da; border-radius: 5px; transition: all 0.3s ease; } .form-control:focus { border-color: #3498db; box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25); } .esqueci-senha:hover { text-decoration: underline; color: #2980b9; } textarea.form-control { resize: none; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .card-body { padding: 20px !important; } } `; document.head.appendChild(style); // Ativar o modal ao clicar em "Esqueci minha senha" document.getElementById('forgotPasswordLink').addEventListener('click', function (event) { event.preventDefault(); $('#forgotPasswordModal').modal('show'); }); } } });</script>' ), (int) 12 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verifica se a URL contém "/restrito" if (window.location.href.includes('https://jampsolucoes.loja.click/restrito')) { // Seleciona a section com id 'section' const section = document.querySelector('section#section'); if (section) { // Aplica a margem superior e inferior section.style.marginTop = '50px'; section.style.marginBottom = '50px'; } } });</script>' ), (int) 13 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verifica se a URL contém "/restrito" ou "/carrinho" if (window.location.href.includes('https://jampsolucoes.loja.click/restrito') || window.location.href.includes('https://jampsolucoes.loja.click/carrinho')) { // Seleciona a section com id 'section' const section = document.querySelector('section#section'); if (section) { // Aplica a margem superior e inferior section.style.marginTop = '50px'; section.style.marginBottom = '50px'; } } });</script>' ), (int) 14 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function () { // Verifica se a URL contém '/restrito/pedidos/acompanhamento' if (window.location.href.includes('/restrito/pedidos/acompanhamento')) { // Seleciona a div específica e ajusta seu margin-top var targetDiv = document.querySelector('.col-lg-12.col-xl-12'); if (targetDiv) { // Ajusta o margin-top para descer a div targetDiv.style.marginTop = '50px'; // Ajuste o valor conforme necessário } } });</script>' ), (int) 15 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { if (window.location.href.includes('https://jampsolucoes.loja.click/')) { if (!document.querySelector('.row-fbits-fabricantes')) { const productContainer = document.querySelector('.listagem-produtos'); if (productContainer) { const newSectionHTML = ` <div class="row row-fbits-fabricantes"> <div class="col-md-12"> <div class="fbits-componente-listaMarcas"> <div class="marquee"> <div class="marquee-content"> <div class="fbits-listaMarcas-item"> <a href="/fabricante/epson"> <img src="https://recursos.hitechinformatica.com.br/i/fabricante/EPSON.png" alt="EPSON"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/hyperx"> <img src="https://recursos.hitechinformatica.com.br/i/fabricante/HYPERX.png" alt="HYPERX"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/intel"> <img src="https://recursos.hitechinformatica.com.br/i/fabricante/INTEL.png" alt="INTEL"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/lenovo"> <img src="https://i0.wp.com/datadoktorn.org/wp-content/uploads/2021/09/Lenovo-logo-vector.png" alt="Lenovo"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/intelbras"> <img src="https://logodownload.org/wp-content/uploads/2016/09/intelbras-logo-6-2-599x116.png" alt="Intelbras"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/dell"> <img src="https://upload.wikimedia.org/wikipedia/commons/8/82/Dell_Logo.png" alt="Dell"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/hp"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/files/ecommerce/arquivos/395565/f9eda291a1eb0880b093920bd34cc471c9d6a36d.png" alt="Hp"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/corsair"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/files/ecommerce/arquivos/395565/3a810d568d2ea638eca0f73e253a10f0ccb02f73.png" alt="Corsair"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/acronis"> <img src="https://uniwan.be/wp-content/uploads/Acronis-logo-large.png" alt="Acronis"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/cougar"> <img src="https://recursos.hitechinformatica.com.br/i/fabricante/COUGAR.png" alt="Cougar"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/rushfile"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/files/ecommerce/arquivos/395565/7ad7541afc72e238a8b63caa83947a32d2bb8009.png" alt="Rushfile"> </a> </div> </div> </div> </div> </div> </div> `; const newSection = document.createElement('div'); newSection.innerHTML = newSectionHTML; productContainer.parentNode.insertBefore(newSection, productContainer.nextSibling); } } } });</script>' ), (int) 16 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function () { // Verifica se a URL contém '/restrito/carrinho/confirma' if (window.location.href.includes('/restrito/carrinho/confirma')) { // Seleciona a div que contém o h1 e ajusta a cor var h1Title = document.querySelector('.h3.text-light.mb-0'); if (h1Title) { h1Title.style.color = '#0F3175'; // Cor do título h1Title.style.setProperty('color', '#0F3175', 'important'); // Força a cor com !important } // Estiliza os itens do breadcrumb var breadcrumbItems = document.querySelectorAll('.breadcrumb-item.text-nowrap, .breadcrumb-item.text-nowrap a'); breadcrumbItems.forEach(function(item) { item.style.color = '#0F3175'; // Aplica a cor desejada nos breadcrumbs item.style.setProperty('color', '#0F3175', 'important'); // Força a cor com !important }); // Estiliza o link da página inicial no breadcrumb var homeLink = document.querySelector('.breadcrumb-item a.text-nowrap'); if (homeLink) { homeLink.style.color = '#0F3175'; // Aplica a cor ao link homeLink.style.setProperty('color', '#0F3175', 'important'); // Força a cor com !important } // Pseudo-elemento ::before via CSS (não pode ser estilizado diretamente com JS) var style = document.createElement('style'); style.innerHTML = ` li.breadcrumb-item.text-nowrap.active::before { content: ''; display: inline-block; margin-right: 0.5rem; color: #0F3175; } `; document.head.appendChild(style); } });</script>' ) ), 'html' => array( (int) 0 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'html', 'codigo_html' => '<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">' ) ), 'css' => array( (int) 0 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'css', 'codigo_html' => '<style>/* Variáveis de cores da marca */ :root { --primary-dark: #0F3175; --primary-light: #0A4EA0; --text-dark: #000000; --text-light: #FFFFFF; --background-light: #F5F5F5; } /* Estilos gerais */ body { background-color: var(--background-light); color: var(--text-dark); } #tela-produto { background-color: var(--text-light); border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); padding: 30px; margin-bottom: 30px; } /* Estilos para o preço */ .valor-por { font-size: 2rem; font-weight: bold; color: black; margin: 20px 0; padding: 10px; background-color: var(--background-light); border-radius: 5px; display: inline-block; } #button-comprar { background: linear-gradient(45deg, var(--primary-dark), var(--primary-light)); color: var(--text-light); border: none; padding: 15px 30px; font-size: 1.2rem; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(10, 78, 160, 0.3); } #button-comprar:hover { background: linear-gradient(45deg, var(--primary-light), var(--primary-lighter)); transform: translateY(-3px); box-shadow: 0 6px 20px rgba(10, 78, 160, 0.4); } /* Estilos para campos de entrada */ input[type="text"], input[type="number"] { border: 1px solid var(--primary-light); border-radius: 5px; padding: 10px; font-size: 1rem; } /* Melhorias na galeria de imagens */ .foto-atual img { max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); } #carousel .item img { width: 70px; height: 70px; object-fit: cover; border: 2px solid var(--primary-light); border-radius: 5px; cursor: pointer; transition: border-color 0.3s; } #carousel .item img:hover { border-color: var(--primary-dark); } .cep .btn-primary { background-color: var(--primary-light); color: var(--text-light); border: none; padding: 12px 20px; border-radius: 8px; cursor: pointer; transition: background-color 0.3s; } .cep .btn-primary:hover { background-color: var(--primary-dark); } /* Responsividade */ @media (max-width: 768px) { #tela-produto { padding: 20px; } .valor-por { font-size: 1.75rem; } #button-comprar, .btn-primary { width: 100%; margin-top: 10px; } } /* Estilos para a aba */ .tab-container { width: 100%; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); background-color: #fff; border-radius: 10px; margin-top: 40px; overflow: hidden; /* Evita que as abas ultrapassem o container */ } .tab-list { display: flex; list-style: none; padding: 0; margin: 0; width: 100%; background-color: #f5f5f5; /* Fundo sutil para a lista de abas */ } .tab-item { flex-grow: 1; height: 50px; /* Aumentado para melhor clicabilidade */ line-height: 50px; cursor: pointer; text-align: center; font-size: 16px; font-weight: bold; background: linear-gradient(45deg, #0F3175, #0A4EA0); color: white; border-radius: 10px; transition: background-color 0.3s ease, color 0.3s ease; border-right: 1px solid rgba(255, 255, 255, 0.1); /* Separador sutil entre as abas */ } .tab-item:last-child { border-right: none; } .tab-item.active { background-color: #0F3175; position: relative; } .tab-item.active::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: #ffffff; /* Indicador da aba ativa */ } .tab-item:hover { background-color: #0D3D8A; } .tab-content { padding: 30px; background-color: white; border-radius: 0 0 10px 10px; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); width: 100%; } .tab-pane { display: none; } .tab-pane.active { display: block; animation: fadeIn 0.5s ease-in-out; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* Responsividade */ @media (max-width: 768px) { .tab-item { font-size: 14px; height: 40px; line-height: 40px; } .tab-content { padding: 20px; } }</style>' ) ) ) $categorias = array( 'code' => (int) 401, 'status' => 'error', 'data' => array( 'erro' => 'Anauthorized', 'mensagem' => 'Aeu plano expirou. Por favor, renove a sua assinatura!' ) ) $categoriasDestaque = array() $paginas = array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => (int) 6, 'total_paginas' => (int) 1, 'total_registros_pagina' => (int) 6, 'pagina_atual' => (int) 1, 'limite_por_pagina' => (int) 20, 'pagina_anterior' => null, 'url_anterior' => null, 'proxima_pagina' => null, 'proxima_url' => null ), 'data' => array( (int) 0 => array( 'id' => '31997', 'tipo' => '', 'nome' => 'Quem Somos', 'url' => 'quem-somos', 'url_customizada' => '', 'descricao' => '<p>A nossa loja procura oferecer os melhores produtos e atendimento diferenciado. Buscamos oferecer toda qualidade do nosso serviços também nos produtos para que possa ter a confiaça na compra. A nossa empresa possui valores sólidos e voltados à satisfação do cliente, conquistou uma posição nova no mercado, pois trabalhamos somente com produtos confiáveis no segmento em que atua. Tem como prioridade a busca constante pela excelência na prestação de serviços e no relacionamento com os clientes, colaboradores, parceiros e fornecedores. Desta forma, aproxima ao máximo os clientes das principais etapas de cada compra, para que possa haver uma conversão dos processos tradicionais em sistemas online. Esperamos que possamos fazer uma grande parceria.</p>', 'meta_titulo' => '', 'meta_palavras_chaves' => '', 'meta_descricao' => '', 'ativo' => '1', 'ordem' => '10', 'cadastrado_em' => '2025-09-15 20:25:15' ), (int) 1 => array( 'id' => '31998', 'tipo' => '', 'nome' => 'Trocas e Devoluções', 'url' => 'trocas-e-devolucoes', 'url_customizada' => '', 'descricao' => '<p>A devolução de qualquer produto só pode ser feita no prazo de até 7 (sete) dias, a contar da data de entrega com exceção dos itens de Moda, cujo prazo é de até 30 (trinta) dias corridos. Nesse período, se o produto apresentar defeito, ou se você não estiver satisfeito(a) com a compra, comunique nosso setor de atendimento ao cliente e solicite a troca.</p><p><br></p><p> Para trocar um produto, as seguintes condições deverão ser observadas:</p><p><br></p><p> - o produto deverá ser encaminhado na embalagem original, sem indícios de uso, sem violação do lacre original do fabricante, acompanhado do DANFE (Documento Auxiliar da Nota Fiscal Eletrônica), do manual e todos os acessórios.</p><p><br></p><p> - nas solicitações de desistência de produtos é imprescindível a etiqueta/lacre do produto.</p><p><br></p><p> Os cancelamentos podem ser realizados diretamente no painel de controle, no tópico "CANCELAR PEDIDO".</p><p> Devolução pelos Correios</p><p><br></p><p> Se o produto, junto com a embalagem na qual foi entregue, pesar menos de 15Kg e suas dimensões não ultrapassarem 105cm de altura, 105cm de largura e 105cm de comprimento, a devolução pode ser feita por postagem.</p><p><br></p><p> Nossos operadores enviarão, por e-mail, o código de postagem que deve ser apresentado nas agências dos Correios.</p><p><br></p><p> Para postar o produto siga as instruções:</p><p><br></p><p> - acondicione o produto em sua embalagem original ou similar;</p><p><br></p><p> - devolva todos os itens/acessórios que acompanham o produto;</p><p><br></p><p> - junte a segunda via do DANFE (Documento Auxiliar da Nota Fiscal Eletrônica) recebida no ato da entrega. É imprescindível que ele seja enviado para que o produto seja identificado;</p><p><br></p><p> - relate, no verso do DANFE, o motivo da devolução.</p><p><br></p><p> IMPORTANTE: Agências dos Correios Franqueadas (ACF) não aceitam o uso do instrumento de habilitação de postagem. Busque agências dos Correios aqui.</p><p><br></p><p> Todas as instruções serão fornecidas pelo setor de atendimento ao cliente.</p>', 'meta_titulo' => '', 'meta_palavras_chaves' => '', 'meta_descricao' => '', 'ativo' => '1', 'ordem' => '20', 'cadastrado_em' => '2025-09-15 20:25:15' ), (int) 2 => array( 'id' => '31999', 'tipo' => '', 'nome' => 'Política de Privacidade', 'url' => 'politica-de-privacidade', 'url_customizada' => '', 'descricao' => '<p>A nossa loja tem o compromisso com a privacidade e a segurança de seus clientes durante todo o processo de navegação e compra pelo site. Os dados cadastrais dos clientes não são vendidos, trocados ou divulgados para terceiros, exceto quando essas informações são necessárias para o processo de entrega, para cobrança, ou para participação em promoções solicitadas pelos clientes. Seus dados pessoais são peça fundamental para que seu pedido chegue em segurança, na sua casa, de acordo com nosso prazo de entrega.</p><p> </p><p> Utilizamos cookies e informações de sua navegação (sessão do browser) com o objetivo de traçar um perfil do público que visita o site e aperfeiçoar sempre nossos serviços, produtos, conteúdos e garantir as melhores ofertas e promoções para você. Durante todo este processo mantemos suas informações em sigilo absoluto. Vale lembrar que seus dados são registrados por nossa loja de forma automatizada, dispensando manipulação humana.</p><p> </p><p> Para que estes dados permaneçam intactos, nós desaconselhamos expressamente a divulgação de sua senha a terceiros, mesmo a amigos e parentes.</p><p> </p><p> As alterações sobre nossa política de privacidade serão devidamente informadas neste espaço.</p>', 'meta_titulo' => '', 'meta_palavras_chaves' => '', 'meta_descricao' => '', 'ativo' => '1', 'ordem' => '30', 'cadastrado_em' => '2025-09-15 20:25:15' ), (int) 3 => array( 'id' => '32000', 'tipo' => '', 'nome' => 'Dúvidas Frequentes', 'url' => 'duvidas-frequentes', 'url_customizada' => '', 'descricao' => '<p> <strong>Como efetuar a compra?</strong><br /> Sua compra pode ser efetuada através do Site.<br /> <br /> <strong>Tenho que ter CNPJ pra comprar?</strong><br /> Não, atendemos também pessoa física.<br /> <br /> <strong>Quem paga o frete?</strong><br /> O Frete é por conta do comprador e calculado de acordo com o peso do pedido, somente negociamos frete dependendo da quantidade de produtos.<br /> <br /> <strong>Quanto tempo demora para a mercadoria chegar na minha residência?</strong><br /> O tempo é de acordo com a aprovação do pagamento, se for por Depósito Bancário a confimação e de imediato. Quanto ao envio, é feito pelos correios, o prazo de entrega é de acordo com o tempo estabelecido pelos correios, temos as opções de frete: Sedex ou Pac.<br /> <br /> <strong>Quais as formas de pagamento?</strong><br /> Cartão de crédito, Transferência Bancária, Boleto e Depósito Bancário.</p>', 'meta_titulo' => '', 'meta_palavras_chaves' => '', 'meta_descricao' => '', 'ativo' => '1', 'ordem' => '40', 'cadastrado_em' => '2025-09-15 20:25:15' ), (int) 4 => array( 'id' => '32001', 'tipo' => '', 'nome' => 'Como Comprar', 'url' => 'como-comprar', 'url_customizada' => '', 'descricao' => '<p> 1. Para efetuar a compra, primeiro você deve ser cadastrado na nossa loja.<br /> 2. Escolha o produto que está disponível ou faça a sua encomenda.<br /> 3. Daremos opções de envios e seus valores (o frete é de responsabilidade do cliente)<br /> 4. Escolha o frete.<br /> 5. Escolha a forma de pagamento.<br /> 6. Após a confirmação do pagamento pela instituição financeira, o produto é enviado<br /> <br /> <strong>Condições de Pagamento</strong><br /> - Boleto Bancário<br /> - Cartão de Crédito<br /> - Depósito Bancário<br /> <br /> <strong>Frete</strong><br /> - Após o envio do produto, enviamos o código de rastreamento para que o cliente possa acompanhar a entrega.<br /> - O envio dos produtos é feito pelos Correios, por isso não nos responsabilizamos por eventuais atrasos na entrega.</p>', 'meta_titulo' => '', 'meta_palavras_chaves' => '', 'meta_descricao' => '', 'ativo' => '1', 'ordem' => '50', 'cadastrado_em' => '2025-09-15 20:25:15' ), (int) 5 => array( 'id' => '32002', 'tipo' => 'FC', 'nome' => 'Fale Conosco', 'url' => 'fale-conosco', 'url_customizada' => '', 'descricao' => 'Temos todo o prazer em ajudar. Preencha as informações abaixo e em breve entraremos em contato com você.', 'meta_titulo' => 'Fale Conosco 1', 'meta_palavras_chaves' => 'Fale Conosco, Atendimento', 'meta_descricao' => 'Fale Conosco Fale Conosco Fale Conosco Fale Conosco Fale Conosco', 'ativo' => '1', 'ordem' => '60', 'cadastrado_em' => '2025-09-15 20:25:15' ) ) ) $marcas = array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => null, 'total_paginas' => null, 'total_registros_pagina' => null, 'pagina_atual' => (int) 1, 'limite_por_pagina' => (int) 20, 'pagina_anterior' => null, 'url_anterior' => null, 'proxima_pagina' => null, 'proxima_url' => null ), 'data' => array(), 'error' => 'OK', 'message' => 'Não há dados!' ) $marcasDestaque = array() $content_for_layout = ' <script> function fitraProduto(valor){ parent.$('#carregando').show(); location.href = '?filtrar='+valor; }; </script> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <!-- BreadCrumb --> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <nav aria-label="breadcrumb"> <ol class="breadcrumb breadcrumb-dark flex-lg-nowrap justify-content-center justify-content-lg-start mb-3 mt-3"> <li class="breadcrumb-item "> <a class="text-nowrap" href="/"> <i class="czi-home"></i>Página Inicial </a> </li> <li class="breadcrumb-item text-nowrap active" aria-current="Listagem de Produtos Encontrados"> Energia </li> </ol> </nav> </div> <div class="row listagem-produtos"> <div class="col-sm-12 pr-1wz mt-2"> <div class="col-sm-4 col-lg-4 col-md-4 float-left pl-0 mt-3"> Mostrando <b>12</b> de <b>44</b> resultado(s) </div> <div class="form-group col-sm-4 col-lg-4 col-md-4 float-right mb-4 pr-0"><select name="filtroProduto" onChange="fitraProduto(this.value)" class="form-control" autocomplete="off" id="filtroProduto"> <option value="data">Data de postagem</option> <option value="AZ">Ordenação AZ</option> <option value="ZA">Ordenação ZA</option> <option value="relevancia">Relevância</option> <option value="maior-preco">Maior preço</option> <option value="menor-preco">Menor preço</option> </select></div> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-senoidal-snb-3000va-bi-tw-mtc2odqwmjm2nzy1ntm" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 3000VA BI TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 3000VA BI TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 3000VA BI TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 5.280,71</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-6kva-220v-tw-sb-mtc2odqwmjm2nzcxmdg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 11.581,90</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-3-0kva-120v-tw-mtc2odqwmjm2njy3otc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 5.829,72</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-1-5kva-120v-tw-mtc2odqwmjm2njkzmg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 3.713,21</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1500va-220v-mtc2odqwmjm2njq3ody" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1500VA 220V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1500VA 220V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1500VA 220V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.069,61</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1500va-120v-mtc2odqwmjm2njkxmdg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1500VA 120V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1500VA 120V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1500VA 120V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.069,61</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1000va-220v-mtc2odqwmjm2njm4odi" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1000VA 220V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1000VA 220V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1000VA 220V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 914,76</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-xnb-1440va-bi-mtc2odqwmjm2ntm2oda" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK XNB 1440VA BI" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK XNB 1440VA BI</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK XNB 1440VA BI</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.182,55</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-senoidal-snb-1500va-bivolt-mtc2odqwmjm2nty4nzy" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 1500VA BIVOLT" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 1500VA BIVOLT</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 1500VA BIVOLT</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 2.861,11</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-senoidal-snb-2000va-bivolt-mtc2odqwmjm2nteyotc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 2000VA BIVOLT" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 2000VA BIVOLT</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 2000VA BIVOLT</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 3.920,03</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-xnb-1800va-bi-mtc2odqwmjm2ntc5nzq" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK XNB 1800VA BI" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK XNB 1800VA BI</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK XNB 1800VA BI</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.692,77</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-gnb-1000va-120v-mtc2odqwmjm2nteznjc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1000VA 120V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1000VA 120V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1000VA 120V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 914,76</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> </div> <div class="row justify-content-center"> <nav aria-label="Navegação entre as páginas"> <ul class="list-unstyled pagination"> <li class="page-item"><a class="page-link" href="?pagina=1">1</a></li> <li class="page-item"><a class="page-link" href="?pagina=2">2</a></li> <li class="page-item active"><a class="page-link" href="?pagina=3">3</a></li> <li class="page-item"><a class="page-link" href="?pagina=4">4</a></li> </ul> </nav> </div> </div> </div>' $scripts_for_layout = '' $title_for_layout = 'GruposProdutos' $qtd = (int) 0 $valorProdutos = (int) 0 $arrayMenu = array( 'menu_categorias' => true, 'menu_marcas' => true ) $categoria = 'Anauthorized'include - APP/View/Elements/cabecalho.ctp, line 271 View::_evaluate() - CORE/Cake/View/View.php, line 935 View::_render() - CORE/Cake/View/View.php, line 897 View::_renderElement() - CORE/Cake/View/View.php, line 1195 View::element() - CORE/Cake/View/View.php, line 412 include - APP/View/Layouts/tema_padrao.ctp, line 83 View::_evaluate() - CORE/Cake/View/View.php, line 935 View::_render() - CORE/Cake/View/View.php, line 897 View::renderLayout() - CORE/Cake/View/View.php, line 529 View::render() - CORE/Cake/View/View.php, line 474 Controller::render() - CORE/Cake/Controller/Controller.php, line 952 Dispatcher::_invoke() - CORE/Cake/Routing/Dispatcher.php, line 220 Dispatcher::dispatch() - CORE/Cake/Routing/Dispatcher.php, line 178 [main] - APP/webroot/index.php, line 110
-
Warning (2): Illegal string offset 'url' [APP/View/Elements/cabecalho.ctp, line 270]Code ContextA">
?><li class="dropdown"><a class="dropdown-item" href="<?=$this->base?>/categoria/<?=$categoria['url']?>">$viewFile = '/home/lojaclick/public_html/app/View/Elements/cabecalho.ctp' $dataForView = array( 'banners' => array(), 'filtros' => array( 'data' => 'Data de postagem', 'AZ' => 'Ordenação AZ', 'ZA' => 'Ordenação ZA', 'relevancia' => 'Relevância', 'maior-preco' => 'Maior preço', 'menor-preco' => 'Menor preço' ), 'produtos' => array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => (int) 44, 'total_paginas' => (int) 4, 'total_registros_pagina' => (int) 12, 'pagina_atual' => (int) 3, 'limite_por_pagina' => (int) 12, 'pagina_anterior' => (int) 2, 'url_anterior' => '/api/produtos/ecommerce_index?permitir_venda_estoque_insuficiente=1&grupo_id=5433036&pagina=2', 'proxima_pagina' => (int) 4, 'proxima_url' => '/api/produtos/ecommerce_index?permitir_venda_estoque_insuficiente=1&grupo_id=5433036&pagina=4' ), 'data' => array( (int) 0 => array( [maximum depth reached] ), (int) 1 => array( [maximum depth reached] ), (int) 2 => array( [maximum depth reached] ), (int) 3 => array( [maximum depth reached] ), (int) 4 => array( [maximum depth reached] ), (int) 5 => array( [maximum depth reached] ), (int) 6 => array( [maximum depth reached] ), (int) 7 => array( [maximum depth reached] ), (int) 8 => array( [maximum depth reached] ), (int) 9 => array( [maximum depth reached] ), (int) 10 => array( [maximum depth reached] ), (int) 11 => array( [maximum depth reached] ) ) ), 'id_pagina' => '5433036', 'grupo' => array( 'code' => (int) 200, 'status' => 'success', 'data' => array( 'id' => '5433036', 'grupo_pai_id' => '', 'nome' => 'Energia', 'url' => 'energia', 'meta_palavras_chaves' => '', 'meta_descricao' => '' ) ), 'grupoPai' => array(), 'metaTitulo' => 'Energia - JAMP - Sua evolução em todos os momentos', 'formasPagamentosAtivas' => array( (int) 0 => array( 'id' => '205232', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '6015467', 'dias_vencimento' => '5', 'nome' => 'Boleto bancário', 'plugin' => 'GerenciaNet', 'model' => 'IntegracoesGerenciaNet', 'icone' => 'boleto_bancario.png', 'foreign_key' => '956', 'ativo' => (int) 1, 'padrao_sistema' => '1', 'ordem' => '3', 'bandeiras' => 'visa;mastercard;elo;amex;diners;boleto;gerencianet', 'IntegracoesGerenciaNet' => array( [maximum depth reached] ), 'tipo_pagamento' => 'boleto_bancario', 'Bandeiras' => array( [maximum depth reached] ) ), (int) 1 => array( 'id' => '205260', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '5008309', 'dias_vencimento' => '5', 'nome' => 'Pagar na entrega', 'plugin' => 'Ecommerce', 'model' => 'LojasVirtuaisFormasPagamentosPersonalizada', 'icone' => 'icone_pagar_entrega.png', 'foreign_key' => '3697', 'ativo' => (int) 1, 'padrao_sistema' => '1', 'ordem' => '5', 'bandeiras' => 'entrega', 'LojasVirtuaisFormasPagamentosPersonalizada' => array( [maximum depth reached] ), 'tipo_pagamento' => null, 'Bandeiras' => array( [maximum depth reached] ) ), (int) 2 => array( 'id' => '205280', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '6005246', 'dias_vencimento' => '5', 'nome' => 'Cartão (Link será enviado por E-mail)', 'plugin' => 'Ecommerce', 'model' => 'LojasVirtuaisFormasPagamentosPersonalizada', 'icone' => 'icone_pagamento.png', 'foreign_key' => '3698', 'ativo' => (int) 1, 'padrao_sistema' => '0', 'ordem' => '7', 'bandeiras' => '', 'LojasVirtuaisFormasPagamentosPersonalizada' => array( [maximum depth reached] ), 'tipo_pagamento' => null, 'Bandeiras' => '' ) ), 'codigosHTML' => array( 'javascript' => array( (int) 0 => array( [maximum depth reached] ), (int) 1 => array( [maximum depth reached] ), (int) 2 => array( [maximum depth reached] ), (int) 3 => array( [maximum depth reached] ), (int) 4 => array( [maximum depth reached] ), (int) 5 => array( [maximum depth reached] ), (int) 6 => array( [maximum depth reached] ), (int) 7 => array( [maximum depth reached] ), (int) 8 => array( [maximum depth reached] ), (int) 9 => array( [maximum depth reached] ), (int) 10 => array( [maximum depth reached] ), (int) 11 => array( [maximum depth reached] ), (int) 12 => array( [maximum depth reached] ), (int) 13 => array( [maximum depth reached] ), (int) 14 => array( [maximum depth reached] ), (int) 15 => array( [maximum depth reached] ), (int) 16 => array( [maximum depth reached] ) ), 'html' => array( (int) 0 => array( [maximum depth reached] ) ), 'css' => array( (int) 0 => array( [maximum depth reached] ) ) ), 'categorias' => array( 'code' => (int) 401, 'status' => 'error', 'data' => array( 'erro' => 'Anauthorized', 'mensagem' => 'Aeu plano expirou. Por favor, renove a sua assinatura!' ) ), 'categoriasDestaque' => array(), 'paginas' => array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => (int) 6, 'total_paginas' => (int) 1, 'total_registros_pagina' => (int) 6, 'pagina_atual' => (int) 1, 'limite_por_pagina' => (int) 20, 'pagina_anterior' => null, 'url_anterior' => null, 'proxima_pagina' => null, 'proxima_url' => null ), 'data' => array( (int) 0 => array( [maximum depth reached] ), (int) 1 => array( [maximum depth reached] ), (int) 2 => array( [maximum depth reached] ), (int) 3 => array( [maximum depth reached] ), (int) 4 => array( [maximum depth reached] ), (int) 5 => array( [maximum depth reached] ) ) ), 'marcas' => array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => null, 'total_paginas' => null, 'total_registros_pagina' => null, 'pagina_atual' => (int) 1, 'limite_por_pagina' => (int) 20, 'pagina_anterior' => null, 'url_anterior' => null, 'proxima_pagina' => null, 'proxima_url' => null ), 'data' => array(), 'error' => 'OK', 'message' => 'Não há dados!' ), 'marcasDestaque' => array(), 'content_for_layout' => ' <script> function fitraProduto(valor){ parent.$('#carregando').show(); location.href = '?filtrar='+valor; }; </script> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <!-- BreadCrumb --> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <nav aria-label="breadcrumb"> <ol class="breadcrumb breadcrumb-dark flex-lg-nowrap justify-content-center justify-content-lg-start mb-3 mt-3"> <li class="breadcrumb-item "> <a class="text-nowrap" href="/"> <i class="czi-home"></i>Página Inicial </a> </li> <li class="breadcrumb-item text-nowrap active" aria-current="Listagem de Produtos Encontrados"> Energia </li> </ol> </nav> </div> <div class="row listagem-produtos"> <div class="col-sm-12 pr-1wz mt-2"> <div class="col-sm-4 col-lg-4 col-md-4 float-left pl-0 mt-3"> Mostrando <b>12</b> de <b>44</b> resultado(s) </div> <div class="form-group col-sm-4 col-lg-4 col-md-4 float-right mb-4 pr-0"><select name="filtroProduto" onChange="fitraProduto(this.value)" class="form-control" autocomplete="off" id="filtroProduto"> <option value="data">Data de postagem</option> <option value="AZ">Ordenação AZ</option> <option value="ZA">Ordenação ZA</option> <option value="relevancia">Relevância</option> <option value="maior-preco">Maior preço</option> <option value="menor-preco">Menor preço</option> </select></div> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-senoidal-snb-3000va-bi-tw-mtc2odqwmjm2nzy1ntm" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 3000VA BI TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 3000VA BI TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 3000VA BI TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 5.280,71</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-6kva-220v-tw-sb-mtc2odqwmjm2nzcxmdg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 11.581,90</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-3-0kva-120v-tw-mtc2odqwmjm2njy3otc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 5.829,72</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-1-5kva-120v-tw-mtc2odqwmjm2njkzmg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 3.713,21</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1500va-220v-mtc2odqwmjm2njq3ody" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1500VA 220V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1500VA 220V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1500VA 220V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.069,61</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1500va-120v-mtc2odqwmjm2njkxmdg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1500VA 120V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1500VA 120V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1500VA 120V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.069,61</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1000va-220v-mtc2odqwmjm2njm4odi" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1000VA 220V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1000VA 220V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1000VA 220V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 914,76</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-xnb-1440va-bi-mtc2odqwmjm2ntm2oda" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK XNB 1440VA BI" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK XNB 1440VA BI</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK XNB 1440VA BI</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.182,55</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-senoidal-snb-1500va-bivolt-mtc2odqwmjm2nty4nzy" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 1500VA BIVOLT" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 1500VA BIVOLT</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 1500VA BIVOLT</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 2.861,11</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-senoidal-snb-2000va-bivolt-mtc2odqwmjm2nteyotc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 2000VA BIVOLT" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 2000VA BIVOLT</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 2000VA BIVOLT</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 3.920,03</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-xnb-1800va-bi-mtc2odqwmjm2ntc5nzq" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK XNB 1800VA BI" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK XNB 1800VA BI</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK XNB 1800VA BI</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.692,77</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-gnb-1000va-120v-mtc2odqwmjm2nteznjc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1000VA 120V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1000VA 120V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1000VA 120V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 914,76</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> </div> <div class="row justify-content-center"> <nav aria-label="Navegação entre as páginas"> <ul class="list-unstyled pagination"> <li class="page-item"><a class="page-link" href="?pagina=1">1</a></li> <li class="page-item"><a class="page-link" href="?pagina=2">2</a></li> <li class="page-item active"><a class="page-link" href="?pagina=3">3</a></li> <li class="page-item"><a class="page-link" href="?pagina=4">4</a></li> </ul> </nav> </div> </div> </div>', 'scripts_for_layout' => '', 'title_for_layout' => 'GruposProdutos' ) $banners = array() $filtros = array( 'data' => 'Data de postagem', 'AZ' => 'Ordenação AZ', 'ZA' => 'Ordenação ZA', 'relevancia' => 'Relevância', 'maior-preco' => 'Maior preço', 'menor-preco' => 'Menor preço' ) $produtos = array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => (int) 44, 'total_paginas' => (int) 4, 'total_registros_pagina' => (int) 12, 'pagina_atual' => (int) 3, 'limite_por_pagina' => (int) 12, 'pagina_anterior' => (int) 2, 'url_anterior' => '/api/produtos/ecommerce_index?permitir_venda_estoque_insuficiente=1&grupo_id=5433036&pagina=2', 'proxima_pagina' => (int) 4, 'proxima_url' => '/api/produtos/ecommerce_index?permitir_venda_estoque_insuficiente=1&grupo_id=5433036&pagina=4' ), 'data' => array( (int) 0 => array( 'id' => '87615558', 'nome' => 'NOBREAK SENOIDAL SNB 3000VA BI TW', 'url' => 'nobreak-senoidal-snb-3000va-bi-tw-mtc2odqwmjm2nzy1ntm', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '5280.71', 'valor_venda_minimo' => '5280.71', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615558', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 1 => array( 'id' => '87615567', 'nome' => 'NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB', 'url' => 'nobreak-online-torre-dnb-6kva-220v-tw-sb-mtc2odqwmjm2nzcxmdg', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '11581.9', 'valor_venda_minimo' => '11581.9', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615567', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 2 => array( 'id' => '87615549', 'nome' => 'NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW', 'url' => 'nobreak-online-torre-dnb-3-0kva-120v-tw-mtc2odqwmjm2njy3otc', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '5829.72', 'valor_venda_minimo' => '5829.72', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615549', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 3 => array( 'id' => '87615548', 'nome' => 'NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW', 'url' => 'nobreak-online-torre-dnb-1-5kva-120v-tw-mtc2odqwmjm2njkzmg', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '3713.21', 'valor_venda_minimo' => '3713.21', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615548', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 4 => array( 'id' => '87615545', 'nome' => 'NOBREAK GNB 1500VA 220V', 'url' => 'nobreak-gnb-1500va-220v-mtc2odqwmjm2njq3ody', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '1069.61', 'valor_venda_minimo' => '1069.61', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615545', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 5 => array( 'id' => '87615544', 'nome' => 'NOBREAK GNB 1500VA 120V', 'url' => 'nobreak-gnb-1500va-120v-mtc2odqwmjm2njkxmdg', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '1069.61', 'valor_venda_minimo' => '1069.61', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615544', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 6 => array( 'id' => '87615542', 'nome' => 'NOBREAK GNB 1000VA 220V', 'url' => 'nobreak-gnb-1000va-220v-mtc2odqwmjm2njm4odi', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '914.76', 'valor_venda_minimo' => '914.76', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615542', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 7 => array( 'id' => '87615539', 'nome' => 'NOBREAK XNB 1440VA BI', 'url' => 'nobreak-xnb-1440va-bi-mtc2odqwmjm2ntm2oda', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '1182.55', 'valor_venda_minimo' => '1182.55', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615539', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 8 => array( 'id' => '87615537', 'nome' => 'NOBREAK SENOIDAL SNB 1500VA BIVOLT', 'url' => 'nobreak-senoidal-snb-1500va-bivolt-mtc2odqwmjm2nty4nzy', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '2861.11', 'valor_venda_minimo' => '2861.11', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615537', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 9 => array( 'id' => '87615538', 'nome' => 'NOBREAK SENOIDAL SNB 2000VA BIVOLT', 'url' => 'nobreak-senoidal-snb-2000va-bivolt-mtc2odqwmjm2nteyotc', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '3920.03', 'valor_venda_minimo' => '3920.03', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615538', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 10 => array( 'id' => '87615540', 'nome' => 'NOBREAK XNB 1800VA BI', 'url' => 'nobreak-xnb-1800va-bi-mtc2odqwmjm2ntc5nzq', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '1692.77', 'valor_venda_minimo' => '1692.77', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615540', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 11 => array( 'id' => '87615541', 'nome' => 'NOBREAK GNB 1000VA 120V', 'url' => 'nobreak-gnb-1000va-120v-mtc2odqwmjm2nteznjc', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '914.76', 'valor_venda_minimo' => '914.76', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615541', 'campanha_estoque' => array( [maximum depth reached] ) ) ) ) $id_pagina = '5433036' $grupo = array( 'code' => (int) 200, 'status' => 'success', 'data' => array( 'id' => '5433036', 'grupo_pai_id' => '', 'nome' => 'Energia', 'url' => 'energia', 'meta_palavras_chaves' => '', 'meta_descricao' => '' ) ) $grupoPai = array() $metaTitulo = 'Energia - JAMP - Sua evolução em todos os momentos' $formasPagamentosAtivas = array( (int) 0 => array( 'id' => '205232', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '6015467', 'dias_vencimento' => '5', 'nome' => 'Boleto bancário', 'plugin' => 'GerenciaNet', 'model' => 'IntegracoesGerenciaNet', 'icone' => 'boleto_bancario.png', 'foreign_key' => '956', 'ativo' => (int) 1, 'padrao_sistema' => '1', 'ordem' => '3', 'bandeiras' => 'visa;mastercard;elo;amex;diners;boleto;gerencianet', 'IntegracoesGerenciaNet' => array( 'id' => '956', 'empresa_id' => '395565', 'loja_id' => '522581', 'nome_integracao' => 'GerenciaNet', 'integracao_id' => '8', 'forma_pagamento_id' => '6015467', 'nome_forma_pagamento' => 'GerenciaNet', 'chave_pix' => '', 'maximo_parcelas' => '1', 'valor_minimo' => '', 'identificador_conta' => '130565-4', 'client_id' => 'Client_Id_92792e6d47e583f697ca426a3232736fb3150d63', 'client_secret' => 'Client_Secret_1b122ff1a9071c870f5df531d67096c06b5ae045', 'certificado' => '', 'intervalo_primeira_parcela' => '1', 'intervalo_primeira_parcela_cartao' => '1', 'tipo_parcelamento' => '1', 'taxa_boleto' => '0.00', 'taxa_fixa_cartao' => '1.99', 'taxa_porcentagem_cartao' => '0.99', 'instrucao1' => '', 'instrucao2' => '', 'instrucao3' => '', 'instrucao4' => '', 'recursos_integracao' => 'B', 'sandbox' => '0', 'checkout_transparente' => '1', 'taxa_multa_atraso' => '0.00', 'taxa_mora_atraso' => '0.000', 'ativo' => '1', 'usuario_id' => '968222', 'nome_usuario' => 'Alex Melo', 'cadastrado_em' => '2025-09-20 20:48:55', 'modificado_em' => '2025-09-20 20:48:55' ), 'tipo_pagamento' => 'boleto_bancario', 'Bandeiras' => array( (int) 0 => 'visa', (int) 1 => 'mastercard', (int) 2 => 'elo', (int) 3 => 'amex', (int) 4 => 'diners', (int) 5 => 'boleto', (int) 6 => 'gerencianet' ) ), (int) 1 => array( 'id' => '205260', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '5008309', 'dias_vencimento' => '5', 'nome' => 'Pagar na entrega', 'plugin' => 'Ecommerce', 'model' => 'LojasVirtuaisFormasPagamentosPersonalizada', 'icone' => 'icone_pagar_entrega.png', 'foreign_key' => '3697', 'ativo' => (int) 1, 'padrao_sistema' => '1', 'ordem' => '5', 'bandeiras' => 'entrega', 'LojasVirtuaisFormasPagamentosPersonalizada' => array( 'id' => '3697', 'empresa_id' => '395565', 'loja_id' => '522581', 'nome' => '', 'loja_virtual_forma_pagamento_id' => '20526', 'forma_pagamento_id' => '5008309', 'nome_forma_pagamento' => 'Pagar na entrega', 'desconto_a_vista' => '', 'descricao' => 'O pagamento deverá ser efetuado no momento da entrega do produto. A máquina de cartão será enviada junto com o responsável pela entrega.', 'dias_vencimento' => '5', 'ativo' => '1', 'usuario_id' => '968222', 'nome_usuario' => 'Alex Melo', 'cadastrado_em' => '2025-09-15 21:08:31', 'modificado_em' => '2025-09-15 21:08:31' ), 'tipo_pagamento' => null, 'Bandeiras' => array( (int) 0 => 'entrega' ) ), (int) 2 => array( 'id' => '205280', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '6005246', 'dias_vencimento' => '5', 'nome' => 'Cartão (Link será enviado por E-mail)', 'plugin' => 'Ecommerce', 'model' => 'LojasVirtuaisFormasPagamentosPersonalizada', 'icone' => 'icone_pagamento.png', 'foreign_key' => '3698', 'ativo' => (int) 1, 'padrao_sistema' => '0', 'ordem' => '7', 'bandeiras' => '', 'LojasVirtuaisFormasPagamentosPersonalizada' => array( 'id' => '3698', 'empresa_id' => '395565', 'loja_id' => '522581', 'nome' => 'Cartão (Link será enviado por E-mail)', 'loja_virtual_forma_pagamento_id' => '20528', 'forma_pagamento_id' => '6005246', 'nome_forma_pagamento' => 'Cartão (Link será enviado por E-mail)', 'desconto_a_vista' => '', 'descricao' => 'Após a confirmação do seu pedido, o sistema enviará automaticamente um link de pagamento para o e-mail cadastrado. Fique atento à sua caixa de entrada para concluir a transação com segurança e agilidade.', 'dias_vencimento' => '5', 'ativo' => '1', 'usuario_id' => '968222', 'nome_usuario' => 'Alex Melo', 'cadastrado_em' => '2025-09-15 21:09:07', 'modificado_em' => '2025-09-19 13:47:48' ), 'tipo_pagamento' => null, 'Bandeiras' => '' ) ) $codigosHTML = array( 'javascript' => array( (int) 0 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verificar se estamos na página correta pela URL if (window.location.href.includes('/pagina/como-comprar')) { // Encontrar a seção existente const section = document.querySelector('section#section'); // Verificar se a seção existe e modificá-la if (section) { // Limpar o conteúdo existente da seção section.innerHTML = ''; // Criar o novo conteúdo HTML para substituir const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #3498db, #2c3e50); padding: 40px 20px; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; font-weight: bold; margin-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Como Comprar</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Como Comprar</li> </ol> </nav> </div> </div> </div> <div class="row justify-content-center"> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-shopping-cart"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Passos para Compra</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Siga nosso guia passo a passo para realizar sua compra com facilidade.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-credit-card"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Formas de Pagamento</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Conheça nossas opções de pagamento para sua conveniência.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-truck"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Informações de Frete</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Saiba como rastrear seu pedido e os prazos de entrega.</p> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <div style="background-color: #f8f9fa; padding: 40px; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); margin-top: 40px;"> <h2 style="color: #2c3e50; font-weight: bold; font-size: 28px; margin-bottom: 20px;">Detalhes do Processo de Compra</h2> <ol style="font-size: 18px; line-height: 1.8; color: #34495e; margin-left: 20px;"> <li>Para efetuar a compra, primeiro você deve ser cadastrado na nossa loja.</li> <li>Escolha o produto que está disponível ou faça a sua encomenda.</li> <li>Daremos opções de envios e seus valores (o frete é de responsabilidade do cliente).</li> <li>Escolha o frete.</li> <li>Escolha a forma de pagamento.</li> <li>Após a confirmação do pagamento pela instituição financeira, o produto é enviado.</li> </ol> <h3 style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-top: 30px; margin-bottom: 15px;">Condições de Pagamento</h3> <ul style="font-size: 18px; line-height: 1.8; color: #34495e; list-style-type: none; padding-left: 0;"> <li>- Boleto Bancário</li> <li>- Cartão de Crédito</li> <li>- Depósito Bancário</li> </ul> <h3 style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-top: 30px; margin-bottom: 15px;">Informações de Frete</h3> <ul style="font-size: 18px; line-height: 1.8; color: #34495e; list-style-type: none; padding-left: 0;"> <li>- Após o envio do produto, enviamos o código de rastreamento para que o cliente possa acompanhar a entrega.</li> <li>- O envio dos produtos é feito pelos Correios, por isso não nos responsabilizamos por eventuais atrasos na entrega.</li> </ul> </div> </div> </div> </div> `; // Inserir o novo conteúdo dentro da seção existente section.innerHTML = newHTML; // Adicionar animações aos cards const cards = document.querySelectorAll('.card'); // Adicionando uma animação suave ao passar o mouse sobre os cards cards.forEach(card => { card.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-10px)'; this.style.boxShadow = '0 10px 20px rgba(0, 0, 0, 0.1)'; }); card.addEventListener('mouseleave', function() { this.style.transform = 'translateY(0)'; this.style.boxShadow = '0 4px 6px rgba(0,0,0,0.1)'; }); }); // Adicionando estilos globais para responsividade e ajustes const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .breadcrumb-link:hover { text-decoration: underline !important; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .card-body { padding: 20px !important; } .card-title { font-size: 20px !important; } .card-text { font-size: 14px !important; } ol, ul { font-size: 16px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 1 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Pegue o texto do conteúdo "Sobre a loja" var sobreLojaElement = document.querySelector('.col-sm-5.mr-lg-auto p'); // Seleciona o parágrafo dentro da div que contém o texto "Sobre a loja" var textoSobreLoja = sobreLojaElement ? sobreLojaElement.innerHTML : 'Texto padrão de sobre a loja'; // Armazena o conteúdo var footerExistente = document.getElementById('rodape'); if (footerExistente) { // Remover o footer existente footerExistente.remove(); // Criar o novo footer var novoFooter = document.createElement('footer'); novoFooter.id = 'novoRodape'; novoFooter.innerHTML = ` <div class="container"> <div class="footer-top"> <div class="footer-col"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/files/ecommerce/arquivos/395565/cac78803038a8f535313c270d01759a79ea35ba0.png" alt="Logomarca JAMP - Sua evolução em todos os momentos" class="footer-logo"> <p class="footer-text"> ${textoSobreLoja} <!-- Insere o conteúdo "Sobre a loja" aqui --> </p> </div> <div class="footer-col"> <h3 class="footer-title">Atendimento</h3> <p class="footer-text"><i class="fas fa-phone"></i> (79) 3512-2501</p> <p class="footer-text"><i class="fas fa-envelope"></i> contato@jampsolucoes.com.br</p> <p class="footer-text">Horário de atendimento: Segunda a Sexta de 08h às 18h e Sábado de 08h ás 13h</p> <div class="social-links"> <a href="https://www.instagram.com/jampsolucoes/"><i class="fab fa-facebook"></i></a> <a href="https://www.instagram.com/jampsolucoes/"><i class="fab fa-instagram"></i></a> </div> </div> <div class="footer-col"> <h3 class="footer-title">Institucional</h3> <ul> <li><a href="/pagina/quem-somos" class="footer-link">Quem Somos</a></li> <li><a href="/pagina/politica-de-privacidade" class="footer-link">Política de Privacidade</a></li> <li><a href="/pagina/trocas-e-devolucoes" class="footer-link">Trocas e Devoluções</a></li> <li><a href="/pagina/duvidas-frequentes" class="footer-link">Dúvidas Frequentes</a></li> </ul> </div> <div class="footer-col"> <h3 class="footer-title">Ajuda e Suporte</h3> <ul> <li><a href="/restrito/minha_conta" class="footer-link">Minha Conta</a></li> <li><a href="/restrito/pedidos" class="footer-link">Meus Pedidos</a></li> <li><a href="/pagina/como-comprar" class="footer-link">Formas de Pagamento</a></li> <li><a href="/pagina/fale-conosco" class="footer-link">Fale Conosco</a></li> </ul> </div> <div class="footer-col"> <h3 class="footer-title">Certificados e Segurança</h3> <img src="/img/logos/ssl.png" alt="Certificado SSL"> </div> <!-- Nova coluna para os ícones de pagamento --> <div class="footer-col"> <h3 class="footer-title">Formas de Pagamento</h3> <ul class="linksfooter"> <span class="icones-pagamento-footer icone-visa"></span> <span class="icones-pagamento-footer icone-master"></span> <span class="icones-pagamento-footer icone-boleto"></span> <span class="icones-pagamento-footer icone-pix"></span> </ul> </div> </div> <div class="footer-bottom"> <p class="footer-text">© 2024 JAMP - Sua evolução em todos os momentos - CNPJ: 18.117.958/0001-22. Todos os direitos reservados.</p> </div> </div> `; // Adicionar o novo footer ao final do body document.body.appendChild(novoFooter); } });</script>' ), (int) 2 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function () { // Verifica se está na URL especificada if (window.location.href.includes('/produto/')) { // Evita duplicação verificando se já existe um container de abas if (!document.querySelector('.tab-container')) { // Verifica e espera que os elementos estejam disponíveis var checkExist = setInterval(function () { var descricaoDiv = document.querySelector('.descricao.col-sm-12'); var botoesCompartilhamento = document.querySelector('.botoes-compartilhamento.col-sm-12'); // Verifica se a descrição foi encontrada if (descricaoDiv && !descricaoDiv.querySelector('.tab-container')) { // Pega o conteúdo da div var descricaoCompleta = descricaoDiv.innerHTML; // Separa a descrição e as informações técnicas var descricao = descricaoCompleta.split("INFORMAÇÕES TÉCNICAS")[0].trim(); var informacoesTecnicas = descricaoCompleta.split("INFORMAÇÕES TÉCNICAS")[1] ? descricaoCompleta.split("INFORMAÇÕES TÉCNICAS")[1].trim() : ''; // Cria a estrutura de tabs (abas) var novoConteudo = ` <div class="tab-container"> <ul class="tab-list"> <li class="tab-item active" data-tab="descricao">Descrição do Produto</li> <li class="tab-item" data-tab="info-tecnica">Informações Técnicas</li> </ul> <div class="tab-content"> <div class="tab-pane active" id="descricao">${descricao}</div> <div class="tab-pane" id="info-tecnica">INFORMAÇÕES TÉCNICAS<br>${informacoesTecnicas}</div> </div> </div> `; // Insere o novo conteúdo na página descricaoDiv.innerHTML = novoConteudo; // Função para alternar as abas var tabItems = document.querySelectorAll('.tab-item'); var tabPanes = document.querySelectorAll('.tab-pane'); tabItems.forEach(function(item) { item.addEventListener('click', function() { // Remove a classe 'active' de todas as abas e conteúdo tabItems.forEach(function(i) { i.classList.remove('active'); }); tabPanes.forEach(function(pane) { pane.classList.remove('active'); }); // Ativa a aba clicada e seu conteúdo correspondente var tabTarget = item.getAttribute('data-tab'); item.classList.add('active'); document.getElementById(tabTarget).classList.add('active'); }); }); // Para o intervalo de verificação, pois o elemento foi encontrado clearInterval(checkExist); } // Remove a seção de compartilhamento, se existir if (botoesCompartilhamento) { botoesCompartilhamento.remove(); } }, 500); // Verifica a cada 500ms } } });</script>' ), (int) 3 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script></script>' ), (int) 4 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // 1. Remover o dropdown e deixar somente o número de telefone principal const dropdown = document.querySelector('.topbar-text.dropdown'); if (dropdown) { const phoneNumberLink = dropdown.querySelector('.topbar-link.dropdown-toggle'); if (phoneNumberLink) { phoneNumberLink.classList.remove('dropdown-toggle'); // Remover o dropdown const ulDropdown = dropdown.querySelector('ul'); if (ulDropdown) { ulDropdown.remove(); // Remover o dropdown } } } // 2. Alterar o texto para "Seja Bem Vindo a Jamp" e alterar o ícone de coração para preenchido const welcomeTextElements = document.querySelectorAll('.topbar-link'); welcomeTextElements.forEach(function(element) { if (element.innerText.includes("Seja bem-vindo(a)")) { element.innerHTML = '<i class="fa fa-heart"></i> Seja Bem Vindo a Jamp !'; // Substituir o ícone e o texto } }); // 3. Modificar o nome de "Meus pedidos" e trocar o ícone const pedidosLink = document.querySelector('a[href="/restrito/pedidos"]'); if (pedidosLink) { pedidosLink.innerHTML = '<i class="fa fa-box"></i> Minhas Compras'; // Alterar ícone e texto } // 4. Alterar o ícone do telefone para um ícone preenchido const phoneIcon = document.querySelector('.czi-phone'); if (phoneIcon) { phoneIcon.classList.remove('czi-phone'); phoneIcon.classList.add('fa', 'fa-phone'); // Alterar para o ícone preenchido } });</script>' ), (int) 5 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verificar se estamos na página correta pela URL if (window.location.href.includes('/pagina/quem-somos')) { // Encontrar a seção existente const section = document.querySelector('section#section'); // Verificar se a seção existe e modificá-la if (section) { // Guardar o conteúdo do parágrafo atual const paragrafoTexto = section.querySelector('p').innerText; // Limpar o conteúdo existente da seção section.innerHTML = ''; // Criar o novo conteúdo HTML para substituir const newHTML = ` <div class="quem-somos-container" style="font-family: 'Arial', sans-serif; max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <header style="background: linear-gradient(135deg, #3498db, #2c3e50); color: white; padding: 60px 20px; text-align: center; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; margin-bottom: 20px; color: #ffffff;">Quem Somos</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Quem Somos</li> </ol> </nav> </header> <div class="main-content" style="background-color: #f8f9fa; border-radius: 10px; padding: 40px; margin-bottom: 40px;"> <p style="font-size: 18px; line-height: 1.8; text-align: justify; color: #333; margin-bottom: 0;"> ${paragrafoTexto} </p> </div> <div class="cards-container" style="display: flex; justify-content: space-between; flex-wrap: wrap;"> <div class="card mission-card" style="flex-basis: calc(33.333% - 20px); background-color: white; border-radius: 10px; padding: 30px; margin-bottom: 30px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); transition: all 0.3s ease; text-align: center;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-bullseye"></i> </div> <h3 style="color: #2c3e50; font-weight: bold; margin-bottom: 15px; font-size: 24px;">Missão</h3> <p style="color: #666; font-size: 16px;">Nossa missão é oferecer produtos de alta qualidade e um atendimento excepcional para garantir a satisfação dos nossos clientes.</p> </div> <div class="card vision-card" style="flex-basis: calc(33.333% - 20px); background-color: white; border-radius: 10px; padding: 30px; margin-bottom: 30px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); transition: all 0.3s ease; text-align: center;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-eye"></i> </div> <h3 style="color: #2c3e50; font-weight: bold; margin-bottom: 15px; font-size: 24px;">Visão</h3> <p style="color: #666; font-size: 16px;">Ser referência em tecnologia e inovação, oferecendo soluções completas para o crescimento dos nossos clientes e parceiros.</p> </div> <div class="card values-card" style="flex-basis: calc(33.333% - 20px); background-color: white; border-radius: 10px; padding: 30px; margin-bottom: 30px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); transition: all 0.3s ease; text-align: center;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-gavel"></i> </div> <h3 style="color: #2c3e50; font-weight: bold; margin-bottom: 15px; font-size: 24px;">Valores</h3> <p style="color: #666; font-size: 16px;">Ética, transparência, inovação e comprometimento são os pilares que norteiam todas as nossas ações e decisões.</p> </div> </div> </div> `; // Inserir o novo conteúdo dentro da seção existente section.innerHTML = newHTML; // Adicionar animações aos cards const cards = document.querySelectorAll('.card'); // Adiciona uma animação suave ao passar o mouse sobre os cards cards.forEach(card => { card.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease'; card.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-10px)'; this.style.boxShadow = '0 15px 30px rgba(0, 0, 0, 0.1)'; }); card.addEventListener('mouseleave', function() { this.style.transform = 'translateY(0)'; this.style.boxShadow = '0 10px 20px rgba(0, 0, 0, 0.05)'; }); }); // Adicionar estilos globais const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .mb-5, .my-5 { margin-bottom: 1rem !important; } .breadcrumb-link:hover { text-decoration: underline !important; } @media (max-width: 768px) { .quem-somos-container { padding: 20px; } .card { flex-basis: 100% !important; } header { padding: 40px 20px !important; } h1 { font-size: 28px !important; } .main-content { padding: 20px !important; } .main-content p { font-size: 16px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 6 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verificar se estamos na página correta pela URL if (window.location.href.includes('/pagina/trocas-e-devolucoes')) { // Encontrar a seção existente const section = document.querySelector('section#section'); // Verificar se a seção existe e modificá-la if (section) { // Guardando o conteúdo do parágrafo atual const paragrafoTexto = section.querySelector('div.col-sm-12').innerText; // Limpando o conteúdo existente da seção section.innerHTML = ''; // Criando o novo conteúdo HTML para substituir const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #3498db, #2c3e50); padding: 40px 20px; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; font-weight: bold; margin-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Trocas e Devoluções</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Trocas e Devoluções</li> </ol> </nav> </div> </div> </div> <div class="row"> <div class="col-12"> <p style="font-size: 18px; line-height: 1.8; text-align: justify; color: #34495e; margin-bottom: 60px;"> ${paragrafoTexto} </p> </div> </div> <div class="row justify-content-center"> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-exchange-alt"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Condições para Troca</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Verifique as condições de troca antes de encaminhar o produto para evitar problemas.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-box-open"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Devolução Correta</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Acondicione o produto corretamente e acompanhe o DANFE para que o produto seja aceito.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-truck"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Envio Fácil</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Enviaremos o código de postagem para que você devolva o produto de forma simples e rápida.</p> </div> </div> </div> </div> </div> `; // Inserir o novo conteúdo dentro da seção existente section.innerHTML = newHTML; // Adicionar animações aos cards const cards = document.querySelectorAll('.card'); // Adicionando uma animação suave ao passar o mouse sobre os cards cards.forEach(card => { card.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-10px)'; this.style.boxShadow = '0 10px 20px rgba(0, 0, 0, 0.1)'; }); card.addEventListener('mouseleave', function() { this.style.transform = 'translateY(0)'; this.style.boxShadow = '0 4px 6px rgba(0,0,0,0.1)'; }); }); // Adicionando estilos globais para responsividade e ajustes const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .mb-5, .my-5 { margin-bottom: 1rem !important; } .breadcrumb-link:hover { text-decoration: underline !important; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .card-body { padding: 20px !important; } .card-title { font-size: 20px !important; } .card-text { font-size: 14px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 7 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verificar se estamos na página correta pela URL if (window.location.href.includes('/pagina/politica-de-privacidade')) { // Encontrar a seção existente const section = document.querySelector('section#section'); // Verificar se a seção existe e modificá-la if (section) { // Guardar o conteúdo do parágrafo atual const paragrafoTexto = section.querySelector('div.col-sm-12').innerHTML; // Limpar o conteúdo existente da seção section.innerHTML = ''; // Criar o novo conteúdo HTML para substituir const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #3498db, #2c3e50); padding: 40px 20px; border-radius: 10px;"> <h1 style="font-size: 36px; font-weight: bold; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Política de Privacidade</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" class="breadcrumb-link" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Política de Privacidade</li> </ol> </nav> </div> </div> </div> <div class="row"> <div class="col-12"> <p style="font-size: 18px; line-height: 1.8; text-align: justify; color: #34495e; margin-bottom: 60px"> ${paragrafoTexto} </p> </div> </div> <div class="row justify-content-center" style="margin-top: 40px;"> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-shield-alt"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 30px;">Segurança de Dados</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Nosso compromisso é garantir a segurança dos seus dados durante todo o processo de compra e navegação.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-user-shield"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Privacidade Respeitada</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Seus dados pessoais nunca serão compartilhados com terceiros sem seu consentimento.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-lock"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Proteção Total</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Usamos criptografia de ponta a ponta para garantir que todas as transações sejam seguras.</p> </div> </div> </div> </div> </div> `; // Inserir o novo conteúdo dentro da seção existente section.innerHTML = newHTML; // Adicionar animações aos cards const cards = document.querySelectorAll('.card'); // Adicionando uma animação suave ao passar o mouse sobre os cards cards.forEach(card => { card.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-10px)'; this.style.boxShadow = '0 10px 20px rgba(0, 0, 0, 0.1)'; }); card.addEventListener('mouseleave', function() { this.style.transform = 'translateY(0)'; this.style.boxShadow = '0 4px 6px rgba(0,0,0,0.1)'; }); }); // Adicionar estilos globais e hover para breadcrumb const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .breadcrumb-link:hover { text-decoration: underline !important; } .mb-5, .my-5 { margin-bottom: 1rem !important; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .card-body { padding: 20px !important; } .card-title { font-size: 20px !important; } .card-text { font-size: 14px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 8 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function () { // Selecionar a div navbarCollapse onde será inserido o novo conteúdo var navbarCollapse = document.getElementById('navbarCollapse'); // Selecionar todas as categorias principais dentro de <ul class="dropdown-menu"> do menu original var dropdownMenus = document.querySelectorAll('.dropdown-menu > li.dropdown'); var categoriasHTML = ''; // Verificar se há categorias e adicionar ao HTML dinamicamente if (dropdownMenus.length > 0) { dropdownMenus.forEach(function (categoria) { // Capturar o link da categoria principal var categoriaLink = categoria.querySelector('a').getAttribute('href'); var categoriaTexto = categoria.querySelector('a').textContent.trim(); // Criar o HTML para a categoria principal categoriasHTML += ` <li class="dropdown"> <a class="dropdown-item dropdown-toggle" href="${categoriaLink}" data-toggle="dropdown"> ${categoriaTexto} </a> <ul class="dropdown-menu"> `; // Selecionar todas as subcategorias dentro dessa categoria principal var subCategorias = categoria.querySelectorAll('.widget-list-item a'); // Verificar se há subcategorias if (subCategorias.length > 0) { subCategorias.forEach(function (subCategoria) { var subCategoriaLink = subCategoria.getAttribute('href'); var subCategoriaTexto = subCategoria.textContent.trim(); // Adicionar as subcategorias ao HTML categoriasHTML += ` <li class="widget-list-item pb-1"> <a class="widget-list-link" href="${subCategoriaLink}">${subCategoriaTexto}</a> </li> `; }); } else { categoriasHTML += '<li><a href="#">Nenhuma subcategoria disponível</a></li>'; } // Fechar o HTML da categoria principal categoriasHTML += ` </ul> </li> `; }); } else { // Caso não tenha encontrado nenhuma categoria categoriasHTML = `<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Nenhuma categoria disponível</a></li>`; } // Agora que temos certeza de que encontramos as categorias, limpar o conteúdo existente if (navbarCollapse) { navbarCollapse.innerHTML = ''; // Limpar o conteúdo existente // Criar o novo conteúdo do menu, incluindo as categorias var menuHTML = ` <form action="/busca" role="search" method="get" accept-charset="utf-8" novalidate="novalidate"> <div class="input-group-overlay d-lg-none my-3"> <div class="input-group-prepend-overlay"> <span class="input-group-text"> <i class="czi-search"></i> </span> </div> <input class="form-control prepended-form-control" name="q" type="text" placeholder="Digite o que procura" value=""> </div> </form> <ul class="list-unstyled navbar-nav mega-nav pr-lg-2 mr-lg-2"> <li class="nav-item active"> <a class="nav-link" href="/">Home</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle pl-0" href="#" data-toggle="dropdown"> <i class="czi-menu align-middle mt-n1 mr-2"></i>Todas as categorias </a> <ul class="dropdown-menu"> ${categoriasHTML} <!-- Inserir as categorias e subcategorias dinamicamente aqui --> </ul> </li> <li class="nav-item"><a class="nav-link" href="/pagina/quem-somos">Quem Somos</a></li> <li class="nav-item"><a class="nav-link" href="/pagina/trocas-e-devolucoes">Trocas e Devoluções</a></li> <li class="nav-item"><a class="nav-link" href="/pagina/politica-de-privacidade">Política de Privacidade</a></li> <li class="nav-item"><a class="nav-link" href="/pagina/duvidas-frequentes">Dúvidas Frequentes</a></li> <li class="nav-item"><a class="nav-link" href="/pagina/como-comprar">Como Comprar</a></li> <li class="nav-item"><a class="nav-link" href="/pagina/fale-conosco">Fale Conosco</a></li> </ul> `; // Inserir o novo conteúdo na div de navegação navbarCollapse.innerHTML = menuHTML; } // Adiciona o comportamento do dropdown no mobile var dropdownToggles = document.querySelectorAll('.dropdown-toggle'); dropdownToggles.forEach(function (toggle) { toggle.addEventListener('click', function (e) { e.preventDefault(); var parentLi = this.parentElement; var dropdownMenu = parentLi.querySelector('.dropdown-menu'); dropdownMenu.classList.toggle('show'); // Exibe/oculta o dropdown }); }); });</script>' ), (int) 9 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verificar se estamos na página correta pela URL if (window.location.href.includes('/pagina/duvidas-frequentes')) { // Encontrar a seção existente const section = document.querySelector('section#section'); // Verificar se a seção existe e modificá-la if (section) { // Limpar o conteúdo existente da seção section.innerHTML = ''; // Criar o novo conteúdo HTML para substituir const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #3498db, #2c3e50); padding: 40px 20px; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; font-weight: bold; margin-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Dúvidas Frequentes</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Dúvidas Frequentes</li> </ol> </nav> </div> </div> </div> <div class="row"> <div class="col-12"> <div id="faq" class="faq-container"> <div class="faq-item mb-4"> <h3 class="faq-question" style="cursor: pointer; font-size: 20px; color: #2c3e50; font-weight: bold; padding: 20px; background-color: #f8f9fa; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> Como efetuar a compra? <i class="fas fa-chevron-down" style="transition: transform 0.3s ease;"></i> </h3> <div class="faq-answer" style="display: none; padding: 20px; font-size: 16px; line-height: 1.6; color: #34495e; border-left: 4px solid #3498db; margin-top: 10px;"> Sua compra pode ser efetuada através do Site. </div> </div> <div class="faq-item mb-4"> <h3 class="faq-question" style="cursor: pointer; font-size: 20px; color: #2c3e50; font-weight: bold; padding: 20px; background-color: #f8f9fa; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> Tenho que ter CNPJ para comprar? <i class="fas fa-chevron-down" style="transition: transform 0.3s ease;"></i> </h3> <div class="faq-answer" style="display: none; padding: 20px; font-size: 16px; line-height: 1.6; color: #34495e; border-left: 4px solid #3498db; margin-top: 10px;"> Não, atendemos também pessoa física. </div> </div> <div class="faq-item mb-4"> <h3 class="faq-question" style="cursor: pointer; font-size: 20px; color: #2c3e50; font-weight: bold; padding: 20px; background-color: #f8f9fa; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> Quem paga o frete? <i class="fas fa-chevron-down" style="transition: transform 0.3s ease;"></i> </h3> <div class="faq-answer" style="display: none; padding: 20px; font-size: 16px; line-height: 1.6; color: #34495e; border-left: 4px solid #3498db; margin-top: 10px;"> O Frete é por conta do comprador e calculado de acordo com o peso do pedido, somente negociamos frete dependendo da quantidade de produtos. </div> </div> <div class="faq-item mb-4"> <h3 class="faq-question" style="cursor: pointer; font-size: 20px; color: #2c3e50; font-weight: bold; padding: 20px; background-color: #f8f9fa; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> Quanto tempo demora para a mercadoria chegar na minha residência? <i class="fas fa-chevron-down" style="transition: transform 0.3s ease;"></i> </h3> <div class="faq-answer" style="display: none; padding: 20px; font-size: 16px; line-height: 1.6; color: #34495e; border-left: 4px solid #3498db; margin-top: 10px;"> O tempo é de acordo com a aprovação do pagamento, se for por Depósito Bancário a confirmação é imediata. Quanto ao envio, é feito pelos Correios, e o prazo depende da opção de frete: Sedex ou Pac. </div> </div> <div class="faq-item mb-4"> <h3 class="faq-question" style="cursor: pointer; font-size: 20px; color: #2c3e50; font-weight: bold; padding: 20px; background-color: #f8f9fa; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> Quais as formas de pagamento? <i class="fas fa-chevron-down" style="transition: transform 0.3s ease;"></i> </h3> <div class="faq-answer" style="display: none; padding: 20px; font-size: 16px; line-height: 1.6; color: #34495e; border-left: 4px solid #3498db; margin-top: 10px;"> As formas de pagamento incluem cartão de crédito, transferência bancária, boleto e depósito bancário. </div> </div> </div> </div> </div> </div> `; // Inserir o novo conteúdo dentro da seção existente section.innerHTML = newHTML; // Adicionar interatividade para expandir as respostas das perguntas const faqItems = document.querySelectorAll('.faq-item'); faqItems.forEach(item => { const question = item.querySelector('.faq-question'); const answer = item.querySelector('.faq-answer'); const icon = item.querySelector('.fa-chevron-down'); question.addEventListener('click', function() { if (answer.style.display === 'none' || answer.style.display === '') { answer.style.display = 'block'; icon.style.transform = 'rotate(180deg)'; question.style.backgroundColor = '#e3f2fd'; } else { answer.style.display = 'none'; icon.style.transform = 'rotate(0deg)'; question.style.backgroundColor = '#f8f9fa'; } }); }); // Adicionar estilos globais const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .faq-question:hover { background-color: #e3f2fd; } .faq-answer { transition: max-height 0.4s ease; } .breadcrumb-link:hover { text-decoration: underline !important; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .faq-question { font-size: 18px !important; padding: 15px !important; } .faq-answer { font-size: 14px !important; padding: 15px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 10 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { if (window.location.href.includes('/pagina/fale-conosco')) { const section = document.querySelector('section#section'); if (section) { section.innerHTML = ''; const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #3498db, #2c3e50); padding: 40px 20px; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; font-weight: bold; margin-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Fale Conosco</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Fale Conosco</li> </ol> </nav> </div> </div> </div> <div class="row mb-5"> <div class="col-md-4 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body text-center" style="padding: 30px;"> <i class="fas fa-map-marker-alt fa-3x mb-3" style="color: #3498db;"></i> <h3 class="card-title mb-3" style="color: #2c3e50; font-weight: bold; font-size: 24px;">Endereço</h3> <p class="card-text">Rua Riachuelo, 1200<br>São José, Aracaju - SE</p> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body text-center" style="padding: 30px;"> <i class="fas fa-phone fa-3x mb-3" style="color: #3498db;"></i> <h3 class="card-title mb-3" style="color: #2c3e50; font-weight: bold; font-size: 24px;">Telefone</h3> <p class="card-text">(79) 2106-1152<br>WhatsApp: (79) 99857-5259</p> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body text-center" style="padding: 30px;"> <i class="fas fa-envelope fa-3x mb-3" style="color: #3498db;"></i> <h3 class="card-title mb-3" style="color: #2c3e50; font-weight: bold; font-size: 24px;">E-mail</h3> <p class="card-text">contato@jampsolucoes.com.br</p> </div> </div> </div> </div> <div class="row"> <div class="col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body d-flex flex-column" style="padding: 30px;"> <h3 class="card-title mb-4" style="color: #2c3e50; font-weight: bold; font-size: 24px;">Entre em Contato</h3> <form id="form-fale-conosco" method="post" action="/envia_contato" class="flex-grow-1 d-flex flex-column"> <div class="form-group mb-3"> <label for="nome" class="form-label">Nome</label> <input type="text" class="form-control" id="nome" name="data[Contato][nome]" required> </div> <div class="form-group mb-3"> <label for="email" class="form-label">E-mail de contato</label> <input type="email" class="form-control" id="email" name="data[Contato][email]" required> </div> <div class="form-group mb-3"> <label for="telefone" class="form-label">Telefone</label> <input type="tel" class="form-control" id="telefone" name="data[Contato][telefone]" required> </div> <div class="form-group mb-3"> <label for="assunto" class="form-label">Assunto</label> <input type="text" class="form-control" id="assunto" name="data[Contato][assunto]" required> </div> <div class="form-group mb-3 flex-grow-1"> <label for="mensagem" class="form-label">Mensagem</label> <textarea class="form-control h-100" id="mensagem" name="data[Contato][mensagem]" required></textarea> </div> <div class="text-center mt-3"> <button type="submit" class="btn btn-primary btn-lg" style="background-color: #0F3175; margin-top: 40px; border-color: #0F3175; padding: 10px 30px; font-size: 18px; transition: all 0.3s ease;">Enviar Mensagem</button> </div> </form> </div> </div> </div> <div class="col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body" style="padding: 0;"> <div style="position: relative; padding-bottom: 100%; height: 0; overflow: hidden;"> <iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;" src="https://maps.google.com/maps?q=Rua Riachuelo,+1200,+São José,+Aracaju,+SE&output=embed&ie=UTF8&" allowfullscreen title="Localização no Google Maps"></iframe> </div> </div> </div> </div> </div> </div> `; section.innerHTML = newHTML; const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .breadcrumb-link:hover { text-decoration: underline !important; } .btn-primary { background-color: #0F3175; border-color: #0F3175; transition: all 0.3s ease; } .btn-primary:hover { background-color: #0A4EA0 !important; border-color: #0A4EA0 !important; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); } .card { transition: all 0.3s ease; } .card:hover { transform: translateY(-5px); box-shadow: 0 8px 15px rgba(0,0,0,0.1); } .form-control { border: 1px solid #ced4da; border-radius: 5px; transition: all 0.3s ease; } .form-control:focus { border-color: #3498db; box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25); } textarea.form-control { resize: none; } .mb-5, .my-5 { margin-bottom: 1rem !important; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .card-body { padding: 20px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 11 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { if (window.location.href.includes('/login')) { const section = document.querySelector('section#section'); if (section) { section.innerHTML = ''; const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #0F3175, #3498db); padding: 40px 20px; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; font-weight: bold; margin-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Login</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Login</li> </ol> </nav> </div> </div> </div> <div class="row"> <div class="col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body d-flex flex-column" style="padding: 30px;"> <h3 class="card-title mb-4" style="color: #2c3e50; font-weight: bold; font-size: 24px;">Já sou cliente</h3> <form id="form-login" method="post" action="/login" class="flex-grow-1 d-flex flex-column"> <div class="form-group mb-3"> <label for="email" class="form-label">E-mail <span style="color: red;">*</span></label> <input type="email" class="form-control" id="email" name="data[Cliente][loja_virtual_email]" required> </div> <div class="form-group mb-3"> <label for="password" class="form-label">Senha <span style="color: red;">*</span></label> <input type="password" class="form-control" id="password" name="data[Cliente][loja_virtual_senha]" required> </div> <div class="d-flex justify-content-between align-items-center"> <a href="#" class="esqueci-senha" style="font-size: 12px; color: #0F3175;" id="forgotPasswordLink">Esqueci minha senha</a> <button type="submit" class="btn btn-primary" style="background-color: #0F3175; border-color: #0F3175; padding: 10px 30px; font-size: 18px; transition: all 0.3s ease;">Entrar</button> </div> </form> </div> </div> </div> <div class="col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body d-flex flex-column" style="padding: 30px;"> <h3 class="card-title mb-4" style="color: #2c3e50; font-weight: bold; font-size: 24px;">Ainda não possuo cadastro</h3> <p class="text-muted mb-4" style="font-size: 14px;">O registro leva menos de um minuto e oferece controle total sobre seus pedidos.</p> <form id="form-cadastro" method="get" action="/cadastrar" class="flex-grow-1 d-flex flex-column"> <div class="form-group mb-3"> <label for="cadastroEmail" class="form-label">Digite o email que deseja cadastrar <span style="color: red;">*</span></label> <input type="email" class="form-control" id="cadastroEmail" name="email" required> </div> <div class="text-center mt-3"> <button type="submit" class="btn btn-success" style="background-color: #0F3175; border-color: #0F3175; padding: 10px 30px;">Cadastrar</button> </div> </form> </div> </div> </div> </div> <!-- Modal para Esqueci Minha Senha --> <div class="modal fade" id="forgotPasswordModal" tabindex="-1" aria-labelledby="forgotPasswordModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="forgotPasswordModalLabel">Esqueci Minha Senha</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form id="forgotPasswordForm" method="post" action="/clientes/esqueci_minha_senha"> <div class="form-group"> <label for="forgotPasswordEmail" class="form-label">Digite seu e-mail</label> <input type="email" class="form-control" id="forgotPasswordEmail" name="email" required> </div> <button type="submit" class="btn btn-primary" style="background-color: #0F3175; margin-top: 20px; margin-bottom: 20px; border-color: #0F3175;">Enviar</button> </form> </div> </div> </div> </div> </div> `; section.innerHTML = newHTML; // Estilos personalizados const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .breadcrumb-link:hover { text-decoration: underline !important; } .btn-primary, .btn-success { background-color: #0F3175; border-color: #0F3175; transition: all 0.3s ease; } .btn-primary:hover, .btn-success:hover { background-color: #0A4EA0 !important; border-color: #0A4EA0 !important; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); } .card { transition: all 0.3s ease; } .card:hover { transform: translateY(-5px); box-shadow: 0 8px 15px rgba(0,0,0,0.1); } .form-control { border: 1px solid #ced4da; border-radius: 5px; transition: all 0.3s ease; } .form-control:focus { border-color: #3498db; box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25); } .esqueci-senha:hover { text-decoration: underline; color: #2980b9; } textarea.form-control { resize: none; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .card-body { padding: 20px !important; } } `; document.head.appendChild(style); // Ativar o modal ao clicar em "Esqueci minha senha" document.getElementById('forgotPasswordLink').addEventListener('click', function (event) { event.preventDefault(); $('#forgotPasswordModal').modal('show'); }); } } });</script>' ), (int) 12 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verifica se a URL contém "/restrito" if (window.location.href.includes('https://jampsolucoes.loja.click/restrito')) { // Seleciona a section com id 'section' const section = document.querySelector('section#section'); if (section) { // Aplica a margem superior e inferior section.style.marginTop = '50px'; section.style.marginBottom = '50px'; } } });</script>' ), (int) 13 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verifica se a URL contém "/restrito" ou "/carrinho" if (window.location.href.includes('https://jampsolucoes.loja.click/restrito') || window.location.href.includes('https://jampsolucoes.loja.click/carrinho')) { // Seleciona a section com id 'section' const section = document.querySelector('section#section'); if (section) { // Aplica a margem superior e inferior section.style.marginTop = '50px'; section.style.marginBottom = '50px'; } } });</script>' ), (int) 14 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function () { // Verifica se a URL contém '/restrito/pedidos/acompanhamento' if (window.location.href.includes('/restrito/pedidos/acompanhamento')) { // Seleciona a div específica e ajusta seu margin-top var targetDiv = document.querySelector('.col-lg-12.col-xl-12'); if (targetDiv) { // Ajusta o margin-top para descer a div targetDiv.style.marginTop = '50px'; // Ajuste o valor conforme necessário } } });</script>' ), (int) 15 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { if (window.location.href.includes('https://jampsolucoes.loja.click/')) { if (!document.querySelector('.row-fbits-fabricantes')) { const productContainer = document.querySelector('.listagem-produtos'); if (productContainer) { const newSectionHTML = ` <div class="row row-fbits-fabricantes"> <div class="col-md-12"> <div class="fbits-componente-listaMarcas"> <div class="marquee"> <div class="marquee-content"> <div class="fbits-listaMarcas-item"> <a href="/fabricante/epson"> <img src="https://recursos.hitechinformatica.com.br/i/fabricante/EPSON.png" alt="EPSON"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/hyperx"> <img src="https://recursos.hitechinformatica.com.br/i/fabricante/HYPERX.png" alt="HYPERX"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/intel"> <img src="https://recursos.hitechinformatica.com.br/i/fabricante/INTEL.png" alt="INTEL"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/lenovo"> <img src="https://i0.wp.com/datadoktorn.org/wp-content/uploads/2021/09/Lenovo-logo-vector.png" alt="Lenovo"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/intelbras"> <img src="https://logodownload.org/wp-content/uploads/2016/09/intelbras-logo-6-2-599x116.png" alt="Intelbras"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/dell"> <img src="https://upload.wikimedia.org/wikipedia/commons/8/82/Dell_Logo.png" alt="Dell"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/hp"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/files/ecommerce/arquivos/395565/f9eda291a1eb0880b093920bd34cc471c9d6a36d.png" alt="Hp"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/corsair"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/files/ecommerce/arquivos/395565/3a810d568d2ea638eca0f73e253a10f0ccb02f73.png" alt="Corsair"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/acronis"> <img src="https://uniwan.be/wp-content/uploads/Acronis-logo-large.png" alt="Acronis"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/cougar"> <img src="https://recursos.hitechinformatica.com.br/i/fabricante/COUGAR.png" alt="Cougar"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/rushfile"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/files/ecommerce/arquivos/395565/7ad7541afc72e238a8b63caa83947a32d2bb8009.png" alt="Rushfile"> </a> </div> </div> </div> </div> </div> </div> `; const newSection = document.createElement('div'); newSection.innerHTML = newSectionHTML; productContainer.parentNode.insertBefore(newSection, productContainer.nextSibling); } } } });</script>' ), (int) 16 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function () { // Verifica se a URL contém '/restrito/carrinho/confirma' if (window.location.href.includes('/restrito/carrinho/confirma')) { // Seleciona a div que contém o h1 e ajusta a cor var h1Title = document.querySelector('.h3.text-light.mb-0'); if (h1Title) { h1Title.style.color = '#0F3175'; // Cor do título h1Title.style.setProperty('color', '#0F3175', 'important'); // Força a cor com !important } // Estiliza os itens do breadcrumb var breadcrumbItems = document.querySelectorAll('.breadcrumb-item.text-nowrap, .breadcrumb-item.text-nowrap a'); breadcrumbItems.forEach(function(item) { item.style.color = '#0F3175'; // Aplica a cor desejada nos breadcrumbs item.style.setProperty('color', '#0F3175', 'important'); // Força a cor com !important }); // Estiliza o link da página inicial no breadcrumb var homeLink = document.querySelector('.breadcrumb-item a.text-nowrap'); if (homeLink) { homeLink.style.color = '#0F3175'; // Aplica a cor ao link homeLink.style.setProperty('color', '#0F3175', 'important'); // Força a cor com !important } // Pseudo-elemento ::before via CSS (não pode ser estilizado diretamente com JS) var style = document.createElement('style'); style.innerHTML = ` li.breadcrumb-item.text-nowrap.active::before { content: ''; display: inline-block; margin-right: 0.5rem; color: #0F3175; } `; document.head.appendChild(style); } });</script>' ) ), 'html' => array( (int) 0 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'html', 'codigo_html' => '<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">' ) ), 'css' => array( (int) 0 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'css', 'codigo_html' => '<style>/* Variáveis de cores da marca */ :root { --primary-dark: #0F3175; --primary-light: #0A4EA0; --text-dark: #000000; --text-light: #FFFFFF; --background-light: #F5F5F5; } /* Estilos gerais */ body { background-color: var(--background-light); color: var(--text-dark); } #tela-produto { background-color: var(--text-light); border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); padding: 30px; margin-bottom: 30px; } /* Estilos para o preço */ .valor-por { font-size: 2rem; font-weight: bold; color: black; margin: 20px 0; padding: 10px; background-color: var(--background-light); border-radius: 5px; display: inline-block; } #button-comprar { background: linear-gradient(45deg, var(--primary-dark), var(--primary-light)); color: var(--text-light); border: none; padding: 15px 30px; font-size: 1.2rem; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(10, 78, 160, 0.3); } #button-comprar:hover { background: linear-gradient(45deg, var(--primary-light), var(--primary-lighter)); transform: translateY(-3px); box-shadow: 0 6px 20px rgba(10, 78, 160, 0.4); } /* Estilos para campos de entrada */ input[type="text"], input[type="number"] { border: 1px solid var(--primary-light); border-radius: 5px; padding: 10px; font-size: 1rem; } /* Melhorias na galeria de imagens */ .foto-atual img { max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); } #carousel .item img { width: 70px; height: 70px; object-fit: cover; border: 2px solid var(--primary-light); border-radius: 5px; cursor: pointer; transition: border-color 0.3s; } #carousel .item img:hover { border-color: var(--primary-dark); } .cep .btn-primary { background-color: var(--primary-light); color: var(--text-light); border: none; padding: 12px 20px; border-radius: 8px; cursor: pointer; transition: background-color 0.3s; } .cep .btn-primary:hover { background-color: var(--primary-dark); } /* Responsividade */ @media (max-width: 768px) { #tela-produto { padding: 20px; } .valor-por { font-size: 1.75rem; } #button-comprar, .btn-primary { width: 100%; margin-top: 10px; } } /* Estilos para a aba */ .tab-container { width: 100%; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); background-color: #fff; border-radius: 10px; margin-top: 40px; overflow: hidden; /* Evita que as abas ultrapassem o container */ } .tab-list { display: flex; list-style: none; padding: 0; margin: 0; width: 100%; background-color: #f5f5f5; /* Fundo sutil para a lista de abas */ } .tab-item { flex-grow: 1; height: 50px; /* Aumentado para melhor clicabilidade */ line-height: 50px; cursor: pointer; text-align: center; font-size: 16px; font-weight: bold; background: linear-gradient(45deg, #0F3175, #0A4EA0); color: white; border-radius: 10px; transition: background-color 0.3s ease, color 0.3s ease; border-right: 1px solid rgba(255, 255, 255, 0.1); /* Separador sutil entre as abas */ } .tab-item:last-child { border-right: none; } .tab-item.active { background-color: #0F3175; position: relative; } .tab-item.active::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: #ffffff; /* Indicador da aba ativa */ } .tab-item:hover { background-color: #0D3D8A; } .tab-content { padding: 30px; background-color: white; border-radius: 0 0 10px 10px; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); width: 100%; } .tab-pane { display: none; } .tab-pane.active { display: block; animation: fadeIn 0.5s ease-in-out; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* Responsividade */ @media (max-width: 768px) { .tab-item { font-size: 14px; height: 40px; line-height: 40px; } .tab-content { padding: 20px; } }</style>' ) ) ) $categorias = array( 'code' => (int) 401, 'status' => 'error', 'data' => array( 'erro' => 'Anauthorized', 'mensagem' => 'Aeu plano expirou. Por favor, renove a sua assinatura!' ) ) $categoriasDestaque = array() $paginas = array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => (int) 6, 'total_paginas' => (int) 1, 'total_registros_pagina' => (int) 6, 'pagina_atual' => (int) 1, 'limite_por_pagina' => (int) 20, 'pagina_anterior' => null, 'url_anterior' => null, 'proxima_pagina' => null, 'proxima_url' => null ), 'data' => array( (int) 0 => array( 'id' => '31997', 'tipo' => '', 'nome' => 'Quem Somos', 'url' => 'quem-somos', 'url_customizada' => '', 'descricao' => '<p>A nossa loja procura oferecer os melhores produtos e atendimento diferenciado. Buscamos oferecer toda qualidade do nosso serviços também nos produtos para que possa ter a confiaça na compra. A nossa empresa possui valores sólidos e voltados à satisfação do cliente, conquistou uma posição nova no mercado, pois trabalhamos somente com produtos confiáveis no segmento em que atua. Tem como prioridade a busca constante pela excelência na prestação de serviços e no relacionamento com os clientes, colaboradores, parceiros e fornecedores. Desta forma, aproxima ao máximo os clientes das principais etapas de cada compra, para que possa haver uma conversão dos processos tradicionais em sistemas online. Esperamos que possamos fazer uma grande parceria.</p>', 'meta_titulo' => '', 'meta_palavras_chaves' => '', 'meta_descricao' => '', 'ativo' => '1', 'ordem' => '10', 'cadastrado_em' => '2025-09-15 20:25:15' ), (int) 1 => array( 'id' => '31998', 'tipo' => '', 'nome' => 'Trocas e Devoluções', 'url' => 'trocas-e-devolucoes', 'url_customizada' => '', 'descricao' => '<p>A devolução de qualquer produto só pode ser feita no prazo de até 7 (sete) dias, a contar da data de entrega com exceção dos itens de Moda, cujo prazo é de até 30 (trinta) dias corridos. Nesse período, se o produto apresentar defeito, ou se você não estiver satisfeito(a) com a compra, comunique nosso setor de atendimento ao cliente e solicite a troca.</p><p><br></p><p> Para trocar um produto, as seguintes condições deverão ser observadas:</p><p><br></p><p> - o produto deverá ser encaminhado na embalagem original, sem indícios de uso, sem violação do lacre original do fabricante, acompanhado do DANFE (Documento Auxiliar da Nota Fiscal Eletrônica), do manual e todos os acessórios.</p><p><br></p><p> - nas solicitações de desistência de produtos é imprescindível a etiqueta/lacre do produto.</p><p><br></p><p> Os cancelamentos podem ser realizados diretamente no painel de controle, no tópico "CANCELAR PEDIDO".</p><p> Devolução pelos Correios</p><p><br></p><p> Se o produto, junto com a embalagem na qual foi entregue, pesar menos de 15Kg e suas dimensões não ultrapassarem 105cm de altura, 105cm de largura e 105cm de comprimento, a devolução pode ser feita por postagem.</p><p><br></p><p> Nossos operadores enviarão, por e-mail, o código de postagem que deve ser apresentado nas agências dos Correios.</p><p><br></p><p> Para postar o produto siga as instruções:</p><p><br></p><p> - acondicione o produto em sua embalagem original ou similar;</p><p><br></p><p> - devolva todos os itens/acessórios que acompanham o produto;</p><p><br></p><p> - junte a segunda via do DANFE (Documento Auxiliar da Nota Fiscal Eletrônica) recebida no ato da entrega. É imprescindível que ele seja enviado para que o produto seja identificado;</p><p><br></p><p> - relate, no verso do DANFE, o motivo da devolução.</p><p><br></p><p> IMPORTANTE: Agências dos Correios Franqueadas (ACF) não aceitam o uso do instrumento de habilitação de postagem. Busque agências dos Correios aqui.</p><p><br></p><p> Todas as instruções serão fornecidas pelo setor de atendimento ao cliente.</p>', 'meta_titulo' => '', 'meta_palavras_chaves' => '', 'meta_descricao' => '', 'ativo' => '1', 'ordem' => '20', 'cadastrado_em' => '2025-09-15 20:25:15' ), (int) 2 => array( 'id' => '31999', 'tipo' => '', 'nome' => 'Política de Privacidade', 'url' => 'politica-de-privacidade', 'url_customizada' => '', 'descricao' => '<p>A nossa loja tem o compromisso com a privacidade e a segurança de seus clientes durante todo o processo de navegação e compra pelo site. Os dados cadastrais dos clientes não são vendidos, trocados ou divulgados para terceiros, exceto quando essas informações são necessárias para o processo de entrega, para cobrança, ou para participação em promoções solicitadas pelos clientes. Seus dados pessoais são peça fundamental para que seu pedido chegue em segurança, na sua casa, de acordo com nosso prazo de entrega.</p><p> </p><p> Utilizamos cookies e informações de sua navegação (sessão do browser) com o objetivo de traçar um perfil do público que visita o site e aperfeiçoar sempre nossos serviços, produtos, conteúdos e garantir as melhores ofertas e promoções para você. Durante todo este processo mantemos suas informações em sigilo absoluto. Vale lembrar que seus dados são registrados por nossa loja de forma automatizada, dispensando manipulação humana.</p><p> </p><p> Para que estes dados permaneçam intactos, nós desaconselhamos expressamente a divulgação de sua senha a terceiros, mesmo a amigos e parentes.</p><p> </p><p> As alterações sobre nossa política de privacidade serão devidamente informadas neste espaço.</p>', 'meta_titulo' => '', 'meta_palavras_chaves' => '', 'meta_descricao' => '', 'ativo' => '1', 'ordem' => '30', 'cadastrado_em' => '2025-09-15 20:25:15' ), (int) 3 => array( 'id' => '32000', 'tipo' => '', 'nome' => 'Dúvidas Frequentes', 'url' => 'duvidas-frequentes', 'url_customizada' => '', 'descricao' => '<p> <strong>Como efetuar a compra?</strong><br /> Sua compra pode ser efetuada através do Site.<br /> <br /> <strong>Tenho que ter CNPJ pra comprar?</strong><br /> Não, atendemos também pessoa física.<br /> <br /> <strong>Quem paga o frete?</strong><br /> O Frete é por conta do comprador e calculado de acordo com o peso do pedido, somente negociamos frete dependendo da quantidade de produtos.<br /> <br /> <strong>Quanto tempo demora para a mercadoria chegar na minha residência?</strong><br /> O tempo é de acordo com a aprovação do pagamento, se for por Depósito Bancário a confimação e de imediato. Quanto ao envio, é feito pelos correios, o prazo de entrega é de acordo com o tempo estabelecido pelos correios, temos as opções de frete: Sedex ou Pac.<br /> <br /> <strong>Quais as formas de pagamento?</strong><br /> Cartão de crédito, Transferência Bancária, Boleto e Depósito Bancário.</p>', 'meta_titulo' => '', 'meta_palavras_chaves' => '', 'meta_descricao' => '', 'ativo' => '1', 'ordem' => '40', 'cadastrado_em' => '2025-09-15 20:25:15' ), (int) 4 => array( 'id' => '32001', 'tipo' => '', 'nome' => 'Como Comprar', 'url' => 'como-comprar', 'url_customizada' => '', 'descricao' => '<p> 1. Para efetuar a compra, primeiro você deve ser cadastrado na nossa loja.<br /> 2. Escolha o produto que está disponível ou faça a sua encomenda.<br /> 3. Daremos opções de envios e seus valores (o frete é de responsabilidade do cliente)<br /> 4. Escolha o frete.<br /> 5. Escolha a forma de pagamento.<br /> 6. Após a confirmação do pagamento pela instituição financeira, o produto é enviado<br /> <br /> <strong>Condições de Pagamento</strong><br /> - Boleto Bancário<br /> - Cartão de Crédito<br /> - Depósito Bancário<br /> <br /> <strong>Frete</strong><br /> - Após o envio do produto, enviamos o código de rastreamento para que o cliente possa acompanhar a entrega.<br /> - O envio dos produtos é feito pelos Correios, por isso não nos responsabilizamos por eventuais atrasos na entrega.</p>', 'meta_titulo' => '', 'meta_palavras_chaves' => '', 'meta_descricao' => '', 'ativo' => '1', 'ordem' => '50', 'cadastrado_em' => '2025-09-15 20:25:15' ), (int) 5 => array( 'id' => '32002', 'tipo' => 'FC', 'nome' => 'Fale Conosco', 'url' => 'fale-conosco', 'url_customizada' => '', 'descricao' => 'Temos todo o prazer em ajudar. Preencha as informações abaixo e em breve entraremos em contato com você.', 'meta_titulo' => 'Fale Conosco 1', 'meta_palavras_chaves' => 'Fale Conosco, Atendimento', 'meta_descricao' => 'Fale Conosco Fale Conosco Fale Conosco Fale Conosco Fale Conosco', 'ativo' => '1', 'ordem' => '60', 'cadastrado_em' => '2025-09-15 20:25:15' ) ) ) $marcas = array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => null, 'total_paginas' => null, 'total_registros_pagina' => null, 'pagina_atual' => (int) 1, 'limite_por_pagina' => (int) 20, 'pagina_anterior' => null, 'url_anterior' => null, 'proxima_pagina' => null, 'proxima_url' => null ), 'data' => array(), 'error' => 'OK', 'message' => 'Não há dados!' ) $marcasDestaque = array() $content_for_layout = ' <script> function fitraProduto(valor){ parent.$('#carregando').show(); location.href = '?filtrar='+valor; }; </script> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <!-- BreadCrumb --> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <nav aria-label="breadcrumb"> <ol class="breadcrumb breadcrumb-dark flex-lg-nowrap justify-content-center justify-content-lg-start mb-3 mt-3"> <li class="breadcrumb-item "> <a class="text-nowrap" href="/"> <i class="czi-home"></i>Página Inicial </a> </li> <li class="breadcrumb-item text-nowrap active" aria-current="Listagem de Produtos Encontrados"> Energia </li> </ol> </nav> </div> <div class="row listagem-produtos"> <div class="col-sm-12 pr-1wz mt-2"> <div class="col-sm-4 col-lg-4 col-md-4 float-left pl-0 mt-3"> Mostrando <b>12</b> de <b>44</b> resultado(s) </div> <div class="form-group col-sm-4 col-lg-4 col-md-4 float-right mb-4 pr-0"><select name="filtroProduto" onChange="fitraProduto(this.value)" class="form-control" autocomplete="off" id="filtroProduto"> <option value="data">Data de postagem</option> <option value="AZ">Ordenação AZ</option> <option value="ZA">Ordenação ZA</option> <option value="relevancia">Relevância</option> <option value="maior-preco">Maior preço</option> <option value="menor-preco">Menor preço</option> </select></div> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-senoidal-snb-3000va-bi-tw-mtc2odqwmjm2nzy1ntm" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 3000VA BI TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 3000VA BI TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 3000VA BI TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 5.280,71</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-6kva-220v-tw-sb-mtc2odqwmjm2nzcxmdg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 11.581,90</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-3-0kva-120v-tw-mtc2odqwmjm2njy3otc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 5.829,72</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-1-5kva-120v-tw-mtc2odqwmjm2njkzmg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 3.713,21</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1500va-220v-mtc2odqwmjm2njq3ody" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1500VA 220V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1500VA 220V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1500VA 220V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.069,61</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1500va-120v-mtc2odqwmjm2njkxmdg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1500VA 120V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1500VA 120V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1500VA 120V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.069,61</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1000va-220v-mtc2odqwmjm2njm4odi" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1000VA 220V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1000VA 220V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1000VA 220V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 914,76</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-xnb-1440va-bi-mtc2odqwmjm2ntm2oda" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK XNB 1440VA BI" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK XNB 1440VA BI</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK XNB 1440VA BI</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.182,55</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-senoidal-snb-1500va-bivolt-mtc2odqwmjm2nty4nzy" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 1500VA BIVOLT" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 1500VA BIVOLT</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 1500VA BIVOLT</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 2.861,11</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-senoidal-snb-2000va-bivolt-mtc2odqwmjm2nteyotc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 2000VA BIVOLT" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 2000VA BIVOLT</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 2000VA BIVOLT</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 3.920,03</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-xnb-1800va-bi-mtc2odqwmjm2ntc5nzq" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK XNB 1800VA BI" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK XNB 1800VA BI</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK XNB 1800VA BI</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.692,77</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-gnb-1000va-120v-mtc2odqwmjm2nteznjc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1000VA 120V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1000VA 120V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1000VA 120V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 914,76</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> </div> <div class="row justify-content-center"> <nav aria-label="Navegação entre as páginas"> <ul class="list-unstyled pagination"> <li class="page-item"><a class="page-link" href="?pagina=1">1</a></li> <li class="page-item"><a class="page-link" href="?pagina=2">2</a></li> <li class="page-item active"><a class="page-link" href="?pagina=3">3</a></li> <li class="page-item"><a class="page-link" href="?pagina=4">4</a></li> </ul> </nav> </div> </div> </div>' $scripts_for_layout = '' $title_for_layout = 'GruposProdutos' $qtd = (int) 0 $valorProdutos = (int) 0 $arrayMenu = array( 'menu_categorias' => true, 'menu_marcas' => true ) $categoria = 'Aeu plano expirou. Por favor, renove a sua assinatura!'include - APP/View/Elements/cabecalho.ctp, line 270 View::_evaluate() - CORE/Cake/View/View.php, line 935 View::_render() - CORE/Cake/View/View.php, line 897 View::_renderElement() - CORE/Cake/View/View.php, line 1195 View::element() - CORE/Cake/View/View.php, line 412 include - APP/View/Layouts/tema_padrao.ctp, line 83 View::_evaluate() - CORE/Cake/View/View.php, line 935 View::_render() - CORE/Cake/View/View.php, line 897 View::renderLayout() - CORE/Cake/View/View.php, line 529 View::render() - CORE/Cake/View/View.php, line 474 Controller::render() - CORE/Cake/Controller/Controller.php, line 952 Dispatcher::_invoke() - CORE/Cake/Routing/Dispatcher.php, line 220 Dispatcher::dispatch() - CORE/Cake/Routing/Dispatcher.php, line 178 [main] - APP/webroot/index.php, line 110
Warning (2): Illegal string offset 'nome' [APP/View/Elements/cabecalho.ctp, line 271]
ACode Context<li class="dropdown"><a class="dropdown-item" href="<?=$this->base?>/categoria/<?=$categoria['url']?>"><?php echo $categoria['nome']; ?>$viewFile = '/home/lojaclick/public_html/app/View/Elements/cabecalho.ctp' $dataForView = array( 'banners' => array(), 'filtros' => array( 'data' => 'Data de postagem', 'AZ' => 'Ordenação AZ', 'ZA' => 'Ordenação ZA', 'relevancia' => 'Relevância', 'maior-preco' => 'Maior preço', 'menor-preco' => 'Menor preço' ), 'produtos' => array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => (int) 44, 'total_paginas' => (int) 4, 'total_registros_pagina' => (int) 12, 'pagina_atual' => (int) 3, 'limite_por_pagina' => (int) 12, 'pagina_anterior' => (int) 2, 'url_anterior' => '/api/produtos/ecommerce_index?permitir_venda_estoque_insuficiente=1&grupo_id=5433036&pagina=2', 'proxima_pagina' => (int) 4, 'proxima_url' => '/api/produtos/ecommerce_index?permitir_venda_estoque_insuficiente=1&grupo_id=5433036&pagina=4' ), 'data' => array( (int) 0 => array( [maximum depth reached] ), (int) 1 => array( [maximum depth reached] ), (int) 2 => array( [maximum depth reached] ), (int) 3 => array( [maximum depth reached] ), (int) 4 => array( [maximum depth reached] ), (int) 5 => array( [maximum depth reached] ), (int) 6 => array( [maximum depth reached] ), (int) 7 => array( [maximum depth reached] ), (int) 8 => array( [maximum depth reached] ), (int) 9 => array( [maximum depth reached] ), (int) 10 => array( [maximum depth reached] ), (int) 11 => array( [maximum depth reached] ) ) ), 'id_pagina' => '5433036', 'grupo' => array( 'code' => (int) 200, 'status' => 'success', 'data' => array( 'id' => '5433036', 'grupo_pai_id' => '', 'nome' => 'Energia', 'url' => 'energia', 'meta_palavras_chaves' => '', 'meta_descricao' => '' ) ), 'grupoPai' => array(), 'metaTitulo' => 'Energia - JAMP - Sua evolução em todos os momentos', 'formasPagamentosAtivas' => array( (int) 0 => array( 'id' => '205232', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '6015467', 'dias_vencimento' => '5', 'nome' => 'Boleto bancário', 'plugin' => 'GerenciaNet', 'model' => 'IntegracoesGerenciaNet', 'icone' => 'boleto_bancario.png', 'foreign_key' => '956', 'ativo' => (int) 1, 'padrao_sistema' => '1', 'ordem' => '3', 'bandeiras' => 'visa;mastercard;elo;amex;diners;boleto;gerencianet', 'IntegracoesGerenciaNet' => array( [maximum depth reached] ), 'tipo_pagamento' => 'boleto_bancario', 'Bandeiras' => array( [maximum depth reached] ) ), (int) 1 => array( 'id' => '205260', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '5008309', 'dias_vencimento' => '5', 'nome' => 'Pagar na entrega', 'plugin' => 'Ecommerce', 'model' => 'LojasVirtuaisFormasPagamentosPersonalizada', 'icone' => 'icone_pagar_entrega.png', 'foreign_key' => '3697', 'ativo' => (int) 1, 'padrao_sistema' => '1', 'ordem' => '5', 'bandeiras' => 'entrega', 'LojasVirtuaisFormasPagamentosPersonalizada' => array( [maximum depth reached] ), 'tipo_pagamento' => null, 'Bandeiras' => array( [maximum depth reached] ) ), (int) 2 => array( 'id' => '205280', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '6005246', 'dias_vencimento' => '5', 'nome' => 'Cartão (Link será enviado por E-mail)', 'plugin' => 'Ecommerce', 'model' => 'LojasVirtuaisFormasPagamentosPersonalizada', 'icone' => 'icone_pagamento.png', 'foreign_key' => '3698', 'ativo' => (int) 1, 'padrao_sistema' => '0', 'ordem' => '7', 'bandeiras' => '', 'LojasVirtuaisFormasPagamentosPersonalizada' => array( [maximum depth reached] ), 'tipo_pagamento' => null, 'Bandeiras' => '' ) ), 'codigosHTML' => array( 'javascript' => array( (int) 0 => array( [maximum depth reached] ), (int) 1 => array( [maximum depth reached] ), (int) 2 => array( [maximum depth reached] ), (int) 3 => array( [maximum depth reached] ), (int) 4 => array( [maximum depth reached] ), (int) 5 => array( [maximum depth reached] ), (int) 6 => array( [maximum depth reached] ), (int) 7 => array( [maximum depth reached] ), (int) 8 => array( [maximum depth reached] ), (int) 9 => array( [maximum depth reached] ), (int) 10 => array( [maximum depth reached] ), (int) 11 => array( [maximum depth reached] ), (int) 12 => array( [maximum depth reached] ), (int) 13 => array( [maximum depth reached] ), (int) 14 => array( [maximum depth reached] ), (int) 15 => array( [maximum depth reached] ), (int) 16 => array( [maximum depth reached] ) ), 'html' => array( (int) 0 => array( [maximum depth reached] ) ), 'css' => array( (int) 0 => array( [maximum depth reached] ) ) ), 'categorias' => array( 'code' => (int) 401, 'status' => 'error', 'data' => array( 'erro' => 'Anauthorized', 'mensagem' => 'Aeu plano expirou. Por favor, renove a sua assinatura!' ) ), 'categoriasDestaque' => array(), 'paginas' => array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => (int) 6, 'total_paginas' => (int) 1, 'total_registros_pagina' => (int) 6, 'pagina_atual' => (int) 1, 'limite_por_pagina' => (int) 20, 'pagina_anterior' => null, 'url_anterior' => null, 'proxima_pagina' => null, 'proxima_url' => null ), 'data' => array( (int) 0 => array( [maximum depth reached] ), (int) 1 => array( [maximum depth reached] ), (int) 2 => array( [maximum depth reached] ), (int) 3 => array( [maximum depth reached] ), (int) 4 => array( [maximum depth reached] ), (int) 5 => array( [maximum depth reached] ) ) ), 'marcas' => array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => null, 'total_paginas' => null, 'total_registros_pagina' => null, 'pagina_atual' => (int) 1, 'limite_por_pagina' => (int) 20, 'pagina_anterior' => null, 'url_anterior' => null, 'proxima_pagina' => null, 'proxima_url' => null ), 'data' => array(), 'error' => 'OK', 'message' => 'Não há dados!' ), 'marcasDestaque' => array(), 'content_for_layout' => ' <script> function fitraProduto(valor){ parent.$('#carregando').show(); location.href = '?filtrar='+valor; }; </script> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <!-- BreadCrumb --> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <nav aria-label="breadcrumb"> <ol class="breadcrumb breadcrumb-dark flex-lg-nowrap justify-content-center justify-content-lg-start mb-3 mt-3"> <li class="breadcrumb-item "> <a class="text-nowrap" href="/"> <i class="czi-home"></i>Página Inicial </a> </li> <li class="breadcrumb-item text-nowrap active" aria-current="Listagem de Produtos Encontrados"> Energia </li> </ol> </nav> </div> <div class="row listagem-produtos"> <div class="col-sm-12 pr-1wz mt-2"> <div class="col-sm-4 col-lg-4 col-md-4 float-left pl-0 mt-3"> Mostrando <b>12</b> de <b>44</b> resultado(s) </div> <div class="form-group col-sm-4 col-lg-4 col-md-4 float-right mb-4 pr-0"><select name="filtroProduto" onChange="fitraProduto(this.value)" class="form-control" autocomplete="off" id="filtroProduto"> <option value="data">Data de postagem</option> <option value="AZ">Ordenação AZ</option> <option value="ZA">Ordenação ZA</option> <option value="relevancia">Relevância</option> <option value="maior-preco">Maior preço</option> <option value="menor-preco">Menor preço</option> </select></div> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-senoidal-snb-3000va-bi-tw-mtc2odqwmjm2nzy1ntm" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 3000VA BI TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 3000VA BI TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 3000VA BI TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 5.280,71</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-6kva-220v-tw-sb-mtc2odqwmjm2nzcxmdg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 11.581,90</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-3-0kva-120v-tw-mtc2odqwmjm2njy3otc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 5.829,72</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-1-5kva-120v-tw-mtc2odqwmjm2njkzmg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 3.713,21</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1500va-220v-mtc2odqwmjm2njq3ody" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1500VA 220V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1500VA 220V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1500VA 220V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.069,61</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1500va-120v-mtc2odqwmjm2njkxmdg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1500VA 120V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1500VA 120V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1500VA 120V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.069,61</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1000va-220v-mtc2odqwmjm2njm4odi" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1000VA 220V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1000VA 220V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1000VA 220V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 914,76</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-xnb-1440va-bi-mtc2odqwmjm2ntm2oda" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK XNB 1440VA BI" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK XNB 1440VA BI</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK XNB 1440VA BI</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.182,55</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-senoidal-snb-1500va-bivolt-mtc2odqwmjm2nty4nzy" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 1500VA BIVOLT" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 1500VA BIVOLT</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 1500VA BIVOLT</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 2.861,11</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-senoidal-snb-2000va-bivolt-mtc2odqwmjm2nteyotc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 2000VA BIVOLT" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 2000VA BIVOLT</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 2000VA BIVOLT</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 3.920,03</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-xnb-1800va-bi-mtc2odqwmjm2ntc5nzq" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK XNB 1800VA BI" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK XNB 1800VA BI</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK XNB 1800VA BI</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.692,77</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-gnb-1000va-120v-mtc2odqwmjm2nteznjc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1000VA 120V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1000VA 120V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1000VA 120V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 914,76</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> </div> <div class="row justify-content-center"> <nav aria-label="Navegação entre as páginas"> <ul class="list-unstyled pagination"> <li class="page-item"><a class="page-link" href="?pagina=1">1</a></li> <li class="page-item"><a class="page-link" href="?pagina=2">2</a></li> <li class="page-item active"><a class="page-link" href="?pagina=3">3</a></li> <li class="page-item"><a class="page-link" href="?pagina=4">4</a></li> </ul> </nav> </div> </div> </div>', 'scripts_for_layout' => '', 'title_for_layout' => 'GruposProdutos' ) $banners = array() $filtros = array( 'data' => 'Data de postagem', 'AZ' => 'Ordenação AZ', 'ZA' => 'Ordenação ZA', 'relevancia' => 'Relevância', 'maior-preco' => 'Maior preço', 'menor-preco' => 'Menor preço' ) $produtos = array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => (int) 44, 'total_paginas' => (int) 4, 'total_registros_pagina' => (int) 12, 'pagina_atual' => (int) 3, 'limite_por_pagina' => (int) 12, 'pagina_anterior' => (int) 2, 'url_anterior' => '/api/produtos/ecommerce_index?permitir_venda_estoque_insuficiente=1&grupo_id=5433036&pagina=2', 'proxima_pagina' => (int) 4, 'proxima_url' => '/api/produtos/ecommerce_index?permitir_venda_estoque_insuficiente=1&grupo_id=5433036&pagina=4' ), 'data' => array( (int) 0 => array( 'id' => '87615558', 'nome' => 'NOBREAK SENOIDAL SNB 3000VA BI TW', 'url' => 'nobreak-senoidal-snb-3000va-bi-tw-mtc2odqwmjm2nzy1ntm', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '5280.71', 'valor_venda_minimo' => '5280.71', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615558', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 1 => array( 'id' => '87615567', 'nome' => 'NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB', 'url' => 'nobreak-online-torre-dnb-6kva-220v-tw-sb-mtc2odqwmjm2nzcxmdg', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '11581.9', 'valor_venda_minimo' => '11581.9', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615567', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 2 => array( 'id' => '87615549', 'nome' => 'NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW', 'url' => 'nobreak-online-torre-dnb-3-0kva-120v-tw-mtc2odqwmjm2njy3otc', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '5829.72', 'valor_venda_minimo' => '5829.72', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615549', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 3 => array( 'id' => '87615548', 'nome' => 'NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW', 'url' => 'nobreak-online-torre-dnb-1-5kva-120v-tw-mtc2odqwmjm2njkzmg', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '3713.21', 'valor_venda_minimo' => '3713.21', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615548', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 4 => array( 'id' => '87615545', 'nome' => 'NOBREAK GNB 1500VA 220V', 'url' => 'nobreak-gnb-1500va-220v-mtc2odqwmjm2njq3ody', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '1069.61', 'valor_venda_minimo' => '1069.61', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615545', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 5 => array( 'id' => '87615544', 'nome' => 'NOBREAK GNB 1500VA 120V', 'url' => 'nobreak-gnb-1500va-120v-mtc2odqwmjm2njkxmdg', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '1069.61', 'valor_venda_minimo' => '1069.61', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615544', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 6 => array( 'id' => '87615542', 'nome' => 'NOBREAK GNB 1000VA 220V', 'url' => 'nobreak-gnb-1000va-220v-mtc2odqwmjm2njm4odi', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '914.76', 'valor_venda_minimo' => '914.76', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615542', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 7 => array( 'id' => '87615539', 'nome' => 'NOBREAK XNB 1440VA BI', 'url' => 'nobreak-xnb-1440va-bi-mtc2odqwmjm2ntm2oda', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '1182.55', 'valor_venda_minimo' => '1182.55', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615539', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 8 => array( 'id' => '87615537', 'nome' => 'NOBREAK SENOIDAL SNB 1500VA BIVOLT', 'url' => 'nobreak-senoidal-snb-1500va-bivolt-mtc2odqwmjm2nty4nzy', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '2861.11', 'valor_venda_minimo' => '2861.11', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615537', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 9 => array( 'id' => '87615538', 'nome' => 'NOBREAK SENOIDAL SNB 2000VA BIVOLT', 'url' => 'nobreak-senoidal-snb-2000va-bivolt-mtc2odqwmjm2nteyotc', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '3920.03', 'valor_venda_minimo' => '3920.03', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615538', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 10 => array( 'id' => '87615540', 'nome' => 'NOBREAK XNB 1800VA BI', 'url' => 'nobreak-xnb-1800va-bi-mtc2odqwmjm2ntc5nzq', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '1692.77', 'valor_venda_minimo' => '1692.77', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615540', 'campanha_estoque' => array( [maximum depth reached] ) ), (int) 11 => array( 'id' => '87615541', 'nome' => 'NOBREAK GNB 1000VA 120V', 'url' => 'nobreak-gnb-1000va-120v-mtc2odqwmjm2nteznjc', 'grupo_id' => '5629339', 'possui_variacao' => '0', 'quantidade' => (int) 0, 'valor_de' => '', 'valor_venda' => '914.76', 'valor_venda_minimo' => '914.76', 'imagem' => '/img/produtos_fotos/produto-sem-foto.png', 'variacoes' => array( [maximum depth reached] ), 'quantidade_comprada' => (int) 1, 'produto_id' => '87615541', 'campanha_estoque' => array( [maximum depth reached] ) ) ) ) $id_pagina = '5433036' $grupo = array( 'code' => (int) 200, 'status' => 'success', 'data' => array( 'id' => '5433036', 'grupo_pai_id' => '', 'nome' => 'Energia', 'url' => 'energia', 'meta_palavras_chaves' => '', 'meta_descricao' => '' ) ) $grupoPai = array() $metaTitulo = 'Energia - JAMP - Sua evolução em todos os momentos' $formasPagamentosAtivas = array( (int) 0 => array( 'id' => '205232', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '6015467', 'dias_vencimento' => '5', 'nome' => 'Boleto bancário', 'plugin' => 'GerenciaNet', 'model' => 'IntegracoesGerenciaNet', 'icone' => 'boleto_bancario.png', 'foreign_key' => '956', 'ativo' => (int) 1, 'padrao_sistema' => '1', 'ordem' => '3', 'bandeiras' => 'visa;mastercard;elo;amex;diners;boleto;gerencianet', 'IntegracoesGerenciaNet' => array( 'id' => '956', 'empresa_id' => '395565', 'loja_id' => '522581', 'nome_integracao' => 'GerenciaNet', 'integracao_id' => '8', 'forma_pagamento_id' => '6015467', 'nome_forma_pagamento' => 'GerenciaNet', 'chave_pix' => '', 'maximo_parcelas' => '1', 'valor_minimo' => '', 'identificador_conta' => '130565-4', 'client_id' => 'Client_Id_92792e6d47e583f697ca426a3232736fb3150d63', 'client_secret' => 'Client_Secret_1b122ff1a9071c870f5df531d67096c06b5ae045', 'certificado' => '', 'intervalo_primeira_parcela' => '1', 'intervalo_primeira_parcela_cartao' => '1', 'tipo_parcelamento' => '1', 'taxa_boleto' => '0.00', 'taxa_fixa_cartao' => '1.99', 'taxa_porcentagem_cartao' => '0.99', 'instrucao1' => '', 'instrucao2' => '', 'instrucao3' => '', 'instrucao4' => '', 'recursos_integracao' => 'B', 'sandbox' => '0', 'checkout_transparente' => '1', 'taxa_multa_atraso' => '0.00', 'taxa_mora_atraso' => '0.000', 'ativo' => '1', 'usuario_id' => '968222', 'nome_usuario' => 'Alex Melo', 'cadastrado_em' => '2025-09-20 20:48:55', 'modificado_em' => '2025-09-20 20:48:55' ), 'tipo_pagamento' => 'boleto_bancario', 'Bandeiras' => array( (int) 0 => 'visa', (int) 1 => 'mastercard', (int) 2 => 'elo', (int) 3 => 'amex', (int) 4 => 'diners', (int) 5 => 'boleto', (int) 6 => 'gerencianet' ) ), (int) 1 => array( 'id' => '205260', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '5008309', 'dias_vencimento' => '5', 'nome' => 'Pagar na entrega', 'plugin' => 'Ecommerce', 'model' => 'LojasVirtuaisFormasPagamentosPersonalizada', 'icone' => 'icone_pagar_entrega.png', 'foreign_key' => '3697', 'ativo' => (int) 1, 'padrao_sistema' => '1', 'ordem' => '5', 'bandeiras' => 'entrega', 'LojasVirtuaisFormasPagamentosPersonalizada' => array( 'id' => '3697', 'empresa_id' => '395565', 'loja_id' => '522581', 'nome' => '', 'loja_virtual_forma_pagamento_id' => '20526', 'forma_pagamento_id' => '5008309', 'nome_forma_pagamento' => 'Pagar na entrega', 'desconto_a_vista' => '', 'descricao' => 'O pagamento deverá ser efetuado no momento da entrega do produto. A máquina de cartão será enviada junto com o responsável pela entrega.', 'dias_vencimento' => '5', 'ativo' => '1', 'usuario_id' => '968222', 'nome_usuario' => 'Alex Melo', 'cadastrado_em' => '2025-09-15 21:08:31', 'modificado_em' => '2025-09-15 21:08:31' ), 'tipo_pagamento' => null, 'Bandeiras' => array( (int) 0 => 'entrega' ) ), (int) 2 => array( 'id' => '205280', 'empresa_id' => '395565', 'loja_id' => '522581', 'forma_pagamento_id' => '6005246', 'dias_vencimento' => '5', 'nome' => 'Cartão (Link será enviado por E-mail)', 'plugin' => 'Ecommerce', 'model' => 'LojasVirtuaisFormasPagamentosPersonalizada', 'icone' => 'icone_pagamento.png', 'foreign_key' => '3698', 'ativo' => (int) 1, 'padrao_sistema' => '0', 'ordem' => '7', 'bandeiras' => '', 'LojasVirtuaisFormasPagamentosPersonalizada' => array( 'id' => '3698', 'empresa_id' => '395565', 'loja_id' => '522581', 'nome' => 'Cartão (Link será enviado por E-mail)', 'loja_virtual_forma_pagamento_id' => '20528', 'forma_pagamento_id' => '6005246', 'nome_forma_pagamento' => 'Cartão (Link será enviado por E-mail)', 'desconto_a_vista' => '', 'descricao' => 'Após a confirmação do seu pedido, o sistema enviará automaticamente um link de pagamento para o e-mail cadastrado. Fique atento à sua caixa de entrada para concluir a transação com segurança e agilidade.', 'dias_vencimento' => '5', 'ativo' => '1', 'usuario_id' => '968222', 'nome_usuario' => 'Alex Melo', 'cadastrado_em' => '2025-09-15 21:09:07', 'modificado_em' => '2025-09-19 13:47:48' ), 'tipo_pagamento' => null, 'Bandeiras' => '' ) ) $codigosHTML = array( 'javascript' => array( (int) 0 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verificar se estamos na página correta pela URL if (window.location.href.includes('/pagina/como-comprar')) { // Encontrar a seção existente const section = document.querySelector('section#section'); // Verificar se a seção existe e modificá-la if (section) { // Limpar o conteúdo existente da seção section.innerHTML = ''; // Criar o novo conteúdo HTML para substituir const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #3498db, #2c3e50); padding: 40px 20px; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; font-weight: bold; margin-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Como Comprar</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Como Comprar</li> </ol> </nav> </div> </div> </div> <div class="row justify-content-center"> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-shopping-cart"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Passos para Compra</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Siga nosso guia passo a passo para realizar sua compra com facilidade.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-credit-card"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Formas de Pagamento</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Conheça nossas opções de pagamento para sua conveniência.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-truck"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Informações de Frete</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Saiba como rastrear seu pedido e os prazos de entrega.</p> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <div style="background-color: #f8f9fa; padding: 40px; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); margin-top: 40px;"> <h2 style="color: #2c3e50; font-weight: bold; font-size: 28px; margin-bottom: 20px;">Detalhes do Processo de Compra</h2> <ol style="font-size: 18px; line-height: 1.8; color: #34495e; margin-left: 20px;"> <li>Para efetuar a compra, primeiro você deve ser cadastrado na nossa loja.</li> <li>Escolha o produto que está disponível ou faça a sua encomenda.</li> <li>Daremos opções de envios e seus valores (o frete é de responsabilidade do cliente).</li> <li>Escolha o frete.</li> <li>Escolha a forma de pagamento.</li> <li>Após a confirmação do pagamento pela instituição financeira, o produto é enviado.</li> </ol> <h3 style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-top: 30px; margin-bottom: 15px;">Condições de Pagamento</h3> <ul style="font-size: 18px; line-height: 1.8; color: #34495e; list-style-type: none; padding-left: 0;"> <li>- Boleto Bancário</li> <li>- Cartão de Crédito</li> <li>- Depósito Bancário</li> </ul> <h3 style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-top: 30px; margin-bottom: 15px;">Informações de Frete</h3> <ul style="font-size: 18px; line-height: 1.8; color: #34495e; list-style-type: none; padding-left: 0;"> <li>- Após o envio do produto, enviamos o código de rastreamento para que o cliente possa acompanhar a entrega.</li> <li>- O envio dos produtos é feito pelos Correios, por isso não nos responsabilizamos por eventuais atrasos na entrega.</li> </ul> </div> </div> </div> </div> `; // Inserir o novo conteúdo dentro da seção existente section.innerHTML = newHTML; // Adicionar animações aos cards const cards = document.querySelectorAll('.card'); // Adicionando uma animação suave ao passar o mouse sobre os cards cards.forEach(card => { card.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-10px)'; this.style.boxShadow = '0 10px 20px rgba(0, 0, 0, 0.1)'; }); card.addEventListener('mouseleave', function() { this.style.transform = 'translateY(0)'; this.style.boxShadow = '0 4px 6px rgba(0,0,0,0.1)'; }); }); // Adicionando estilos globais para responsividade e ajustes const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .breadcrumb-link:hover { text-decoration: underline !important; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .card-body { padding: 20px !important; } .card-title { font-size: 20px !important; } .card-text { font-size: 14px !important; } ol, ul { font-size: 16px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 1 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Pegue o texto do conteúdo "Sobre a loja" var sobreLojaElement = document.querySelector('.col-sm-5.mr-lg-auto p'); // Seleciona o parágrafo dentro da div que contém o texto "Sobre a loja" var textoSobreLoja = sobreLojaElement ? sobreLojaElement.innerHTML : 'Texto padrão de sobre a loja'; // Armazena o conteúdo var footerExistente = document.getElementById('rodape'); if (footerExistente) { // Remover o footer existente footerExistente.remove(); // Criar o novo footer var novoFooter = document.createElement('footer'); novoFooter.id = 'novoRodape'; novoFooter.innerHTML = ` <div class="container"> <div class="footer-top"> <div class="footer-col"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/files/ecommerce/arquivos/395565/cac78803038a8f535313c270d01759a79ea35ba0.png" alt="Logomarca JAMP - Sua evolução em todos os momentos" class="footer-logo"> <p class="footer-text"> ${textoSobreLoja} <!-- Insere o conteúdo "Sobre a loja" aqui --> </p> </div> <div class="footer-col"> <h3 class="footer-title">Atendimento</h3> <p class="footer-text"><i class="fas fa-phone"></i> (79) 3512-2501</p> <p class="footer-text"><i class="fas fa-envelope"></i> contato@jampsolucoes.com.br</p> <p class="footer-text">Horário de atendimento: Segunda a Sexta de 08h às 18h e Sábado de 08h ás 13h</p> <div class="social-links"> <a href="https://www.instagram.com/jampsolucoes/"><i class="fab fa-facebook"></i></a> <a href="https://www.instagram.com/jampsolucoes/"><i class="fab fa-instagram"></i></a> </div> </div> <div class="footer-col"> <h3 class="footer-title">Institucional</h3> <ul> <li><a href="/pagina/quem-somos" class="footer-link">Quem Somos</a></li> <li><a href="/pagina/politica-de-privacidade" class="footer-link">Política de Privacidade</a></li> <li><a href="/pagina/trocas-e-devolucoes" class="footer-link">Trocas e Devoluções</a></li> <li><a href="/pagina/duvidas-frequentes" class="footer-link">Dúvidas Frequentes</a></li> </ul> </div> <div class="footer-col"> <h3 class="footer-title">Ajuda e Suporte</h3> <ul> <li><a href="/restrito/minha_conta" class="footer-link">Minha Conta</a></li> <li><a href="/restrito/pedidos" class="footer-link">Meus Pedidos</a></li> <li><a href="/pagina/como-comprar" class="footer-link">Formas de Pagamento</a></li> <li><a href="/pagina/fale-conosco" class="footer-link">Fale Conosco</a></li> </ul> </div> <div class="footer-col"> <h3 class="footer-title">Certificados e Segurança</h3> <img src="/img/logos/ssl.png" alt="Certificado SSL"> </div> <!-- Nova coluna para os ícones de pagamento --> <div class="footer-col"> <h3 class="footer-title">Formas de Pagamento</h3> <ul class="linksfooter"> <span class="icones-pagamento-footer icone-visa"></span> <span class="icones-pagamento-footer icone-master"></span> <span class="icones-pagamento-footer icone-boleto"></span> <span class="icones-pagamento-footer icone-pix"></span> </ul> </div> </div> <div class="footer-bottom"> <p class="footer-text">© 2024 JAMP - Sua evolução em todos os momentos - CNPJ: 18.117.958/0001-22. Todos os direitos reservados.</p> </div> </div> `; // Adicionar o novo footer ao final do body document.body.appendChild(novoFooter); } });</script>' ), (int) 2 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function () { // Verifica se está na URL especificada if (window.location.href.includes('/produto/')) { // Evita duplicação verificando se já existe um container de abas if (!document.querySelector('.tab-container')) { // Verifica e espera que os elementos estejam disponíveis var checkExist = setInterval(function () { var descricaoDiv = document.querySelector('.descricao.col-sm-12'); var botoesCompartilhamento = document.querySelector('.botoes-compartilhamento.col-sm-12'); // Verifica se a descrição foi encontrada if (descricaoDiv && !descricaoDiv.querySelector('.tab-container')) { // Pega o conteúdo da div var descricaoCompleta = descricaoDiv.innerHTML; // Separa a descrição e as informações técnicas var descricao = descricaoCompleta.split("INFORMAÇÕES TÉCNICAS")[0].trim(); var informacoesTecnicas = descricaoCompleta.split("INFORMAÇÕES TÉCNICAS")[1] ? descricaoCompleta.split("INFORMAÇÕES TÉCNICAS")[1].trim() : ''; // Cria a estrutura de tabs (abas) var novoConteudo = ` <div class="tab-container"> <ul class="tab-list"> <li class="tab-item active" data-tab="descricao">Descrição do Produto</li> <li class="tab-item" data-tab="info-tecnica">Informações Técnicas</li> </ul> <div class="tab-content"> <div class="tab-pane active" id="descricao">${descricao}</div> <div class="tab-pane" id="info-tecnica">INFORMAÇÕES TÉCNICAS<br>${informacoesTecnicas}</div> </div> </div> `; // Insere o novo conteúdo na página descricaoDiv.innerHTML = novoConteudo; // Função para alternar as abas var tabItems = document.querySelectorAll('.tab-item'); var tabPanes = document.querySelectorAll('.tab-pane'); tabItems.forEach(function(item) { item.addEventListener('click', function() { // Remove a classe 'active' de todas as abas e conteúdo tabItems.forEach(function(i) { i.classList.remove('active'); }); tabPanes.forEach(function(pane) { pane.classList.remove('active'); }); // Ativa a aba clicada e seu conteúdo correspondente var tabTarget = item.getAttribute('data-tab'); item.classList.add('active'); document.getElementById(tabTarget).classList.add('active'); }); }); // Para o intervalo de verificação, pois o elemento foi encontrado clearInterval(checkExist); } // Remove a seção de compartilhamento, se existir if (botoesCompartilhamento) { botoesCompartilhamento.remove(); } }, 500); // Verifica a cada 500ms } } });</script>' ), (int) 3 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script></script>' ), (int) 4 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // 1. Remover o dropdown e deixar somente o número de telefone principal const dropdown = document.querySelector('.topbar-text.dropdown'); if (dropdown) { const phoneNumberLink = dropdown.querySelector('.topbar-link.dropdown-toggle'); if (phoneNumberLink) { phoneNumberLink.classList.remove('dropdown-toggle'); // Remover o dropdown const ulDropdown = dropdown.querySelector('ul'); if (ulDropdown) { ulDropdown.remove(); // Remover o dropdown } } } // 2. Alterar o texto para "Seja Bem Vindo a Jamp" e alterar o ícone de coração para preenchido const welcomeTextElements = document.querySelectorAll('.topbar-link'); welcomeTextElements.forEach(function(element) { if (element.innerText.includes("Seja bem-vindo(a)")) { element.innerHTML = '<i class="fa fa-heart"></i> Seja Bem Vindo a Jamp !'; // Substituir o ícone e o texto } }); // 3. Modificar o nome de "Meus pedidos" e trocar o ícone const pedidosLink = document.querySelector('a[href="/restrito/pedidos"]'); if (pedidosLink) { pedidosLink.innerHTML = '<i class="fa fa-box"></i> Minhas Compras'; // Alterar ícone e texto } // 4. Alterar o ícone do telefone para um ícone preenchido const phoneIcon = document.querySelector('.czi-phone'); if (phoneIcon) { phoneIcon.classList.remove('czi-phone'); phoneIcon.classList.add('fa', 'fa-phone'); // Alterar para o ícone preenchido } });</script>' ), (int) 5 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verificar se estamos na página correta pela URL if (window.location.href.includes('/pagina/quem-somos')) { // Encontrar a seção existente const section = document.querySelector('section#section'); // Verificar se a seção existe e modificá-la if (section) { // Guardar o conteúdo do parágrafo atual const paragrafoTexto = section.querySelector('p').innerText; // Limpar o conteúdo existente da seção section.innerHTML = ''; // Criar o novo conteúdo HTML para substituir const newHTML = ` <div class="quem-somos-container" style="font-family: 'Arial', sans-serif; max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <header style="background: linear-gradient(135deg, #3498db, #2c3e50); color: white; padding: 60px 20px; text-align: center; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; margin-bottom: 20px; color: #ffffff;">Quem Somos</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Quem Somos</li> </ol> </nav> </header> <div class="main-content" style="background-color: #f8f9fa; border-radius: 10px; padding: 40px; margin-bottom: 40px;"> <p style="font-size: 18px; line-height: 1.8; text-align: justify; color: #333; margin-bottom: 0;"> ${paragrafoTexto} </p> </div> <div class="cards-container" style="display: flex; justify-content: space-between; flex-wrap: wrap;"> <div class="card mission-card" style="flex-basis: calc(33.333% - 20px); background-color: white; border-radius: 10px; padding: 30px; margin-bottom: 30px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); transition: all 0.3s ease; text-align: center;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-bullseye"></i> </div> <h3 style="color: #2c3e50; font-weight: bold; margin-bottom: 15px; font-size: 24px;">Missão</h3> <p style="color: #666; font-size: 16px;">Nossa missão é oferecer produtos de alta qualidade e um atendimento excepcional para garantir a satisfação dos nossos clientes.</p> </div> <div class="card vision-card" style="flex-basis: calc(33.333% - 20px); background-color: white; border-radius: 10px; padding: 30px; margin-bottom: 30px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); transition: all 0.3s ease; text-align: center;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-eye"></i> </div> <h3 style="color: #2c3e50; font-weight: bold; margin-bottom: 15px; font-size: 24px;">Visão</h3> <p style="color: #666; font-size: 16px;">Ser referência em tecnologia e inovação, oferecendo soluções completas para o crescimento dos nossos clientes e parceiros.</p> </div> <div class="card values-card" style="flex-basis: calc(33.333% - 20px); background-color: white; border-radius: 10px; padding: 30px; margin-bottom: 30px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); transition: all 0.3s ease; text-align: center;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-gavel"></i> </div> <h3 style="color: #2c3e50; font-weight: bold; margin-bottom: 15px; font-size: 24px;">Valores</h3> <p style="color: #666; font-size: 16px;">Ética, transparência, inovação e comprometimento são os pilares que norteiam todas as nossas ações e decisões.</p> </div> </div> </div> `; // Inserir o novo conteúdo dentro da seção existente section.innerHTML = newHTML; // Adicionar animações aos cards const cards = document.querySelectorAll('.card'); // Adiciona uma animação suave ao passar o mouse sobre os cards cards.forEach(card => { card.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease'; card.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-10px)'; this.style.boxShadow = '0 15px 30px rgba(0, 0, 0, 0.1)'; }); card.addEventListener('mouseleave', function() { this.style.transform = 'translateY(0)'; this.style.boxShadow = '0 10px 20px rgba(0, 0, 0, 0.05)'; }); }); // Adicionar estilos globais const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .mb-5, .my-5 { margin-bottom: 1rem !important; } .breadcrumb-link:hover { text-decoration: underline !important; } @media (max-width: 768px) { .quem-somos-container { padding: 20px; } .card { flex-basis: 100% !important; } header { padding: 40px 20px !important; } h1 { font-size: 28px !important; } .main-content { padding: 20px !important; } .main-content p { font-size: 16px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 6 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verificar se estamos na página correta pela URL if (window.location.href.includes('/pagina/trocas-e-devolucoes')) { // Encontrar a seção existente const section = document.querySelector('section#section'); // Verificar se a seção existe e modificá-la if (section) { // Guardando o conteúdo do parágrafo atual const paragrafoTexto = section.querySelector('div.col-sm-12').innerText; // Limpando o conteúdo existente da seção section.innerHTML = ''; // Criando o novo conteúdo HTML para substituir const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #3498db, #2c3e50); padding: 40px 20px; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; font-weight: bold; margin-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Trocas e Devoluções</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Trocas e Devoluções</li> </ol> </nav> </div> </div> </div> <div class="row"> <div class="col-12"> <p style="font-size: 18px; line-height: 1.8; text-align: justify; color: #34495e; margin-bottom: 60px;"> ${paragrafoTexto} </p> </div> </div> <div class="row justify-content-center"> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-exchange-alt"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Condições para Troca</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Verifique as condições de troca antes de encaminhar o produto para evitar problemas.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-box-open"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Devolução Correta</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Acondicione o produto corretamente e acompanhe o DANFE para que o produto seja aceito.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-truck"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Envio Fácil</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Enviaremos o código de postagem para que você devolva o produto de forma simples e rápida.</p> </div> </div> </div> </div> </div> `; // Inserir o novo conteúdo dentro da seção existente section.innerHTML = newHTML; // Adicionar animações aos cards const cards = document.querySelectorAll('.card'); // Adicionando uma animação suave ao passar o mouse sobre os cards cards.forEach(card => { card.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-10px)'; this.style.boxShadow = '0 10px 20px rgba(0, 0, 0, 0.1)'; }); card.addEventListener('mouseleave', function() { this.style.transform = 'translateY(0)'; this.style.boxShadow = '0 4px 6px rgba(0,0,0,0.1)'; }); }); // Adicionando estilos globais para responsividade e ajustes const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .mb-5, .my-5 { margin-bottom: 1rem !important; } .breadcrumb-link:hover { text-decoration: underline !important; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .card-body { padding: 20px !important; } .card-title { font-size: 20px !important; } .card-text { font-size: 14px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 7 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verificar se estamos na página correta pela URL if (window.location.href.includes('/pagina/politica-de-privacidade')) { // Encontrar a seção existente const section = document.querySelector('section#section'); // Verificar se a seção existe e modificá-la if (section) { // Guardar o conteúdo do parágrafo atual const paragrafoTexto = section.querySelector('div.col-sm-12').innerHTML; // Limpar o conteúdo existente da seção section.innerHTML = ''; // Criar o novo conteúdo HTML para substituir const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #3498db, #2c3e50); padding: 40px 20px; border-radius: 10px;"> <h1 style="font-size: 36px; font-weight: bold; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Política de Privacidade</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" class="breadcrumb-link" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Política de Privacidade</li> </ol> </nav> </div> </div> </div> <div class="row"> <div class="col-12"> <p style="font-size: 18px; line-height: 1.8; text-align: justify; color: #34495e; margin-bottom: 60px"> ${paragrafoTexto} </p> </div> </div> <div class="row justify-content-center" style="margin-top: 40px;"> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-shield-alt"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 30px;">Segurança de Dados</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Nosso compromisso é garantir a segurança dos seus dados durante todo o processo de compra e navegação.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-user-shield"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Privacidade Respeitada</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Seus dados pessoais nunca serão compartilhados com terceiros sem seu consentimento.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> <div class="card-body text-center" style="padding: 30px;"> <div style="font-size: 48px; color: #3498db; margin-bottom: 20px;"> <i class="fas fa-lock"></i> </div> <h3 class="card-title" style="color: #2c3e50; font-weight: bold; font-size: 24px; margin-bottom: 15px;">Proteção Total</h3> <p class="card-text" style="color: #7f8c8d; font-size: 16px;">Usamos criptografia de ponta a ponta para garantir que todas as transações sejam seguras.</p> </div> </div> </div> </div> </div> `; // Inserir o novo conteúdo dentro da seção existente section.innerHTML = newHTML; // Adicionar animações aos cards const cards = document.querySelectorAll('.card'); // Adicionando uma animação suave ao passar o mouse sobre os cards cards.forEach(card => { card.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-10px)'; this.style.boxShadow = '0 10px 20px rgba(0, 0, 0, 0.1)'; }); card.addEventListener('mouseleave', function() { this.style.transform = 'translateY(0)'; this.style.boxShadow = '0 4px 6px rgba(0,0,0,0.1)'; }); }); // Adicionar estilos globais e hover para breadcrumb const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .breadcrumb-link:hover { text-decoration: underline !important; } .mb-5, .my-5 { margin-bottom: 1rem !important; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .card-body { padding: 20px !important; } .card-title { font-size: 20px !important; } .card-text { font-size: 14px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 8 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function () { // Selecionar a div navbarCollapse onde será inserido o novo conteúdo var navbarCollapse = document.getElementById('navbarCollapse'); // Selecionar todas as categorias principais dentro de <ul class="dropdown-menu"> do menu original var dropdownMenus = document.querySelectorAll('.dropdown-menu > li.dropdown'); var categoriasHTML = ''; // Verificar se há categorias e adicionar ao HTML dinamicamente if (dropdownMenus.length > 0) { dropdownMenus.forEach(function (categoria) { // Capturar o link da categoria principal var categoriaLink = categoria.querySelector('a').getAttribute('href'); var categoriaTexto = categoria.querySelector('a').textContent.trim(); // Criar o HTML para a categoria principal categoriasHTML += ` <li class="dropdown"> <a class="dropdown-item dropdown-toggle" href="${categoriaLink}" data-toggle="dropdown"> ${categoriaTexto} </a> <ul class="dropdown-menu"> `; // Selecionar todas as subcategorias dentro dessa categoria principal var subCategorias = categoria.querySelectorAll('.widget-list-item a'); // Verificar se há subcategorias if (subCategorias.length > 0) { subCategorias.forEach(function (subCategoria) { var subCategoriaLink = subCategoria.getAttribute('href'); var subCategoriaTexto = subCategoria.textContent.trim(); // Adicionar as subcategorias ao HTML categoriasHTML += ` <li class="widget-list-item pb-1"> <a class="widget-list-link" href="${subCategoriaLink}">${subCategoriaTexto}</a> </li> `; }); } else { categoriasHTML += '<li><a href="#">Nenhuma subcategoria disponível</a></li>'; } // Fechar o HTML da categoria principal categoriasHTML += ` </ul> </li> `; }); } else { // Caso não tenha encontrado nenhuma categoria categoriasHTML = `<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Nenhuma categoria disponível</a></li>`; } // Agora que temos certeza de que encontramos as categorias, limpar o conteúdo existente if (navbarCollapse) { navbarCollapse.innerHTML = ''; // Limpar o conteúdo existente // Criar o novo conteúdo do menu, incluindo as categorias var menuHTML = ` <form action="/busca" role="search" method="get" accept-charset="utf-8" novalidate="novalidate"> <div class="input-group-overlay d-lg-none my-3"> <div class="input-group-prepend-overlay"> <span class="input-group-text"> <i class="czi-search"></i> </span> </div> <input class="form-control prepended-form-control" name="q" type="text" placeholder="Digite o que procura" value=""> </div> </form> <ul class="list-unstyled navbar-nav mega-nav pr-lg-2 mr-lg-2"> <li class="nav-item active"> <a class="nav-link" href="/">Home</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle pl-0" href="#" data-toggle="dropdown"> <i class="czi-menu align-middle mt-n1 mr-2"></i>Todas as categorias </a> <ul class="dropdown-menu"> ${categoriasHTML} <!-- Inserir as categorias e subcategorias dinamicamente aqui --> </ul> </li> <li class="nav-item"><a class="nav-link" href="/pagina/quem-somos">Quem Somos</a></li> <li class="nav-item"><a class="nav-link" href="/pagina/trocas-e-devolucoes">Trocas e Devoluções</a></li> <li class="nav-item"><a class="nav-link" href="/pagina/politica-de-privacidade">Política de Privacidade</a></li> <li class="nav-item"><a class="nav-link" href="/pagina/duvidas-frequentes">Dúvidas Frequentes</a></li> <li class="nav-item"><a class="nav-link" href="/pagina/como-comprar">Como Comprar</a></li> <li class="nav-item"><a class="nav-link" href="/pagina/fale-conosco">Fale Conosco</a></li> </ul> `; // Inserir o novo conteúdo na div de navegação navbarCollapse.innerHTML = menuHTML; } // Adiciona o comportamento do dropdown no mobile var dropdownToggles = document.querySelectorAll('.dropdown-toggle'); dropdownToggles.forEach(function (toggle) { toggle.addEventListener('click', function (e) { e.preventDefault(); var parentLi = this.parentElement; var dropdownMenu = parentLi.querySelector('.dropdown-menu'); dropdownMenu.classList.toggle('show'); // Exibe/oculta o dropdown }); }); });</script>' ), (int) 9 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verificar se estamos na página correta pela URL if (window.location.href.includes('/pagina/duvidas-frequentes')) { // Encontrar a seção existente const section = document.querySelector('section#section'); // Verificar se a seção existe e modificá-la if (section) { // Limpar o conteúdo existente da seção section.innerHTML = ''; // Criar o novo conteúdo HTML para substituir const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #3498db, #2c3e50); padding: 40px 20px; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; font-weight: bold; margin-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Dúvidas Frequentes</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Dúvidas Frequentes</li> </ol> </nav> </div> </div> </div> <div class="row"> <div class="col-12"> <div id="faq" class="faq-container"> <div class="faq-item mb-4"> <h3 class="faq-question" style="cursor: pointer; font-size: 20px; color: #2c3e50; font-weight: bold; padding: 20px; background-color: #f8f9fa; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> Como efetuar a compra? <i class="fas fa-chevron-down" style="transition: transform 0.3s ease;"></i> </h3> <div class="faq-answer" style="display: none; padding: 20px; font-size: 16px; line-height: 1.6; color: #34495e; border-left: 4px solid #3498db; margin-top: 10px;"> Sua compra pode ser efetuada através do Site. </div> </div> <div class="faq-item mb-4"> <h3 class="faq-question" style="cursor: pointer; font-size: 20px; color: #2c3e50; font-weight: bold; padding: 20px; background-color: #f8f9fa; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> Tenho que ter CNPJ para comprar? <i class="fas fa-chevron-down" style="transition: transform 0.3s ease;"></i> </h3> <div class="faq-answer" style="display: none; padding: 20px; font-size: 16px; line-height: 1.6; color: #34495e; border-left: 4px solid #3498db; margin-top: 10px;"> Não, atendemos também pessoa física. </div> </div> <div class="faq-item mb-4"> <h3 class="faq-question" style="cursor: pointer; font-size: 20px; color: #2c3e50; font-weight: bold; padding: 20px; background-color: #f8f9fa; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> Quem paga o frete? <i class="fas fa-chevron-down" style="transition: transform 0.3s ease;"></i> </h3> <div class="faq-answer" style="display: none; padding: 20px; font-size: 16px; line-height: 1.6; color: #34495e; border-left: 4px solid #3498db; margin-top: 10px;"> O Frete é por conta do comprador e calculado de acordo com o peso do pedido, somente negociamos frete dependendo da quantidade de produtos. </div> </div> <div class="faq-item mb-4"> <h3 class="faq-question" style="cursor: pointer; font-size: 20px; color: #2c3e50; font-weight: bold; padding: 20px; background-color: #f8f9fa; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> Quanto tempo demora para a mercadoria chegar na minha residência? <i class="fas fa-chevron-down" style="transition: transform 0.3s ease;"></i> </h3> <div class="faq-answer" style="display: none; padding: 20px; font-size: 16px; line-height: 1.6; color: #34495e; border-left: 4px solid #3498db; margin-top: 10px;"> O tempo é de acordo com a aprovação do pagamento, se for por Depósito Bancário a confirmação é imediata. Quanto ao envio, é feito pelos Correios, e o prazo depende da opção de frete: Sedex ou Pac. </div> </div> <div class="faq-item mb-4"> <h3 class="faq-question" style="cursor: pointer; font-size: 20px; color: #2c3e50; font-weight: bold; padding: 20px; background-color: #f8f9fa; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease;"> Quais as formas de pagamento? <i class="fas fa-chevron-down" style="transition: transform 0.3s ease;"></i> </h3> <div class="faq-answer" style="display: none; padding: 20px; font-size: 16px; line-height: 1.6; color: #34495e; border-left: 4px solid #3498db; margin-top: 10px;"> As formas de pagamento incluem cartão de crédito, transferência bancária, boleto e depósito bancário. </div> </div> </div> </div> </div> </div> `; // Inserir o novo conteúdo dentro da seção existente section.innerHTML = newHTML; // Adicionar interatividade para expandir as respostas das perguntas const faqItems = document.querySelectorAll('.faq-item'); faqItems.forEach(item => { const question = item.querySelector('.faq-question'); const answer = item.querySelector('.faq-answer'); const icon = item.querySelector('.fa-chevron-down'); question.addEventListener('click', function() { if (answer.style.display === 'none' || answer.style.display === '') { answer.style.display = 'block'; icon.style.transform = 'rotate(180deg)'; question.style.backgroundColor = '#e3f2fd'; } else { answer.style.display = 'none'; icon.style.transform = 'rotate(0deg)'; question.style.backgroundColor = '#f8f9fa'; } }); }); // Adicionar estilos globais const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .faq-question:hover { background-color: #e3f2fd; } .faq-answer { transition: max-height 0.4s ease; } .breadcrumb-link:hover { text-decoration: underline !important; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .faq-question { font-size: 18px !important; padding: 15px !important; } .faq-answer { font-size: 14px !important; padding: 15px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 10 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { if (window.location.href.includes('/pagina/fale-conosco')) { const section = document.querySelector('section#section'); if (section) { section.innerHTML = ''; const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #3498db, #2c3e50); padding: 40px 20px; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; font-weight: bold; margin-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Fale Conosco</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Fale Conosco</li> </ol> </nav> </div> </div> </div> <div class="row mb-5"> <div class="col-md-4 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body text-center" style="padding: 30px;"> <i class="fas fa-map-marker-alt fa-3x mb-3" style="color: #3498db;"></i> <h3 class="card-title mb-3" style="color: #2c3e50; font-weight: bold; font-size: 24px;">Endereço</h3> <p class="card-text">Rua Riachuelo, 1200<br>São José, Aracaju - SE</p> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body text-center" style="padding: 30px;"> <i class="fas fa-phone fa-3x mb-3" style="color: #3498db;"></i> <h3 class="card-title mb-3" style="color: #2c3e50; font-weight: bold; font-size: 24px;">Telefone</h3> <p class="card-text">(79) 2106-1152<br>WhatsApp: (79) 99857-5259</p> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body text-center" style="padding: 30px;"> <i class="fas fa-envelope fa-3x mb-3" style="color: #3498db;"></i> <h3 class="card-title mb-3" style="color: #2c3e50; font-weight: bold; font-size: 24px;">E-mail</h3> <p class="card-text">contato@jampsolucoes.com.br</p> </div> </div> </div> </div> <div class="row"> <div class="col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body d-flex flex-column" style="padding: 30px;"> <h3 class="card-title mb-4" style="color: #2c3e50; font-weight: bold; font-size: 24px;">Entre em Contato</h3> <form id="form-fale-conosco" method="post" action="/envia_contato" class="flex-grow-1 d-flex flex-column"> <div class="form-group mb-3"> <label for="nome" class="form-label">Nome</label> <input type="text" class="form-control" id="nome" name="data[Contato][nome]" required> </div> <div class="form-group mb-3"> <label for="email" class="form-label">E-mail de contato</label> <input type="email" class="form-control" id="email" name="data[Contato][email]" required> </div> <div class="form-group mb-3"> <label for="telefone" class="form-label">Telefone</label> <input type="tel" class="form-control" id="telefone" name="data[Contato][telefone]" required> </div> <div class="form-group mb-3"> <label for="assunto" class="form-label">Assunto</label> <input type="text" class="form-control" id="assunto" name="data[Contato][assunto]" required> </div> <div class="form-group mb-3 flex-grow-1"> <label for="mensagem" class="form-label">Mensagem</label> <textarea class="form-control h-100" id="mensagem" name="data[Contato][mensagem]" required></textarea> </div> <div class="text-center mt-3"> <button type="submit" class="btn btn-primary btn-lg" style="background-color: #0F3175; margin-top: 40px; border-color: #0F3175; padding: 10px 30px; font-size: 18px; transition: all 0.3s ease;">Enviar Mensagem</button> </div> </form> </div> </div> </div> <div class="col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body" style="padding: 0;"> <div style="position: relative; padding-bottom: 100%; height: 0; overflow: hidden;"> <iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;" src="https://maps.google.com/maps?q=Rua Riachuelo,+1200,+São José,+Aracaju,+SE&output=embed&ie=UTF8&" allowfullscreen title="Localização no Google Maps"></iframe> </div> </div> </div> </div> </div> </div> `; section.innerHTML = newHTML; const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .breadcrumb-link:hover { text-decoration: underline !important; } .btn-primary { background-color: #0F3175; border-color: #0F3175; transition: all 0.3s ease; } .btn-primary:hover { background-color: #0A4EA0 !important; border-color: #0A4EA0 !important; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); } .card { transition: all 0.3s ease; } .card:hover { transform: translateY(-5px); box-shadow: 0 8px 15px rgba(0,0,0,0.1); } .form-control { border: 1px solid #ced4da; border-radius: 5px; transition: all 0.3s ease; } .form-control:focus { border-color: #3498db; box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25); } textarea.form-control { resize: none; } .mb-5, .my-5 { margin-bottom: 1rem !important; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .card-body { padding: 20px !important; } } `; document.head.appendChild(style); } } });</script>' ), (int) 11 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { if (window.location.href.includes('/login')) { const section = document.querySelector('section#section'); if (section) { section.innerHTML = ''; const newHTML = ` <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;"> <div class="row"> <div class="col-12 text-center mb-5"> <div style="background: linear-gradient(135deg, #0F3175, #3498db); padding: 40px 20px; border-radius: 10px; margin-bottom: 40px;"> <h1 style="font-size: 36px; font-weight: bold; margin-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">Login</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center" style="background-color: rgba(255,255,255,0.1); display: inline-flex; padding: 10px 20px; border-radius: 20px; font-size: 14px; list-style-type: none;"> <li class="breadcrumb-item" style="margin-right: 10px;"> <a href="/" style="color: #fff; text-decoration: none;">Página Inicial</a> </li> <li class="breadcrumb-item active" aria-current="page" style="color: rgba(255,255,255,0.7);">Login</li> </ol> </nav> </div> </div> </div> <div class="row"> <div class="col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body d-flex flex-column" style="padding: 30px;"> <h3 class="card-title mb-4" style="color: #2c3e50; font-weight: bold; font-size: 24px;">Já sou cliente</h3> <form id="form-login" method="post" action="/login" class="flex-grow-1 d-flex flex-column"> <div class="form-group mb-3"> <label for="email" class="form-label">E-mail <span style="color: red;">*</span></label> <input type="email" class="form-control" id="email" name="data[Cliente][loja_virtual_email]" required> </div> <div class="form-group mb-3"> <label for="password" class="form-label">Senha <span style="color: red;">*</span></label> <input type="password" class="form-control" id="password" name="data[Cliente][loja_virtual_senha]" required> </div> <div class="d-flex justify-content-between align-items-center"> <a href="#" class="esqueci-senha" style="font-size: 12px; color: #0F3175;" id="forgotPasswordLink">Esqueci minha senha</a> <button type="submit" class="btn btn-primary" style="background-color: #0F3175; border-color: #0F3175; padding: 10px 30px; font-size: 18px; transition: all 0.3s ease;">Entrar</button> </div> </form> </div> </div> </div> <div class="col-md-6 mb-4"> <div class="card h-100" style="border: none; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <div class="card-body d-flex flex-column" style="padding: 30px;"> <h3 class="card-title mb-4" style="color: #2c3e50; font-weight: bold; font-size: 24px;">Ainda não possuo cadastro</h3> <p class="text-muted mb-4" style="font-size: 14px;">O registro leva menos de um minuto e oferece controle total sobre seus pedidos.</p> <form id="form-cadastro" method="get" action="/cadastrar" class="flex-grow-1 d-flex flex-column"> <div class="form-group mb-3"> <label for="cadastroEmail" class="form-label">Digite o email que deseja cadastrar <span style="color: red;">*</span></label> <input type="email" class="form-control" id="cadastroEmail" name="email" required> </div> <div class="text-center mt-3"> <button type="submit" class="btn btn-success" style="background-color: #0F3175; border-color: #0F3175; padding: 10px 30px;">Cadastrar</button> </div> </form> </div> </div> </div> </div> <!-- Modal para Esqueci Minha Senha --> <div class="modal fade" id="forgotPasswordModal" tabindex="-1" aria-labelledby="forgotPasswordModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="forgotPasswordModalLabel">Esqueci Minha Senha</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form id="forgotPasswordForm" method="post" action="/clientes/esqueci_minha_senha"> <div class="form-group"> <label for="forgotPasswordEmail" class="form-label">Digite seu e-mail</label> <input type="email" class="form-control" id="forgotPasswordEmail" name="email" required> </div> <button type="submit" class="btn btn-primary" style="background-color: #0F3175; margin-top: 20px; margin-bottom: 20px; border-color: #0F3175;">Enviar</button> </form> </div> </div> </div> </div> </div> `; section.innerHTML = newHTML; // Estilos personalizados const style = document.createElement('style'); style.textContent = ` body { background-color: #f8f9fa; color: #333; line-height: 1.6; } .breadcrumb-link:hover { text-decoration: underline !important; } .btn-primary, .btn-success { background-color: #0F3175; border-color: #0F3175; transition: all 0.3s ease; } .btn-primary:hover, .btn-success:hover { background-color: #0A4EA0 !important; border-color: #0A4EA0 !important; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); } .card { transition: all 0.3s ease; } .card:hover { transform: translateY(-5px); box-shadow: 0 8px 15px rgba(0,0,0,0.1); } .form-control { border: 1px solid #ced4da; border-radius: 5px; transition: all 0.3s ease; } .form-control:focus { border-color: #3498db; box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25); } .esqueci-senha:hover { text-decoration: underline; color: #2980b9; } textarea.form-control { resize: none; } @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 28px !important; } .card-body { padding: 20px !important; } } `; document.head.appendChild(style); // Ativar o modal ao clicar em "Esqueci minha senha" document.getElementById('forgotPasswordLink').addEventListener('click', function (event) { event.preventDefault(); $('#forgotPasswordModal').modal('show'); }); } } });</script>' ), (int) 12 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verifica se a URL contém "/restrito" if (window.location.href.includes('https://jampsolucoes.loja.click/restrito')) { // Seleciona a section com id 'section' const section = document.querySelector('section#section'); if (section) { // Aplica a margem superior e inferior section.style.marginTop = '50px'; section.style.marginBottom = '50px'; } } });</script>' ), (int) 13 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { // Verifica se a URL contém "/restrito" ou "/carrinho" if (window.location.href.includes('https://jampsolucoes.loja.click/restrito') || window.location.href.includes('https://jampsolucoes.loja.click/carrinho')) { // Seleciona a section com id 'section' const section = document.querySelector('section#section'); if (section) { // Aplica a margem superior e inferior section.style.marginTop = '50px'; section.style.marginBottom = '50px'; } } });</script>' ), (int) 14 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function () { // Verifica se a URL contém '/restrito/pedidos/acompanhamento' if (window.location.href.includes('/restrito/pedidos/acompanhamento')) { // Seleciona a div específica e ajusta seu margin-top var targetDiv = document.querySelector('.col-lg-12.col-xl-12'); if (targetDiv) { // Ajusta o margin-top para descer a div targetDiv.style.marginTop = '50px'; // Ajuste o valor conforme necessário } } });</script>' ), (int) 15 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function() { if (window.location.href.includes('https://jampsolucoes.loja.click/')) { if (!document.querySelector('.row-fbits-fabricantes')) { const productContainer = document.querySelector('.listagem-produtos'); if (productContainer) { const newSectionHTML = ` <div class="row row-fbits-fabricantes"> <div class="col-md-12"> <div class="fbits-componente-listaMarcas"> <div class="marquee"> <div class="marquee-content"> <div class="fbits-listaMarcas-item"> <a href="/fabricante/epson"> <img src="https://recursos.hitechinformatica.com.br/i/fabricante/EPSON.png" alt="EPSON"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/hyperx"> <img src="https://recursos.hitechinformatica.com.br/i/fabricante/HYPERX.png" alt="HYPERX"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/intel"> <img src="https://recursos.hitechinformatica.com.br/i/fabricante/INTEL.png" alt="INTEL"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/lenovo"> <img src="https://i0.wp.com/datadoktorn.org/wp-content/uploads/2021/09/Lenovo-logo-vector.png" alt="Lenovo"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/intelbras"> <img src="https://logodownload.org/wp-content/uploads/2016/09/intelbras-logo-6-2-599x116.png" alt="Intelbras"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/dell"> <img src="https://upload.wikimedia.org/wikipedia/commons/8/82/Dell_Logo.png" alt="Dell"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/hp"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/files/ecommerce/arquivos/395565/f9eda291a1eb0880b093920bd34cc471c9d6a36d.png" alt="Hp"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/corsair"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/files/ecommerce/arquivos/395565/3a810d568d2ea638eca0f73e253a10f0ccb02f73.png" alt="Corsair"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/acronis"> <img src="https://uniwan.be/wp-content/uploads/Acronis-logo-large.png" alt="Acronis"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/cougar"> <img src="https://recursos.hitechinformatica.com.br/i/fabricante/COUGAR.png" alt="Cougar"> </a> </div> <div class="fbits-listaMarcas-item"> <a href="/fabricante/rushfile"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/files/ecommerce/arquivos/395565/7ad7541afc72e238a8b63caa83947a32d2bb8009.png" alt="Rushfile"> </a> </div> </div> </div> </div> </div> </div> `; const newSection = document.createElement('div'); newSection.innerHTML = newSectionHTML; productContainer.parentNode.insertBefore(newSection, productContainer.nextSibling); } } } });</script>' ), (int) 16 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'javascript', 'codigo_html' => '<script>document.addEventListener('DOMContentLoaded', function () { // Verifica se a URL contém '/restrito/carrinho/confirma' if (window.location.href.includes('/restrito/carrinho/confirma')) { // Seleciona a div que contém o h1 e ajusta a cor var h1Title = document.querySelector('.h3.text-light.mb-0'); if (h1Title) { h1Title.style.color = '#0F3175'; // Cor do título h1Title.style.setProperty('color', '#0F3175', 'important'); // Força a cor com !important } // Estiliza os itens do breadcrumb var breadcrumbItems = document.querySelectorAll('.breadcrumb-item.text-nowrap, .breadcrumb-item.text-nowrap a'); breadcrumbItems.forEach(function(item) { item.style.color = '#0F3175'; // Aplica a cor desejada nos breadcrumbs item.style.setProperty('color', '#0F3175', 'important'); // Força a cor com !important }); // Estiliza o link da página inicial no breadcrumb var homeLink = document.querySelector('.breadcrumb-item a.text-nowrap'); if (homeLink) { homeLink.style.color = '#0F3175'; // Aplica a cor ao link homeLink.style.setProperty('color', '#0F3175', 'important'); // Força a cor com !important } // Pseudo-elemento ::before via CSS (não pode ser estilizado diretamente com JS) var style = document.createElement('style'); style.innerHTML = ` li.breadcrumb-item.text-nowrap.active::before { content: ''; display: inline-block; margin-right: 0.5rem; color: #0F3175; } `; document.head.appendChild(style); } });</script>' ) ), 'html' => array( (int) 0 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'html', 'codigo_html' => '<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">' ) ), 'css' => array( (int) 0 => array( 'local_publicacao' => 'cabecalho', 'tipo' => 'css', 'codigo_html' => '<style>/* Variáveis de cores da marca */ :root { --primary-dark: #0F3175; --primary-light: #0A4EA0; --text-dark: #000000; --text-light: #FFFFFF; --background-light: #F5F5F5; } /* Estilos gerais */ body { background-color: var(--background-light); color: var(--text-dark); } #tela-produto { background-color: var(--text-light); border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); padding: 30px; margin-bottom: 30px; } /* Estilos para o preço */ .valor-por { font-size: 2rem; font-weight: bold; color: black; margin: 20px 0; padding: 10px; background-color: var(--background-light); border-radius: 5px; display: inline-block; } #button-comprar { background: linear-gradient(45deg, var(--primary-dark), var(--primary-light)); color: var(--text-light); border: none; padding: 15px 30px; font-size: 1.2rem; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(10, 78, 160, 0.3); } #button-comprar:hover { background: linear-gradient(45deg, var(--primary-light), var(--primary-lighter)); transform: translateY(-3px); box-shadow: 0 6px 20px rgba(10, 78, 160, 0.4); } /* Estilos para campos de entrada */ input[type="text"], input[type="number"] { border: 1px solid var(--primary-light); border-radius: 5px; padding: 10px; font-size: 1rem; } /* Melhorias na galeria de imagens */ .foto-atual img { max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); } #carousel .item img { width: 70px; height: 70px; object-fit: cover; border: 2px solid var(--primary-light); border-radius: 5px; cursor: pointer; transition: border-color 0.3s; } #carousel .item img:hover { border-color: var(--primary-dark); } .cep .btn-primary { background-color: var(--primary-light); color: var(--text-light); border: none; padding: 12px 20px; border-radius: 8px; cursor: pointer; transition: background-color 0.3s; } .cep .btn-primary:hover { background-color: var(--primary-dark); } /* Responsividade */ @media (max-width: 768px) { #tela-produto { padding: 20px; } .valor-por { font-size: 1.75rem; } #button-comprar, .btn-primary { width: 100%; margin-top: 10px; } } /* Estilos para a aba */ .tab-container { width: 100%; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); background-color: #fff; border-radius: 10px; margin-top: 40px; overflow: hidden; /* Evita que as abas ultrapassem o container */ } .tab-list { display: flex; list-style: none; padding: 0; margin: 0; width: 100%; background-color: #f5f5f5; /* Fundo sutil para a lista de abas */ } .tab-item { flex-grow: 1; height: 50px; /* Aumentado para melhor clicabilidade */ line-height: 50px; cursor: pointer; text-align: center; font-size: 16px; font-weight: bold; background: linear-gradient(45deg, #0F3175, #0A4EA0); color: white; border-radius: 10px; transition: background-color 0.3s ease, color 0.3s ease; border-right: 1px solid rgba(255, 255, 255, 0.1); /* Separador sutil entre as abas */ } .tab-item:last-child { border-right: none; } .tab-item.active { background-color: #0F3175; position: relative; } .tab-item.active::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: #ffffff; /* Indicador da aba ativa */ } .tab-item:hover { background-color: #0D3D8A; } .tab-content { padding: 30px; background-color: white; border-radius: 0 0 10px 10px; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); width: 100%; } .tab-pane { display: none; } .tab-pane.active { display: block; animation: fadeIn 0.5s ease-in-out; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* Responsividade */ @media (max-width: 768px) { .tab-item { font-size: 14px; height: 40px; line-height: 40px; } .tab-content { padding: 20px; } }</style>' ) ) ) $categorias = array( 'code' => (int) 401, 'status' => 'error', 'data' => array( 'erro' => 'Anauthorized', 'mensagem' => 'Aeu plano expirou. Por favor, renove a sua assinatura!' ) ) $categoriasDestaque = array() $paginas = array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => (int) 6, 'total_paginas' => (int) 1, 'total_registros_pagina' => (int) 6, 'pagina_atual' => (int) 1, 'limite_por_pagina' => (int) 20, 'pagina_anterior' => null, 'url_anterior' => null, 'proxima_pagina' => null, 'proxima_url' => null ), 'data' => array( (int) 0 => array( 'id' => '31997', 'tipo' => '', 'nome' => 'Quem Somos', 'url' => 'quem-somos', 'url_customizada' => '', 'descricao' => '<p>A nossa loja procura oferecer os melhores produtos e atendimento diferenciado. Buscamos oferecer toda qualidade do nosso serviços também nos produtos para que possa ter a confiaça na compra. A nossa empresa possui valores sólidos e voltados à satisfação do cliente, conquistou uma posição nova no mercado, pois trabalhamos somente com produtos confiáveis no segmento em que atua. Tem como prioridade a busca constante pela excelência na prestação de serviços e no relacionamento com os clientes, colaboradores, parceiros e fornecedores. Desta forma, aproxima ao máximo os clientes das principais etapas de cada compra, para que possa haver uma conversão dos processos tradicionais em sistemas online. Esperamos que possamos fazer uma grande parceria.</p>', 'meta_titulo' => '', 'meta_palavras_chaves' => '', 'meta_descricao' => '', 'ativo' => '1', 'ordem' => '10', 'cadastrado_em' => '2025-09-15 20:25:15' ), (int) 1 => array( 'id' => '31998', 'tipo' => '', 'nome' => 'Trocas e Devoluções', 'url' => 'trocas-e-devolucoes', 'url_customizada' => '', 'descricao' => '<p>A devolução de qualquer produto só pode ser feita no prazo de até 7 (sete) dias, a contar da data de entrega com exceção dos itens de Moda, cujo prazo é de até 30 (trinta) dias corridos. Nesse período, se o produto apresentar defeito, ou se você não estiver satisfeito(a) com a compra, comunique nosso setor de atendimento ao cliente e solicite a troca.</p><p><br></p><p> Para trocar um produto, as seguintes condições deverão ser observadas:</p><p><br></p><p> - o produto deverá ser encaminhado na embalagem original, sem indícios de uso, sem violação do lacre original do fabricante, acompanhado do DANFE (Documento Auxiliar da Nota Fiscal Eletrônica), do manual e todos os acessórios.</p><p><br></p><p> - nas solicitações de desistência de produtos é imprescindível a etiqueta/lacre do produto.</p><p><br></p><p> Os cancelamentos podem ser realizados diretamente no painel de controle, no tópico "CANCELAR PEDIDO".</p><p> Devolução pelos Correios</p><p><br></p><p> Se o produto, junto com a embalagem na qual foi entregue, pesar menos de 15Kg e suas dimensões não ultrapassarem 105cm de altura, 105cm de largura e 105cm de comprimento, a devolução pode ser feita por postagem.</p><p><br></p><p> Nossos operadores enviarão, por e-mail, o código de postagem que deve ser apresentado nas agências dos Correios.</p><p><br></p><p> Para postar o produto siga as instruções:</p><p><br></p><p> - acondicione o produto em sua embalagem original ou similar;</p><p><br></p><p> - devolva todos os itens/acessórios que acompanham o produto;</p><p><br></p><p> - junte a segunda via do DANFE (Documento Auxiliar da Nota Fiscal Eletrônica) recebida no ato da entrega. É imprescindível que ele seja enviado para que o produto seja identificado;</p><p><br></p><p> - relate, no verso do DANFE, o motivo da devolução.</p><p><br></p><p> IMPORTANTE: Agências dos Correios Franqueadas (ACF) não aceitam o uso do instrumento de habilitação de postagem. Busque agências dos Correios aqui.</p><p><br></p><p> Todas as instruções serão fornecidas pelo setor de atendimento ao cliente.</p>', 'meta_titulo' => '', 'meta_palavras_chaves' => '', 'meta_descricao' => '', 'ativo' => '1', 'ordem' => '20', 'cadastrado_em' => '2025-09-15 20:25:15' ), (int) 2 => array( 'id' => '31999', 'tipo' => '', 'nome' => 'Política de Privacidade', 'url' => 'politica-de-privacidade', 'url_customizada' => '', 'descricao' => '<p>A nossa loja tem o compromisso com a privacidade e a segurança de seus clientes durante todo o processo de navegação e compra pelo site. Os dados cadastrais dos clientes não são vendidos, trocados ou divulgados para terceiros, exceto quando essas informações são necessárias para o processo de entrega, para cobrança, ou para participação em promoções solicitadas pelos clientes. Seus dados pessoais são peça fundamental para que seu pedido chegue em segurança, na sua casa, de acordo com nosso prazo de entrega.</p><p> </p><p> Utilizamos cookies e informações de sua navegação (sessão do browser) com o objetivo de traçar um perfil do público que visita o site e aperfeiçoar sempre nossos serviços, produtos, conteúdos e garantir as melhores ofertas e promoções para você. Durante todo este processo mantemos suas informações em sigilo absoluto. Vale lembrar que seus dados são registrados por nossa loja de forma automatizada, dispensando manipulação humana.</p><p> </p><p> Para que estes dados permaneçam intactos, nós desaconselhamos expressamente a divulgação de sua senha a terceiros, mesmo a amigos e parentes.</p><p> </p><p> As alterações sobre nossa política de privacidade serão devidamente informadas neste espaço.</p>', 'meta_titulo' => '', 'meta_palavras_chaves' => '', 'meta_descricao' => '', 'ativo' => '1', 'ordem' => '30', 'cadastrado_em' => '2025-09-15 20:25:15' ), (int) 3 => array( 'id' => '32000', 'tipo' => '', 'nome' => 'Dúvidas Frequentes', 'url' => 'duvidas-frequentes', 'url_customizada' => '', 'descricao' => '<p> <strong>Como efetuar a compra?</strong><br /> Sua compra pode ser efetuada através do Site.<br /> <br /> <strong>Tenho que ter CNPJ pra comprar?</strong><br /> Não, atendemos também pessoa física.<br /> <br /> <strong>Quem paga o frete?</strong><br /> O Frete é por conta do comprador e calculado de acordo com o peso do pedido, somente negociamos frete dependendo da quantidade de produtos.<br /> <br /> <strong>Quanto tempo demora para a mercadoria chegar na minha residência?</strong><br /> O tempo é de acordo com a aprovação do pagamento, se for por Depósito Bancário a confimação e de imediato. Quanto ao envio, é feito pelos correios, o prazo de entrega é de acordo com o tempo estabelecido pelos correios, temos as opções de frete: Sedex ou Pac.<br /> <br /> <strong>Quais as formas de pagamento?</strong><br /> Cartão de crédito, Transferência Bancária, Boleto e Depósito Bancário.</p>', 'meta_titulo' => '', 'meta_palavras_chaves' => '', 'meta_descricao' => '', 'ativo' => '1', 'ordem' => '40', 'cadastrado_em' => '2025-09-15 20:25:15' ), (int) 4 => array( 'id' => '32001', 'tipo' => '', 'nome' => 'Como Comprar', 'url' => 'como-comprar', 'url_customizada' => '', 'descricao' => '<p> 1. Para efetuar a compra, primeiro você deve ser cadastrado na nossa loja.<br /> 2. Escolha o produto que está disponível ou faça a sua encomenda.<br /> 3. Daremos opções de envios e seus valores (o frete é de responsabilidade do cliente)<br /> 4. Escolha o frete.<br /> 5. Escolha a forma de pagamento.<br /> 6. Após a confirmação do pagamento pela instituição financeira, o produto é enviado<br /> <br /> <strong>Condições de Pagamento</strong><br /> - Boleto Bancário<br /> - Cartão de Crédito<br /> - Depósito Bancário<br /> <br /> <strong>Frete</strong><br /> - Após o envio do produto, enviamos o código de rastreamento para que o cliente possa acompanhar a entrega.<br /> - O envio dos produtos é feito pelos Correios, por isso não nos responsabilizamos por eventuais atrasos na entrega.</p>', 'meta_titulo' => '', 'meta_palavras_chaves' => '', 'meta_descricao' => '', 'ativo' => '1', 'ordem' => '50', 'cadastrado_em' => '2025-09-15 20:25:15' ), (int) 5 => array( 'id' => '32002', 'tipo' => 'FC', 'nome' => 'Fale Conosco', 'url' => 'fale-conosco', 'url_customizada' => '', 'descricao' => 'Temos todo o prazer em ajudar. Preencha as informações abaixo e em breve entraremos em contato com você.', 'meta_titulo' => 'Fale Conosco 1', 'meta_palavras_chaves' => 'Fale Conosco, Atendimento', 'meta_descricao' => 'Fale Conosco Fale Conosco Fale Conosco Fale Conosco Fale Conosco', 'ativo' => '1', 'ordem' => '60', 'cadastrado_em' => '2025-09-15 20:25:15' ) ) ) $marcas = array( 'code' => (int) 200, 'status' => 'success', 'meta' => array( 'total_registros' => null, 'total_paginas' => null, 'total_registros_pagina' => null, 'pagina_atual' => (int) 1, 'limite_por_pagina' => (int) 20, 'pagina_anterior' => null, 'url_anterior' => null, 'proxima_pagina' => null, 'proxima_url' => null ), 'data' => array(), 'error' => 'OK', 'message' => 'Não há dados!' ) $marcasDestaque = array() $content_for_layout = ' <script> function fitraProduto(valor){ parent.$('#carregando').show(); location.href = '?filtrar='+valor; }; </script> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <!-- BreadCrumb --> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <nav aria-label="breadcrumb"> <ol class="breadcrumb breadcrumb-dark flex-lg-nowrap justify-content-center justify-content-lg-start mb-3 mt-3"> <li class="breadcrumb-item "> <a class="text-nowrap" href="/"> <i class="czi-home"></i>Página Inicial </a> </li> <li class="breadcrumb-item text-nowrap active" aria-current="Listagem de Produtos Encontrados"> Energia </li> </ol> </nav> </div> <div class="row listagem-produtos"> <div class="col-sm-12 pr-1wz mt-2"> <div class="col-sm-4 col-lg-4 col-md-4 float-left pl-0 mt-3"> Mostrando <b>12</b> de <b>44</b> resultado(s) </div> <div class="form-group col-sm-4 col-lg-4 col-md-4 float-right mb-4 pr-0"><select name="filtroProduto" onChange="fitraProduto(this.value)" class="form-control" autocomplete="off" id="filtroProduto"> <option value="data">Data de postagem</option> <option value="AZ">Ordenação AZ</option> <option value="ZA">Ordenação ZA</option> <option value="relevancia">Relevância</option> <option value="maior-preco">Maior preço</option> <option value="menor-preco">Menor preço</option> </select></div> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-senoidal-snb-3000va-bi-tw-mtc2odqwmjm2nzy1ntm" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 3000VA BI TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 3000VA BI TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 3000VA BI TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 5.280,71</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-6kva-220v-tw-sb-mtc2odqwmjm2nzcxmdg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 6KVA 220V TW SB</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 11.581,90</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-3-0kva-120v-tw-mtc2odqwmjm2njy3otc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 3 0KVA 120V TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 5.829,72</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="1"> <a href="/produto/nobreak-online-torre-dnb-1-5kva-120v-tw-mtc2odqwmjm2njkzmg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK ONLINE TORRE DNB 1 5KVA 120V TW</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 3.713,21</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1500va-220v-mtc2odqwmjm2njq3ody" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1500VA 220V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1500VA 220V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1500VA 220V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.069,61</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1500va-120v-mtc2odqwmjm2njkxmdg" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1500VA 120V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1500VA 120V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1500VA 120V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.069,61</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-gnb-1000va-220v-mtc2odqwmjm2njm4odi" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1000VA 220V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1000VA 220V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1000VA 220V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 914,76</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="2"> <a href="/produto/nobreak-xnb-1440va-bi-mtc2odqwmjm2ntm2oda" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK XNB 1440VA BI" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK XNB 1440VA BI</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK XNB 1440VA BI</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.182,55</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-senoidal-snb-1500va-bivolt-mtc2odqwmjm2nty4nzy" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 1500VA BIVOLT" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 1500VA BIVOLT</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 1500VA BIVOLT</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 2.861,11</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-senoidal-snb-2000va-bivolt-mtc2odqwmjm2nteyotc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK SENOIDAL SNB 2000VA BIVOLT" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK SENOIDAL SNB 2000VA BIVOLT</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK SENOIDAL SNB 2000VA BIVOLT</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 3.920,03</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-xnb-1800va-bi-mtc2odqwmjm2ntc5nzq" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK XNB 1800VA BI" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK XNB 1800VA BI</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK XNB 1800VA BI</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 1.692,77</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> <div class="col-sm-3 px-sm-1" data-linha="3"> <a href="/produto/nobreak-gnb-1000va-120v-mtc2odqwmjm2nteznjc" > <div class="produto bg-light rounded card product-card"> <img src="https://upload-arquivos.s3-sa-east-1.amazonaws.com/img/produtos_fotos/produto-sem-foto.png" alt="NOBREAK GNB 1000VA 120V" class="mx-auto" /> <div class="descricao"> <div class="nome font-weight-normal"> <span>NOBREAK GNB 1000VA 120V</span> </div> <div class="nome-completo font-weight-normal"> <span>NOBREAK GNB 1000VA 120V</span> </div> <div class="valor"> <div class="a-partir-de">​</div> <div class="minimo">R$ 914,76</div> </div> </div> <div class="botao-ver-comprar"> <button class="btn btn-primary" type="button"> <i class="czi-cart"></i> Comprar </button> </div> </div> </a> </div> </div> <div class="row justify-content-center"> <nav aria-label="Navegação entre as páginas"> <ul class="list-unstyled pagination"> <li class="page-item"><a class="page-link" href="?pagina=1">1</a></li> <li class="page-item"><a class="page-link" href="?pagina=2">2</a></li> <li class="page-item active"><a class="page-link" href="?pagina=3">3</a></li> <li class="page-item"><a class="page-link" href="?pagina=4">4</a></li> </ul> </nav> </div> </div> </div>' $scripts_for_layout = '' $title_for_layout = 'GruposProdutos' $qtd = (int) 0 $valorProdutos = (int) 0 $arrayMenu = array( 'menu_categorias' => true, 'menu_marcas' => true ) $categoria = 'Aeu plano expirou. Por favor, renove a sua assinatura!'include - APP/View/Elements/cabecalho.ctp, line 271 View::_evaluate() - CORE/Cake/View/View.php, line 935 View::_render() - CORE/Cake/View/View.php, line 897 View::_renderElement() - CORE/Cake/View/View.php, line 1195 View::element() - CORE/Cake/View/View.php, line 412 include - APP/View/Layouts/tema_padrao.ctp, line 83 View::_evaluate() - CORE/Cake/View/View.php, line 935 View::_render() - CORE/Cake/View/View.php, line 897 View::renderLayout() - CORE/Cake/View/View.php, line 529 View::render() - CORE/Cake/View/View.php, line 474 Controller::render() - CORE/Cake/Controller/Controller.php, line 952 Dispatcher::_invoke() - CORE/Cake/Routing/Dispatcher.php, line 220 Dispatcher::dispatch() - CORE/Cake/Routing/Dispatcher.php, line 178 [main] - APP/webroot/index.php, line 110
-
Warning (2): Illegal string offset 'url' [APP/View/Elements/cabecalho.ctp, line 270]
