Ir para conteúdo
Vanessa Andrade

Modificando o carrinho no menu da loja virtual tray com CSS

Recommended Posts

BOA NOITE PESSOAL,

 

ESTOU COM UMA DÚVIDA POR FAVOR SE PUDEREM ME AJUDAR.

 

COMO FAÇO PARA ALTERAR O CARRINHO DA MINHA LOJA UTILIZANDO O CSS, O TEMA TEM ESSA SACOLINHA COM PATINHA DE CACHORRO, QUERO TROCAR POR UMA CARRINHO NORMAL....

QUANDO COLOCO PARA INSPECIONAR ELEMENTO APARECE ESSE MONTE DE INFORMAÇÃO...

NÃO SEI COMO FAÇO.

1.JPG

Compartilhar este post


Link para o post
Compartilhar em outros sites

Boa noite, Vanessa tudo bem?

 

sou iniciante com a plataforma da tray tambem e estou quebrando a cabeça para editar meu tema kk.

 

mais tenta ai vai que da certo, vai em > Inicio > Minha Loja > Design da Loja.

 

o layout que ta ativado clica em duplicar tema e salvar volte novamente para > Inicio > Minha Loja > Design da Loja.

 

e click em Edita HTML no tema . Cópia Animais de Estimação la dentro do codigo de fonte voce vai em " img > icone-carrinho.png;

 

e tenta editar por la desse salva e sobe novamente a pagina click na seta para baixo do lado de botão azul publicar e abre visualizar tema.

 

aguarde uns 10 a 15 minutos que e o tempo de reset dos cache se de certo vai ta la o novo icon do carrinho.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom dia Thales, 

Muito obrigada pela sua resposta, me desculpe não sou muito leiga no assunto.

Só não entendi essa parte Cópia Animais de Estimação la dentro do codigo de fonte voce vai em " img > icone-carrinho.png;

 

Se for onde estou pensando que é não deu certo, 

22.JPG

Compartilhar este post


Link para o post
Compartilhar em outros sites

deixa eu explicar melhor acabei de olhar a respeito desse tema.

 

os ícones de ilustração desse tema e composto de código "SVG", eu não sou programador apenas estou montando uma loja na plataforma da tray também.

 

oque ocorre para você conseguir tirar aquele ícone dali de cima ou mudar você terá que acessar o código fonte dele e fazer essa alteração.

 

esse código abaixo e o dele.

 

para que você consiga fazer a alteração do icon carrinho vai ser nessa área

 

local:

 

elements/snippets/customer.html

e

elements/header.html

 

http://www.kadunew.com/blog/html/svg-sprite-como-criar-um-arquivo-de-icones-usando-svg

<div class="carrinhotopo">
    <a href="{{ links.cart }}">
        <div class="row">
            <div>
                <svg viewBox="0 0 1024 1024">
                    <path class="path1" d="M351.958 794.997h522.773c0.361-1.779 0.677-3.703 1.060-5.245 16.692-69.899 63.846-309.948 3.069-587.889-2.498-11.425-4.084-30.061-3.345-41.718l8.272-129.663c0.741-11.657-6.155-15.338-15.422-8.208l-61.541 47.346c-9.265 7.13-23.758 6.515-32.391-1.376l-52.868-48.278c-8.63-7.869-22.807-8.102-31.69-0.487l-70.279 60.229c-8.865 7.595-22.637 6.94-30.718-1.48l-62.091-64.587c-8.102-8.42-21.219-8.42-29.32 0l-62.091 64.587c-8.104 8.42-20.966 8.188-28.752-0.529l-63.253-70.828c-7.785-8.717-20.924-9.203-29.322-1.102l-68.268 65.731c-8.42 8.104-23.081 9.371-32.749 2.814l-78.339-53.058c-9.668-6.557-13.455-3.301-9.54 7.699 8.672 24.371 21.070 70.576 20.902 131.375h459.772c11.677 0 21.154 9.478 21.154 21.154s-9.478 21.154-21.154 21.154h-462.038c-0.381 3.872-0.529 7.553-1.035 11.528-6.221 49.736-61.224 185.936 3.343 574.497 1.925 11.531 3.133 30.338 2.496 41.992-2.053 38.227-7.15 119.083-15.528 163.83-2.157 11.486 2.772 15.081 12.312 8.354l89.763-63.361c9.542-6.748 23.272-4.865 30.654 4.21l53.735 65.943c7.383 9.055 19.504 9.179 27.079 0.296l56.676-66.534c7.573-8.887 19.272-8.44 26.128 1.038l51.979 71.779c6.854 9.456 19.104 10.429 27.375 2.179l72.478-72.481c8.27-8.27 21.387-8.018 29.32 0.573l62.684 67.698c7.933 8.568 20.396 8.208 27.798-0.825l57.246-69.709c7.425-9.033 20.564-10.133 29.384-2.451l81.469 70.954c8.803 7.679 15.168 4.442 14.239-7.192-3.108-38.61-9.562-120.588-11.951-167.615h-519.474c-11.677 0-21.154-9.478-21.154-21.154-0.002-11.714 9.478-21.192 21.154-21.192zM689.705 431.545c23.971 7.657 34.442 41.846 23.42 76.35s-39.393 56.273-63.339 48.614c-23.971-7.659-34.442-41.824-23.42-76.35 11.022-34.504 39.371-56.271 63.339-48.614zM534.445 388.051c11.509-36.070 42.333-58.432 68.817-49.968 26.488 8.462 38.61 44.554 27.101 80.602-11.531 36.070-42.333 58.432-68.819 49.968-26.484-8.462-38.63-44.532-27.099-80.602zM525.074 477.666c0 0 102.458 17.369 101.969 135.373 0.319 69.306-57.308 39.371-57.308 39.371s-24.351-24.519-44.638-24.519l-5.184 0.465c-20.289 0-44.66 24.519-44.66 24.519s-57.627 29.535-57.311-39.751c-0.529-118.004 101.949-135.457 101.949-135.457h5.184zM440.262 336.833c25.132-7.615 55.596 16.247 68.036 53.333 12.462 37.085 2.179 73.326-22.953 80.941s-55.596-16.247-68.036-53.333c-12.44-37.085-2.159-73.323 22.953-80.941zM356.042 429.050c23.926-7.214 52.972 15.506 64.883 50.731 11.889 35.245 2.137 69.664-21.792 76.879-23.926 7.214-52.972-15.506-64.883-50.729s-2.157-69.666 21.792-76.881z"></path>
                </svg>
                <div class="contadorcarrinho" data-cart="amount">{{ cart.amount }}</div>
            </div>
            <div>
                <span class="nomecarrinho">Minha Sacola</span>
                <div class="precocarrinho">R$ <span data-cart="price">{{ cart.price }}</span></div>
            </div>
        </div>
    </a>
</div>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Nosssssa, isso é muito dificil.

Tentei gerar o svg no site que me indicou:

<link rel="stylesheet" href="https://i.icomoon.io/public/temp/da4553b091/UntitledProject/style-svg.css">
<script defer src="https://i.icomoon.io/public/temp/da4553b091/UntitledProject/svgxuse.js"></script>

 

Mas depois dai não foi para lugar nenhum fiquei travada.

 

Obrigada mais uma vez, infelizmente não vou conseguir só sei copiar e colar rsrrs.

icons8-carrinho-de-compras-50.png

icons8-compras-do-saco-cheio-50.png

Um desses dois que eu queria usar!!!

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
<div class="carrinhotopo">
    <a href="{{ links.cart }}">
        <div class="row">
            <div>
                <svg viewBox="0 0 1032 1032">
                    
                    <path class="path1" d="M409.6 1024c-56.464 0-102.4-45.936-102.4-102.4s45.936-102.4 102.4-102.4 102.4 45.936 102.4 102.4-45.936 102.4-102.4 102.4zM409.6 870.4c-28.232 0-51.2 22.968-51.2 51.2s22.968 51.2 51.2 51.2 51.2-22.968 51.2-51.2-22.968-51.2-51.2-51.2z"></path><path class="path2" d="M768 1024c-56.464 0-102.4-45.936-102.4-102.4s45.936-102.4 102.4-102.4 102.4 45.936 102.4 102.4-45.936 102.4-102.4 102.4zM768 870.4c-28.232 0-51.2 22.968-51.2 51.2s22.968 51.2 51.2 51.2 51.2-22.968 51.2-51.2-22.968-51.2-51.2-51.2z"></path><path class="path3" d="M898.021 228.688c-12.859-15.181-32.258-23.888-53.221-23.888h-626.846l-5.085-30.506c-6.72-40.315-43.998-71.894-84.869-71.894h-51.2c-14.138 0-25.6 11.462-25.6 25.6s11.462 25.6 25.6 25.6h51.2c15.722 0 31.781 13.603 34.366 29.112l85.566 513.395c6.718 40.314 43.997 71.893 84.867 71.893h512c14.139 0 25.6-11.461 25.6-25.6s-11.461-25.6-25.6-25.6h-512c-15.722 0-31.781-13.603-34.366-29.11l-12.63-75.784 510.206-44.366c39.69-3.451 75.907-36.938 82.458-76.234l34.366-206.194c3.448-20.677-1.952-41.243-14.813-56.424zM862.331 276.694l-34.366 206.194c-2.699 16.186-20.043 32.221-36.39 33.645l-514.214 44.714-50.874-305.246h618.314c5.968 0 10.995 2.054 14.155 5.782 3.157 3.73 4.357 9.024 3.376 14.912z"></path>
                </svg>
                <div class="contadorcarrinho" data-cart="amount">{{ cart.amount }}</div>
            </div>
            <div>
                <span class="nomecarrinho">Meus Produtos</span>
                <div class="precocarrinho">R$ <span data-cart="price">{{ cart.price }}</span></div>
            </div>
        </div>
    </a>
</div>

 

https://static.eventials.com/media/e55e91b2cc22ba117ba8d1546537f7a4c037cf67/792c87461ea57aa1563e32672785fedb0620e474/1464099001/trayopencodetreinamentoparceiros.pdf

Compartilhar este post


Link para o post
Compartilhar em outros sites

eu esqueci de remover o nome segue o codigo sem ele

 

<div class="carrinhotopo">
    <a href="{{ links.cart }}">
        <div class="row">
            <div>
                <svg viewBox="0 0 1032 1032">
                    
                    <path class="path1" d="M409.6 1024c-56.464 0-102.4-45.936-102.4-102.4s45.936-102.4 102.4-102.4 102.4 45.936 102.4 102.4-45.936 102.4-102.4 102.4zM409.6 870.4c-28.232 0-51.2 22.968-51.2 51.2s22.968 51.2 51.2 51.2 51.2-22.968 51.2-51.2-22.968-51.2-51.2-51.2z"></path><path class="path2" d="M768 1024c-56.464 0-102.4-45.936-102.4-102.4s45.936-102.4 102.4-102.4 102.4 45.936 102.4 102.4-45.936 102.4-102.4 102.4zM768 870.4c-28.232 0-51.2 22.968-51.2 51.2s22.968 51.2 51.2 51.2 51.2-22.968 51.2-51.2-22.968-51.2-51.2-51.2z"></path><path class="path3" d="M898.021 228.688c-12.859-15.181-32.258-23.888-53.221-23.888h-626.846l-5.085-30.506c-6.72-40.315-43.998-71.894-84.869-71.894h-51.2c-14.138 0-25.6 11.462-25.6 25.6s11.462 25.6 25.6 25.6h51.2c15.722 0 31.781 13.603 34.366 29.112l85.566 513.395c6.718 40.314 43.997 71.893 84.867 71.893h512c14.139 0 25.6-11.461 25.6-25.6s-11.461-25.6-25.6-25.6h-512c-15.722 0-31.781-13.603-34.366-29.11l-12.63-75.784 510.206-44.366c39.69-3.451 75.907-36.938 82.458-76.234l34.366-206.194c3.448-20.677-1.952-41.243-14.813-56.424zM862.331 276.694l-34.366 206.194c-2.699 16.186-20.043 32.221-36.39 33.645l-514.214 44.714-50.874-305.246h618.314c5.968 0 10.995 2.054 14.155 5.782 3.157 3.73 4.357 9.024 3.376 14.912z"></path>
                </svg>
                <div class="contadorcarrinho" data-cart="amount">{{ cart.amount }}</div>
            </div>
            <div>
                <span class="nomecarrinho"></span>
                <div class="precocarrinho">R$ <span data-cart="price">{{ cart.price }}</span></div>
            </div>
        </div>
    </a>
</div>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Boa tarde Thales,

 

Tudo bem? Espero que sim.

Quando puder acessa minha página já ativei o tema modificado, mas ainda estou ajustando....

No pc aparece o banner normal, mas quando acesso do meu celular j7 ele corta o banner na versão mobile, você tem idéia de como ajusto, estranho não alterei nada na versão mobile...

Obrigada, mais uma vez .

E como está indo na sua página????

Compartilhar este post


Link para o post
Compartilhar em outros sites

Oi, vi que vcs estão conversando sobre o Tema da tray de animais de estimação.

Também uso esse tema e na home quando passamos o mouse em cima do produto, aparece a patinha escrito Quero Esse!

Gostaria de mudar essa imagem, e não estou achando no html, você podem me ajudar?

Obg

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por juliosonic
      Boa noite..
      Estou desenvolvendo um site de https://www.maithunatantra.com.br/ e estou com um duvida sobre o menu de navegação da versão mobile.
      O menu que tem o dropdown "Terapeutas" e "Terapias" quando clico em cima ele expande como deve ser, mas quando clico denovo para recolher os submenus
      nao acontece nada.. segue o trecho do codigo do menu..
      <div class="collapse navbar-collapse" id="navbarsExample09">             <ul class="navbar-nav ml-auto">               <li class="nav-item  active"><a class="nav-link" href="index.html">Home</a></li>               <li class="nav-item  active"><a class="nav-link" href="about-us.html">Quem Somos</a></li>               <li class="nav-item dropdown1">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapeutas</a>                     <ul class="dropdown-menu">                         <li><a class="dropdown-item" href="terapeuta-julio-cezar.html">Julio Cezar</a></li>                         <li><a class="dropdown-item" href="terapeuta-pamela-priscila.html">Pamela Priscila</a></li>                     </ul>                                    </li>               <li class="nav-item dropdown">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapias</a>                     <ul class="dropdown-menu" aria-labelledby="dropdown01">                         <li><a class="dropdown-item" href="o-que-e-reiki.html">O que é Reiki</a></li>                         <li><a class="dropdown-item" href="beneficios-reiki.html">Benefícios do Reiki</a></li>                         <li><a class="dropdown-item" href="principios-reiki.html">Princípios do Reiki</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Reiki em Animais</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Estudos Sobre Reiki</a></li>                         <li><a class="dropdown-item" href="terapia-massagem-tantrica.html">Terapia Tântrica</a></li>                     </ul>               </li>               <li class="nav-item  active"><a class="nav-link" href="blog.html">Blog</a></li>                <li class="nav-item"><a class="nav-link" href="contato.html">Contato</a></li>             </ul>         </div>  
      Massagem Tantrica em Curitiba
      Tantra Curitiba
      Massagem Tântrica
      Tantra
      Julio Darshan

      Obrigado
      Att
      Julio Cezar
       
       
       
    • Por Felipe Medeiros
      Bom, criei um tema filho e o que aprendi é que para alterar qualquer coisa do tema filho eu preciso copiar o arquivo do tema pai o colocar dentro da pasta do tema filho.
       
      No meu caso, estou usando o tema "Astra" bem famosinho. O arquivo css que quero modificar não está dentro da pasta do tema pai, está em "wp-content/uploads/uag-plugin/assets/0/uag-css-10.css" sendo que o diretorio do tema pai é "wp-content/themes/Astra"
       
      O problema é o seguinte, preciso modificar a barra de pesquisa da pagina inicial, porem o inspetor de elementos do chrome ta acusando que esse arquivo é o responsavel por estilizar a barra de pesquisa. Será que isso tem a ver com "Cache de objetos", eu sei que o plugin liteSpeed Cache, AMP, Rank Math, todos eles tem essas paradas de criar arquivos css e js para tornar o site mais rapido.
    • Por joeythai
      Boa tarde pessoal,
       
      Eu criei um formulário em que tenho 3 interações: evento click, change e uma chamada ajax. No evento on change ("select#removal_table_from" )eu faço uma chamada ajax onde eu passo como parametro o id do item selecionado e construo uma tabela dinamica com o próprio javascript, após isto, tenho um input em que o usuario coloca um valor de percentual para que eu possa preencher em 3 colunas da tabela que foi criada dinamicamente: moto_atualizado, carro_atualizado e caminhao_atualizado, até aí tudo bem, o codigo está fazendo isso, porém, como a tabela é criada dinamicamente eu preciso de alguma forma enviar o arrayData para meu backend mas quando faço o calculo dentro do loop apos resposta do meu ajax, os valores desses 3 campos chegam como null, não sei se é possível fazer o que pretendo ou se é ainda não sei como faz
       
      <code>
           $(document).ready(function (event) {   let arrayData = []; let percentage; let removal_vehicle; let removal_motorcycle; let removal_tuck; let apply_removal = $('#apply_removal');   // apply_removal.on('click', function () { // percentage = $('#percentage').val();   // $('.table-body tr').each(function () {   // let veiculo = $(this).find('.veiculo').text(); // let moto = $(this).find('.moto').text(); // let caminhao = $(this).find('.caminhao').text();   // let removal_vehicle = parseFloat(veiculo) + (parseFloat(veiculo) * parseFloat(percentage)) / 100; // let removal_motorcycle = parseFloat(moto) + (parseFloat(moto) * parseFloat(percentage)) / 100; // let removal_tuck = parseFloat(caminhao) + (parseFloat(caminhao) * parseFloat(percentage)) / 100;   // arrayData.push({ // removal_vehicle, // removal_motorcycle, // removal_tuck // })   // $(this).find('.veiculo_atualizado').val(removal_vehicle.toFixed(2)); // $(this).find('.moto_atualizado').val(removal_motorcycle.toFixed(2)); // $(this).find('.caminhao_atualizado').val(removal_tuck.toFixed(2)); // }); // });   apply_removal.on('click', function () { percentage = $('#percentage').val();   $('.table-body tr').each(function () {   let veiculo = $(this).find('.veiculo').text(); let moto = $(this).find('.moto').text(); let caminhao = $(this).find('.caminhao').text();   removal_vehicle = parseFloat(veiculo) + (parseFloat(veiculo) * parseFloat(percentage)) / 100; removal_motorcycle = parseFloat(moto) + (parseFloat(moto) * parseFloat(percentage)) / 100; removal_tuck = parseFloat(caminhao) + (parseFloat(caminhao) * parseFloat(percentage)) / 100;   arrayData.push({ removal_vehicle, removal_motorcycle, removal_tuck })   $(this).find('.veiculo_atualizado').val(removal_vehicle.toFixed(2)); $(this).find('.moto_atualizado').val(removal_motorcycle.toFixed(2)); $(this).find('.caminhao_atualizado').val(removal_tuck.toFixed(2));     console.log('Removal Vehicle:', removal_vehicle); console.log('Removal Motorcycle:', removal_motorcycle); console.log('Removal Truck:', removal_tuck); }); });   $('select#removal_table_from').on('change', function (e) { let table_id = $(this).val(); let action = route('removal.removal-values.show', table_id);   $.ajax({ type: "GET", url: action, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },   success: function (data) { $('.table-body').empty();   for (let i = 0; i < data.length; i++) { let carro = parseFloat(data[i].CARRO); let moto = parseFloat(data[i].MOTO); let caminhao = parseFloat(data[i].CAMINHAO); let distancia = data[i].DISTANCIA; let origem = data[i].ORIGEM; let destino = data[i].DESTINO; let localidadeOrigem = data[i].LocalidadeOrigem_ID; let localidadeDestino = data[i].LocalidadeDestino_ID;   let newRow = '<tr class="removal-row">' + '<td class="align-middle">' + '<div class="row">' + '<div class="col-1">' + '<span class="font-weight-bold">Origem</span><br>' + '<span class="origem">' + origem + '</span>' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Destino</span><br>' + '<span class="destino">' + destino + '</span>' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">KM</span><br>' + '<span class="km">' + distancia + '</span>' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Veículo</span><br>' + '<span class="veiculo">' + carro + '</span>' + '</div>' + '<div class="col-2">' + '<span class="font-weight-bold">Veículo Atualizado</span><br>' + '<input type="text" class="veiculo_atualizado">' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Moto</span><br>' + '<span class="moto">' + moto + '</span>' + '</div>' + '<div class="col-2">' + '<span class="font-weight-bold">Moto Atualizado</span><br>' + '<input type="text" class="moto_atualizado">' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Caminhão</span><br>' + '<span class="caminhao">' + caminhao + '</span>' + '</div>' + '<div class="col-2">' + '<span class="font-weight-bold">Caminhão Atualizado</span><br>' + '<input type="text" class="caminhao_atualizado">' + '</div>' + '</div>' + '</div>' + '</td>' + '</tr>';   $('.table-body').append(newRow); //let row = $('.removal-row:last');   // Calcula o valor atualizado e define nos campos diretamente // let veiculo_atualizado = carro + (carro * percentage) / 100; // let moto_atualizado = moto + (moto * percentage) / 100; // let caminhao_atualizado = caminhao + (caminhao * percentage) / 100; // console.log('PORCENTS: ', percentage); //console.log('Veiculo Atualizado:', veiculo_atualizado, 'Moto Atualizado:', moto_atualizado, 'Caminhao Atualizado:', caminhao_atualizado);   // Define os valores diretamente nos campos da nova linha // row.find('.veiculo_atualizado').val(veiculo_atualizado.toFixed(2)); // row.find('.moto_atualizado').val(moto_atualizado.toFixed(2)); // row.find('.caminhao_atualizado').val(caminhao_atualizado.toFixed(2));   arrayData.push({ carro, moto, caminhao, distancia, origem, destino, localidadeOrigem, localidadeDestino, removal_vehicle, removal_motorcycle, removal_tuck }); }   $('#copy_data_table').val(JSON.stringify(arrayData)); }   }); });   //javascript para o formulario de cadastro // $(document).ready(function (event) { $('#uf').change(function () { let code_city = $(this).val(); let deposit = localStorage.getItem('selected_deposit_id'); let action = route('removal.removal-values.cities', code_city); $.ajax({ type: "POST", url: action, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, data: { code_city: code_city },   success: function (data) {   $('#city').empty(); $('#deposit').empty();   for (let i = 0; i < data.cities.length; i++) { $('#city').append('<option value="' + data.cities[i].NM + '">' + data.cities[i].NM + '<option>'); }   if (data.deposits.length > 0) { for (let i = 0; i < data.deposits.length; i++) { $('#deposit').append('<option value="' + data.deposits[i].NM + '">' + data.deposits[i].NM + '<option>'); } } else { // $('#deposit').prop('disabled', true); // $('#city').prop('disabled', false); }   $('#city').trigger('change'); } });   });   $('#deposit').on('change', function () { depositId = $(this).val(); localStorage.setItem('selected_deposit_id', depositId); });   $('#uf_destiny').change(function () { let code_city = $(this).val(); let depositDestiny = localStorage.getItem('selected_deposit_destiny_id'); let action = route('removal.removal-values.cities', code_city); $.ajax({ type: "POST", url: action, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, data: { code_city: code_city },   success: function (data) {   $('#city_destiny').empty(); $('#deposit_destiny').empty();   for (let i = 0; i < data.cities.length; i++) { $('#city_destiny').append('<option value="' + data.cities[i].NM + '">' + data.cities[i].NM + '</option>'); }   if (data.deposits.length > 0) { // $('#deposit_destiny').prop('disabled', false); //$('#city_destiny').empty(); // $('#city_destiny').prop('disabled', true); for (let i = 0; i < data.deposits.length; i++) { $('#deposit_destiny').append('<option value="' + data.deposits[i].NM + '">' + data.deposits[i].NM + '</option>'); } } else { // $('#deposit_destiny').prop('disabled', true); // $('#city_destiny').prop('disabled', false); }   $('#city_destiny').trigger('change'); } }); });   $('#deposit_destiny').on('change', function () { let depositDestinyId = $(this).val(); localStorage.setItem('selected_deposit_destiny_id', depositDestinyId); });   }); </code>
    • Por babylon
      Olá galera tudo bem?
      Deixa eu perguntar, estava mexendo no meu site e queria adicionar em html essa tabela porem esta dando erro pois fica assim:
       

      Porem gostaria que ficasse assim:

      Segue o código da tabela:
      <center><table border="0">
          <tr>
      <td bgcolor="#0092df" width="24%"><a href="/categorias?ename=smartphones"><span style="font-size: 20px; color: #ffffff;"><b> <font color="#0092df">..</font>Bicicleta<br> <font color="#0092df">..</font>Track Bikes<br> <font color="#0092df">..</font>Aro 29 TKS</b></a></span><br><br><font size="5"><center><span style="background-color: #A1CD44">DE:</span></font> <br><font size="5"><s>R$ 1.999,99</center></font></s> </td><td><p><a href="/categorias?ename=smartphones"><img src="/static/img/itembicicleta.jpg"><br><font size="5"><center><span style="background-color: #A1CD44">COM - 60%:</span></font> <br><font size="5">1.199,99</font></center></a></td>
             <td><font color="#ffffff">....</font></td>
              <td bgcolor="#0092df" width="24%"><a href="/categorias?ename=smartphones"><span style="font-size: 20px; color: #ffffff;"><b> <font color="#0092df">..</font>Monitor 24"<br> <font color="#0092df">..</font>Samsung<font color="#0092df">aa.aa</font><br> <font color="#0092df">..</font>1ms 144hz</b></a></span></center></td><td><p><a href="/categorias?ename=smartphones"><img src="/static/img/itemmonitor.jpg"></a></td>
          </tr>
          </table></center>
      O que estaria errado, pois não sei como colocar nessa tabela outro fundo de outra cor, veja que usei td bgcolor="#0092df" para o azul escuro mas não sei como usaria pro "#e4f1fb" para o fundo ficar de azul claro em baixo bem como não ficou correto em altura o "DE:" com o "COM - 60%:".
      Bom é isso, obg.


×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.