Jump to content

Search the Community

Showing results for tags 'loja'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 18 results

  1. Olá, todos! Esbarrei num problema com questões de programação linguagem HTML & CSS e busco por ajuda dos experts aqui. • SINOPSE DA QUESTÃO Montei no dreamweaver um anúncio de produto em HTML para um cliente, com a finalidade de ser exibido no site institucional da empresa e na loja virtual. Simplesmente exibindo nos navegadores, o HTML se comporta direitinho mas, dentro da PLATAFORMA TRAY (da loja virtual) e no site institucional do cliente o anúncio perde boa parte do layout fica quebrado, sem falar que o conteúdo não está se adequando (diminuindo e aumentando) na exibição mobile. Se tiverem a paciência de ler e me ajudar, ficarei agradecido! O tópico é extenso, mas sera bem explicado... Prometo! • MEU BACKGROUND EM PROGRAMAÇÃO HTML / CSS - Para referência. Estou aqui no FORUM iMASTERS porque, lááááá nas antigas, fiz um curso de HTML e desenvolvimento web (comprado na época em 4 CDs) do iMSTERS. Cheguei a criar alguns sites mas, como meu foco sempre foi mais na parte gráfica (sou artista gráfico ou, designer, como queiram) acabei abandonando os projetos de web. E isso já foi lá na época das tabelas, iframes e conteúdo em flash. Seja como for, tenho uma certa noção sobre tags, termos e códigos de programação. Reforçando: "alguma" noção! • DESENVOLVIMENTO DO TRABALHO Meu cliente - uma empresa importadora de projetores - solicitou o desenvolvendo de várias peças gráficas (embalagens, manuais, posts para redes sociais) No pacote, me solicitaram também arquivos promocionais em HTML pra deixar a LOJA VIRTUAL e o SITE INSTITUCIONAL mais atrativos, já que - como todos sabem, imagino - maioria das lojas virtuais tem um espaço pra fotos e um CAMPO DE TEXTO pra descrição destes produtos. Meu cliente quer que seus anúncios sejam em HTML, bem ilustrados e chamativos como anúncios de revista. Pois bem... Desenvolvi o layout e a arte foi aprovada. No momento de criar o arquivo HTML propriamente dito, eu sabia que precisaria me atualizar, afinal, usar "tabelas" está fora dos padrões. Saí a pesquisar. Li e assisti MUITA COISA (inclusive aqui dentro do Fórum iMasters) sobre DIV / HTML / CSS e, após entender a mecânica básica desses elementos, comecei a montar o HTML, simplesmente fatiando a arte criada (feita em Photoshop). Após alguns tropeços, consegui estruturar o HTML com base só em DIVs e CSS. Testei no INTERNET EXPLORER e no GOOGLE CHROME e o anúncio (HTML) abriu sem problemas. • OS PROBLEMAS Layout redondinho, fatiado e estruturado em HTML e rodando sem problemas nos navegadores mas. quando o cliente colocou os arquivos (HTML / IMAGENS / ESTILO CSS) no SITE INSTTITUCIONAL e na LOJA VIRTUAL (hospedada pela TRAY E-COMMERCE), o HTML se quebrou... De primeiro, eu havia enviado o HTML, a pasta com imagens e um arquivo CSS em separado, para inserção nos sites. Como houve os problemas, inseri o CSS direto no HTML mas, os problemas persistem... - No SITE INSTITUCIONAL a estrutura se manteve até certo ponto. Mas, o layout se quebrou em vários pontos e as partes em texto perderam a formatação e as características do texto puxadas via CSS... - Na LOJA VIRTUAL: Virou uma bagunça... Primeiro que o HTML só aparece num campo estreito (de uns 200 pixels) no miolo da página, com uma barra de rolagem própria. E as características de texto se perderam todas. - Em ambos os casos (site e loja) as versões MOBILE ficaram uma bagunça só! Os problemas de visualização se mantem e com o agravante de que o HTML não se ajustou (como eu esperava) ao tamanho da tela do celular. - Ajuste às resoluções de tela: Quando faço a análise do layout no GOOGLE CHROME (F12) o conteúdo se ajusta à tela... Este HTML não é pra ser responsivo... Apenas deve AMPLIAR e ENCOLHER de acordo com a resolução de tela do dispositivo do usuário. Pra ficar tipo, uma "responsividade" simulada... • DÚVIDAS 1) O que fazer para que o layout se mantenha, mesmo após inserido nos respectivos sites? 2) Qual o procedimento para que o AJUSTE ÁS RESOLUÇÕES DE TELA aconteça? 3) Quais os erros estou cometendo no código? • RESSALVAS Espero que não haja erros muito grotescos no código... Fui construindo o HTML aos poucos, seguindo alguns tutoriais, uma vez que nunca havia montado nada apenas com base em DIVs Criei um CSS pra cada linha de DIV porque, achei que deveria ser assim... Se houver uma maneira de simplificar isso, gostaria muito de saber. Para os próximos HTMLs que estou montando, estou procurando simplificar o design, mantendo os SLICES do mesmo tamanho, assim (imgino) poderei usar uma mesma classe CSS pra diferentes DIVs... Pra facilitar a construção do HTML lá na frente. • O CÓDIGO Segue o link da pasta com as imagens e o HTML: https://drive.google.com/open?id=1oxhbq48reTrxTE6iLo6J517ebfioXTNE Aqui vai o código: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=content-width, initial-scale=1.0" /> <title>BT835A - Betec Brasil ©</title> <style> body { font-family:"Tahoma, Verdana, Arial"; width:1140px; margin:auto; background-color:#FFF; } .titulos-azul { /* FORMATAÇÃO DE TEXTO */ font-family: Tahoma, Geneva, sans-serif; font-size:30pt; font-style:normal; font-weight:bold; font-variant:normal; text-align:center; letter-spacing:-2px; color:#296ba4; line-height:25px; } .titulos-branco { /* FORMATAÇÃO DE TEXTO */ font-family:Tahoma, Geneva, sans-serif; font-size:30pt; font-style:normal; font-weight:bold; line-height:25px; font-variant:normal; color: #FFFFFF; } .descricoes-titulos { /* FORMATAÇÃO DE TEXTO */ font-family:Tahoma, Geneva, sans-serif; font-size:15pt; font-style:normal; line-height:22px; font-weight:normal; font-variant:normal; text-transform:none; color:#868686; text-decoration:none; } .descricoes-cinza-claro { /* FORMATAÇÃO DE TEXTO */ font-family:Tahoma, Geneva, sans-serif; font-size:15pt; font-style:normal; line-height:22px; font-weight:normal; font-variant:normal; text-transform:none; color:#dcdcdc; text-decoration:none; } .subtitulos { /* FORMATAÇÃO DE TEXTO */ font-family:Tahoma, Geneva, sans-serif; font-size:14pt; font-style:normal; line-height:22px; font-weight:bold; font-variant:normal; text-transform:none; color:#868686; text-decoration:none; } .legenda-quadros-azul { /* FORMATAÇÃO DE TEXTO */ font-family: Tahoma, Geneva, sans-serif; font-size: 15pt; font-style: normal; line-height: 22px; font-weight: normal; font-variant: normal; text-transform: none; color: #296ba4; text-decoration: none; } .box-apps{ /* FORMATAÇÃO DIV DOS APLICATIVOS */ position:relative; float:left; width:1140px; height:290px; } #container { /* FORMATAÇÃO DIV PRINCIPAL */ position:absolute; width:100%; height:100%; background-color:#FFF; margin:auto; } #imgs-001{ /* FORMATAÇÃO LINHA COM IMAGENS */ position:relative; float:left; width:1140px; height:344px; margin:auto; } #imgs-002{ /* FORMATAÇÃO LINHA COM IMAGENS */ position:relative; float:left; width:1140px; height:226px; margin:auto; } #imgs-003{ /* FORMATAÇÃO LINHA COM IMAGENS */ position:relative; float:left; width:1140px; height:385px; margin:auto; } #imgs-004{ /* FORMATAÇÃO LINHA COM IMAGENS */ position:relative; float:left; width:1140px; height:423px; margin:auto; } #imgs-005{ /* FORMATAÇÃO LINHA COM IMAGENS */ position:relative; float:left; width:1140px; height:416px; margin:auto; } #imgs-006{ /* FORMATAÇÃO LINHA COM IMAGENS */ position:relative; float:left; width:1140px; height:182px; margin:auto; } #box-001{ /* TEXTO PROJETOR POTENTE */ position:relative; text-align:center; float:left; width:1060px; height:170px; padding-left:40px; padding-right:40px; padding-top:20px; padding-bottom:0px; background-color:#FFF; } #box-interno{ /* CAIXA GERAL COM TODOS OS APLICATIVOS */ position:relative; width:980px; height:290px; top:0px; left:50%; margin-left:-490px; background-color:#FFF } .app-mini-containers{ /* CAIXAS - IMAGENS DOS APLICATIVOS */ display:table; text-align:center; float:left; padding:5px; margin:5 auto; width:235px; height:280px; } #linha-caracteristicas{ /* BOX COM AS COLUNAS CARACTERÍSTICAS DO PROJETOR */ position:relative; width:1140px; height:558px; background-color:#FFF; float:left; margin:auto; margin-top:20px; } .box-menor-caracteristicas{ /* BOX COM AS COLUNAS CARACTERÍSTICAS DO PROJETOR */ position:relative; width:1075px; height:558px; top:0px; left:0; margin-left:-537px; margin:auto; } .coluna1{ /* COLUNA IMAGENS ESQUERDA */ position:relative; width:229px; height:558px; background-color:#FFF; float:left; } .coluna-miolo{ /* COLUNA IMAGEM MIOLO */ position:relative; width:617px; height:558px; background-color:#FFF; alignment-adjust:central; float:left; } .coluna2{ /* COLUNA IMAGENS DIREITA */ position:relative; width:229px; height:558px; background-color:#FFF; float:left; } #fundo-titulo-cinema{ /* FUNDO DA DIV BASE */ position:relative; width:1140px; height:110px; float:left; background-color:#FFF; z-index:1; } #barra-azul-escuro{ /* BARRA DE ACABAMENTO AZUL PARA ENCAIXE */ position:absolute; width:1140px; height:40px; bottom:0px; text-align:center; background-color:#1c3850; z-index:2; } #titulo-cinema{ /* FUNDO DO TEXTO */ position:absolute; width:850px; height:50px; top:50%; left:50%; margin-left:-425px; margin-top:-50px; padding-top:20px; text-align:center; background-color:#296ba4; z-index:3; } #imgs-cinema1{ /* FORMATAÇÃO LINHA COM IMAGENS */ position:relative; float:left; width:1140px; height:340px; margin:auto; } #imgs-cinema2{ /* FORMATAÇÃO LINHA COM IMAGENS */ position:relative; float:left; width:1140px; height:403px; margin:auto; } #box-max-desempenho{ /* TEXTO MAX DESEMPENHO */ position:relative; text-align:center; float:left; width:1060px; height:130px; padding-left:40px; padding-right:40px; padding-top:20px; padding-bottom:0px; background-color:#204668; } #imgs-keystone{ /* FORMATAÇÃO LINHA COM IMAGENS */ position:relative; float:left; width:1140px; height:440px; margin:auto; } #imgs-portatil-fixo1{ /* FORMATAÇÃO LINHA COM IMAGENS */ position:relative; float:left; width:1140px; height:447px; margin:auto; } #fundo-acesso-facil{ /* FUNDO DA DIV BASE */ position:relative; width:1140px; height:110px; float:left; background-color:#FFF; z-index:4; } #barra-azul-claro{ /* BARRA DE ACABAMENTO AZUL PARA ENCAIXE */ position:absolute; width:1140px; height:40px; bottom:0px; text-align:center; background-color:#d6e4ed; z-index:5; } #titulo-acesso-facil{ /* FUNDO DO TEXTO */ position:absolute; width:850px; height:50px; top:50%; left:50%; margin-left:-425px; margin-top:-50px; padding-top:20px; text-align:center; background-color:#296ba4; z-index:6; } #imgs-acesso-intuitivo1{ /* FORMATAÇÃO LINHA COM IMAGENS */ position:relative; float:left; width:1140px; height:552px; margin:auto; } #box-conectividade{ /* TEXTO AMPLA CONECTIVIDADE */ position:relative; text-align:center; float:left; width:1060px; height:130px; padding-left:40px; padding-right:40px; padding-top:20px; padding-bottom:0px; background-color:#FFF; } #imgs-conectividade1{ /* FORMATAÇÃO LINHA COM IMAGENS */ position:relative; float:left; width:1140px; height:368px; margin:auto; } #imgs-conectividade2{ /* FORMATAÇÃO LINHA COM IMAGENS */ position:relative; float:left; width:1140px; height:368px; margin:auto; } #box-qualidade{ /* TEXTO QUALIDADE E EFICIENCIA */ position:relative; text-align:center; float:left; width:1060px; height:125px; padding-left:40px; padding-right:40px; padding-top:20px; padding-bottom:0px; background-color:#eff5f8; } #imgs-qualidade{ /* FORMATAÇÃO LINHA COM IMAGENS */ position:relative; float:left; width:1140px; height:320px; margin:auto; background-color:#eff5f8; } #box-lamp-led{ /* TEXTO LAMPADAS LED */ position:relative; text-align:center; float:left; width:1060px; height:130px; padding-left:40px; padding-right:40px; padding-top:20px; padding-bottom:0px; background-color:#FFF; } #imgs-led{ /* FORMATAÇÃO LINHA COM IMAGENS */ position:relative; float:left; width:1120px; height:250px; margin-left:20px; background-color:#FFF; } #imgs-betec{ /* FORMATAÇÃO LINHA COM IMAGENS */ position:relative; float:left; width:1120px; height:480px; margin-left:20px; background-color:#FFF; </style> </head> <body> <div id="container"/> <div id="imgs-001"> <img src="images/html-betec-bt835a_01.jpg" width="570" height="344" style="float:left;"/> <img src="images/html-betec-bt835a_02.jpg" width="570" height="344" style="float:left;"/></div> <div id="imgs-002"> <img src="images/html-betec-bt835a_03.jpg" width="570" height="226" style="float:left;"/> <img src="images/html-betec-bt835a_04.jpg" width="570" height="226" style="float:left;"/></div> <div id="imgs-003"> <img src="images/html-betec-bt835a_05.jpg" width="570" height="385" style="float:left;"/> <img src="images/html-betec-bt835a_06.jpg" width="570" height="385" style="float:left;"/></div> <div id="imgs-004"> <img src="images/html-betec-bt835a_07.jpg" width="570" height="423" style="float:left;"/> <img src="images/html-betec-bt835a_08.jpg" width="570" height="423" style="float:left;"/></div> <div id="imgs-005"> <img src="images/html-betec-bt835a_09.jpg" width="570" height="416" style="float:left;"/> <img src="images/html-betec-bt835a_10.jpg" width="570" height="416" style="float:left;"/></div> <div id="imgs-006"> <img src="images/html-betec-bt835a_11.jpg" width="570" height="182" style="float:left;"/> <img src="images/html-betec-bt835a_12.jpg" width="570" height="182" style="float:left;"/></div> <div id="box-001"> <p><span class="titulos-azul">PROJETOR POTENTE... SISTEMA SMART!</span></p><p><span class="descricoes-titulos">Com <strong>1600 LÚMENS</strong> para projeção, o que torna o modelo BT835A ainda mais poderoso são as<br /><strong>FUNÇÕES SMART</strong> nativas! O WI-FI integrado permite que você se conecta à internet e tenha<br />acesso direto ao <strong>YOUTUBE, GOOGLE CHROME</strong> e <strong>NETFLIX</strong>, com os aplicativos já instalados!</span></p><p><span class="subtitulos">CONEXÃO WI-FI E OS MELHORES APLICATIVOS JÁ INSTALADOS!</span></p> </div><!--fecha box1 --> <div class="box-apps"> <div id="box-interno"> <div class="app-mini-containers"><img src="images/html-betec-bt835a_15.jpg" width="229" height="229"/> <span class="legenda-quadros-azul">Conexão rápida<br />e fácil</span></div> <div class="app-mini-containers"><img src="images/html-betec-bt835a_17.jpg" width="229" height="229"/><span class="legenda-quadros-azul">O melhor navegador<br />da internet</span></div> <div class="app-mini-containers"><img src="images/html-betec-bt835a_19.jpg" width="229" height="229"/><span class="legenda-quadros-azul">Séries e filmes para<br />seu cinema em casa</span></div> <div class="app-mini-containers"><img src="images/html-betec-bt835a_21.jpg" width="229" height="229"/><span class="legenda-quadros-azul">O maior conteúdo de<br />vídeos do mundo</span> </div><!--fecha box-interno --> </div><!--fecha box-apps --> <div id="linha-caracteristicas"> <div class="box-menor-caracteristicas"> <div class="coluna1"><img src="images/html-betec-bt835a_28.jpg" width="229" height="250"/><br /><br /><br /><br /><img src="images/html-betec-bt835a_30-04.jpg" width="229" height="250"/></div> <div class="coluna-miolo"><img src="images/html-betec-bt835a_28-02.jpg" width="617" height="558" style="float:left;"/></div> <div class="coluna2"><img src="images/html-betec-bt835a_30.jpg" width="229" height="250"/><br /><br /><br /><br /><img src="images/html-betec-bt835a_33.jpg" width="229" height="250"/></div><br /> </div><!--Fecha Div Box-Menor--> </div><!--Fecha Div Linha-Características--> <div id="fundo-titulo-cinema"> <div id="barra-azul-escuro"> <div class="titulos-branco" id="titulo-cinema">CINEMA NO TAMANHO CERTO</div> </div><!--Fecha Barra Azul Escuro--> </div><!--Fecha Titulo Cinema--> <div id="imgs-cinema1"> <img src="images/html-betec-bt835a_37.jpg" width="570" height="340" style="float:left;"/> <img src="images/html-betec-bt835a_38.jpg" width="570" height="340" style="float:left;"/></div> <div id="imgs-cinema2"> <img src="images/html-betec-bt835a_39.jpg" width="570" height="403" style="float:left;"/> <img src="images/html-betec-bt835a_40.jpg" width="570" height="403" style="float:left;"/></div> <div id="box-max-desempenho"> <p><span class="titulos-branco">OBTENHA O MÁXIMO DESEMPENHO</span></p><p><span class="descricoes-cinza-claro"><strong>PARA IMAGENS COM MÁXIMA NITIDEZ, UTILIZE O PROJETOR<br />EM AMBIENTES ESCUROS OU COM BAIXA LUMINOSIDADE!</strong></span></p> </div><!--fecha box Max desempenho --> <div id="imgs-keystone"> <img src="images/html-betec-bt835a_45.jpg" width="570" height="440" style="float:left;"/> <img src="images/html-betec-bt835a_46.jpg" width="570" height="440" style="float:left;"/></div> <div id="imgs-portatil-fixo1"> <img src="images/html-betec-bt835a_45a.jpg" width="570" height="447" style="float:left;"/> <img src="images/html-betec-bt835a_46a.jpg" width="570" height="447" style="float:left;"/></div> <div id="imgs-portatil-fixo2"> <img src="images/html-betec-bt835a_47.jpg" width="570" height="447" style="float:left;"/> <img src="images/html-betec-bt835a_48.jpg" width="570" height="447" style="float:left;"/></div> <div id="fundo-acesso-facil"> <div id="barra-azul-claro"> <div class="titulos-branco" id="titulo-acesso-facil">ACESSO FÁCIL E INTUITIVO</div> </div><!--Fecha Barra Azul Claro--> </div><!--Fecha Acesso Facil--> <div id="imgs-acesso-intuitivo1"> <img src="images/html-betec-bt835a_53.jpg" width="570" height="552" style="float:left;"/> <img src="images/html-betec-bt835a_54.jpg" width="570" height="552" style="float:left;"/> </div><!--Fecha imgs Acesso Intuitivo --> <div id="box-conectividade"> <p><span class="titulos-azul">AMPLA CONECTIVIDADE</span></p><p><span class="descricoes-titulos">Acesso direto a vários tipos de conexão de entrada, aliando praticidade e tecnologia.<br />Conexão de saída para sistema de som externo de alta fidelidade. Qualidade total para a sua projeção.</span></p> </div><!--fecha conectividade --> <div id="imgs-conectividade1"> <img src="images/html-betec-bt835a_56.jpg" width="570" height="369" style="float:left;"/> <img src="images/html-betec-bt835a_57.jpg" width="570" height="369" style="float:left;"/></div> <div id="imgs-conectividade2"> <img src="images/html-betec-bt835a_58.jpg" width="570" height="368" style="float:left;"/> <img src="images/html-betec-bt835a_59.jpg" width="570" height="368" style="float:left;"/></div> <div id="box-qualidade"> <p><span class="titulos-azul">QUALIDADE E EFICIÊNCIA</span></p><p><span class="descricoes-titulos">Projetado com cuidado e construído com componentes de alta qualidade, o projetor <strong>BT835A</strong><br />é uma combinação elegante da tecnologia de ponta com o ótimo desempenho.</span></p> </div><!--fecha conectividade --> <div id="imgs-qualidade"> <img src="images/html-betec-bt835a_58a.jpg" width="570" height="291" style="float:left;"/> <img src="images/html-betec-bt835a_59a.jpg" width="570" height="291" style="float:left;"/></div> <div id="box-lamp-led"> <p><span class="titulos-azul">PROJEÇÃO COM LÂMPADA LED</span></p><p><span class="descricoes-titulos">Lâmpadas LED são muito mais eficientes, duráveis e consomem muito menos energia.<br />Além disso, custam até 5 vezes menos que as lâmpadas de projetores comuns!</span></p> </div><!--fecha conectividade --> <div id="imgs-led"><img src="images/html-betec-bt835a_68.jpg" width="537" height="211" style="float:left;"/><img src="images/html-betec-bt835a_69.jpg" width="538" height="211" style="float:left;"/></div> <div id="imgs-betec"> <img src="images/html-betec-bt835a_72.jpg" width="549" height="437" style="float:left;"/> <img src="images/html-betec-bt835a_73.jpg" width="548" height="437" style="float:left;"/></div> </div><!--Fecha Div Container--> </body> </html> ______________________________ Espero não ter esquecido nada e... Se obtiver alguma resposta... Fico agradecido imensamente! Obrigado a todos, desde já!
  2. Olá galera, sou bem iniciante em html, porém de pouco em pouco tô tentando aprender. Queria fazer uma espécie de checkout para uma loja que estou fazendo, e pra isso usei uma base de formulário para fazer isso, pois o Mercado Pago não salva seus dados de endereço, então achei melhor fazer uma página de checkout para isso. Com ajuda de um gerador que encontrei fuçando na net, consegui o código que colocarei abaixo, porém no mesmo site do gerador, não oferece o botão de enviar. Queria saber como faço para enviar o formulário para meu e-mail ou outro lugar e após isso redirecionar o comprador para o Mercado Pago para efetuar o pagamento, desde já fico agradecido !!! Código abaixo: <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Checkout</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Nome ">Nome</label> <div class="col-md-4"> <input id="Nome " name="Nome " type="text" placeholder="Seu nome" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Sobrenome">Sobrenome</label> <div class="col-md-4"> <input id="Sobrenome" name="Sobrenome" type="text" placeholder="Seu sobrenome" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Endereço">Endereço</label> <div class="col-md-4"> <input id="Endereço" name="Endereço" type="text" placeholder="Primeira linha do endereço" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Endereço2">Nº, Complemento...</label> <div class="col-md-4"> <input id="Endereço2" name="Endereço2" type="text" placeholder="Informações adicionais do endereço" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Cidade">Cidade</label> <div class="col-md-4"> <input id="Cidade" name="Cidade" type="text" placeholder="Sua cidade" class="form-control input-md"> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="Estado">Estado</label> <div class="col-md-4"> <label class="checkbox-inline" for="Estado-0"> <input type="checkbox" name="Estado" id="Estado-0" value="AC"> AC </label> <label class="checkbox-inline" for="Estado-1"> <input type="checkbox" name="Estado" id="Estado-1" value="AL"> AL </label> <label class="checkbox-inline" for="Estado-2"> <input type="checkbox" name="Estado" id="Estado-2" value="AP"> AP </label> <label class="checkbox-inline" for="Estado-3"> <input type="checkbox" name="Estado" id="Estado-3" value="AM"> AM </label> <label class="checkbox-inline" for="Estado-4"> <input type="checkbox" name="Estado" id="Estado-4" value="BA"> BA </label> <label class="checkbox-inline" for="Estado-5"> <input type="checkbox" name="Estado" id="Estado-5" value="CE"> CE </label> <label class="checkbox-inline" for="Estado-6"> <input type="checkbox" name="Estado" id="Estado-6" value="DF"> DF </label> <label class="checkbox-inline" for="Estado-7"> <input type="checkbox" name="Estado" id="Estado-7" value="ES"> ES </label> <label class="checkbox-inline" for="Estado-8"> <input type="checkbox" name="Estado" id="Estado-8" value="GO"> GO </label> <label class="checkbox-inline" for="Estado-9"> <input type="checkbox" name="Estado" id="Estado-9" value="MA"> MA </label> <label class="checkbox-inline" for="Estado-10"> <input type="checkbox" name="Estado" id="Estado-10" value="MT"> MT </label> <label class="checkbox-inline" for="Estado-11"> <input type="checkbox" name="Estado" id="Estado-11" value="MS"> MS </label> <label class="checkbox-inline" for="Estado-12"> <input type="checkbox" name="Estado" id="Estado-12" value="MG"> MG </label> <label class="checkbox-inline" for="Estado-13"> <input type="checkbox" name="Estado" id="Estado-13" value="PA"> PA </label> <label class="checkbox-inline" for="Estado-14"> <input type="checkbox" name="Estado" id="Estado-14" value="PB"> PB </label> <label class="checkbox-inline" for="Estado-15"> <input type="checkbox" name="Estado" id="Estado-15" value="PR"> PR </label> <label class="checkbox-inline" for="Estado-16"> <input type="checkbox" name="Estado" id="Estado-16" value="PE"> PE </label> <label class="checkbox-inline" for="Estado-17"> <input type="checkbox" name="Estado" id="Estado-17" value="PI"> PI </label> <label class="checkbox-inline" for="Estado-18"> <input type="checkbox" name="Estado" id="Estado-18" value="RJ"> RJ </label> <label class="checkbox-inline" for="Estado-19"> <input type="checkbox" name="Estado" id="Estado-19" value="RN"> RN </label> <label class="checkbox-inline" for="Estado-20"> <input type="checkbox" name="Estado" id="Estado-20" value="RS"> RS </label> <label class="checkbox-inline" for="Estado-21"> <input type="checkbox" name="Estado" id="Estado-21" value="RO"> RO </label> <label class="checkbox-inline" for="Estado-22"> <input type="checkbox" name="Estado" id="Estado-22" value="RR"> RR </label> <label class="checkbox-inline" for="Estado-23"> <input type="checkbox" name="Estado" id="Estado-23" value="SC"> SC </label> <label class="checkbox-inline" for="Estado-24"> <input type="checkbox" name="Estado" id="Estado-24" value="SP"> SP </label> <label class="checkbox-inline" for="Estado-25"> <input type="checkbox" name="Estado" id="Estado-25" value="SC"> SC </label> <label class="checkbox-inline" for="Estado-26"> <input type="checkbox" name="Estado" id="Estado-26" value="SE"> SE </label> <label class="checkbox-inline" for="Estado-27"> <input type="checkbox" name="Estado" id="Estado-27" value="TO"> TO </label> </div> </div> </fieldset> </form>
  3. Boa noite, estou com dúvidas e estive pensando... se eu fosse criar um sistema de criar lojas virtuais, como poderia ser a estrutura, principalmente nesta parte: - um banco de dados para cada loja ou um banco de dados para todas as lojas? Que seria separado apenas por id de loja, pedidos seriam unicamente visto por cada loja, óbvio... Qual a sua opinião sobre isto?
  4. Henrique Augusto Rohloff

    BUSCA DE PRODUTOS - Retornar mensagem se nada for encontrado

    Olá! Sou iniciante e estou treinando para configurar uma página de buscas de produtos em um banco de dados. Os produtos já estão sendo encontrados quando a palavra bate com os itens do banco. A conexão com o banco de dados está funcionando corretamente. Porém, quando nada é encontrado, queria que aparecesse uma mensagem "Nenhum resultado, tente novamente." Já tentei com else de tudo que é jeito mas não aparece corretamente... Qual é o jeito certo? Segue o código:
  5. pessoal estou com um problema que acho que deve ser facil de resolver, tenho uma loja shopify e precisava mudar o fundo do topo dela, mais nao estou conseguindo procurei no css e html os codigos estao me leavando para varios lugares e nao consigo, nao sou bom com css e nem html só que isso ta de mais me ajudem pfv
  6. juliosonic

    Loja Virtual

    Boa tarde a todos..Preciso criar uma loja virtual, e gostaria de saber se na opinião de vocês compensa desenvolver uma do zero, ou se é mais rápido e pratico comprar uma pronta?Já trabalho algum tempo com Desenvolvimento Web, mas nunca tive que fazer uma loja virtual, por isso a dúvida. E pesquisando um pouco, vi que muitos vendem tudo pronto já por um valor extremamente simbólico, como esse aqui do MLhttps://produto.mercadolivre.com.br/MLB-1136718108-script-loja-virtual-v12-atualizada-20-temas-expansiva-_JM
  7. samruiz

    [Resolvido] Pagina de pagamento

    Ola, sou novo em programação em php e estou com uma duvida. Estou criando uma loja virtual e colocar ela como delivery, e como forma de pagamento gostaria de colocar para pagamento na entrega, com duas opção: Dinheiro com opção de troco; Cartão de Credito, com opção de levar a maquina. Alguem poderia me ajudar? Obrigado
  8. Prezados, Estou com um probleminha quando utilizo o filtro para a exibição da quantidade de produtos por pagina na loja wordpress-woocommerce, eu percebo que uma pasta é duplicada no link. Link da loja em Localhost; http://localhost/loja6/index.php/loja/ Quando clico para definir uma nova quantidade de produtos a serem exibidos nessa pagina o link duplica a pasta LOJA6 Ficando assim o link; http://localhost/loja6/loja6/index.php/loja/?product_per_page=15 E da erro a pagina nao abre. Poderiam me ajudar. Muito obrigado
  9. matheusdsanjos

    Virgula no lugar de ponto

    Olá pessoal, estou desenvolvendo uma loja virtual e cadastrei os produtos de meu desejo em uma tabela dentro de um banco de dados com MySQL para depois mostrar todos automaticamente na página, dentro da tabela produtos no atributo preço cadastrei tudo desta maneira: "9.90", mas agr que fiz aparecer tudo na página todos os preços estão aparecendo com ponto e quero mudar isso para o preço aparecer com vírgula assim: "9,90", mas só aparecer para na página mesmo e quero que no banco de dados continue com ponto. Expliquei de um jeito sem muitos termos técnicos, desculpem-me se está de um jeito difícil de entender. Se alguém puder me ajudar, agradeço!
  10. Dalton Teres

    Loja virtual

    Boa noite amigos! Estou com uma terrível dúvida e não encontro suporte em nenhuma plataforma. Estou iniciando um negócio de capas de celular. Porém, quando vou fazer o cadastro de uma capa, eu gostaria de fazer o cadastro de 01 item que seria a arte da capa, e quando entrasse nesse produto o cliente pudesse escolher o modelo em uma lista. Mas não achei nenhuma plataforma que dê essa opção. E não tenho money pra mandar alguém fazer em magento pra mim. Procurei plataformas que permitissem variações nos produtos, mas não ficou muito bom. Entendam o problema... vão ser aproximadamente 20 modelos de celular e 150 estampas. Se eu tiver que fazer um cadastro para cada modelo de capa com cada desenho vão dar 3.000 cadastros de produtos. O ideal seria fazer apenas 150 cadastros (desenhos das artes) e depois que o cliente clicasse no desenho, ai sim ele escolheria o modelo. Alguém sabe como posso resolver isso? Tem alguma plataforma que eu consiga trabalhar dessa forma? Anexo o modelo que gostaria. Grato Abraços
  11. Dalton Teres

    Loja virtual

    Boa noite amigos! Estou com uma terrível dúvida e não encontro suporte em nenhuma plataforma. Estou iniciando um negócio de capas de celular. Porém, quando vou fazer o cadastro de uma capa, eu gostaria de fazer o cadastro de 01 item que seria a arte da capa, e quando entrasse nesse produto o cliente pudesse escolher o modelo em uma lista. Mas não achei nenhuma plataforma que dê essa opção. E não tenho money pra mandar alguém fazer em magento pra mim. Procurei plataformas que permitissem variações nos produtos, mas não ficou muito bom. Entendam o problema... vão ser aproximadamente 20 modelos de celular e 150 estampas. Se eu tiver que fazer um cadastro para cada modelo de capa com cada desenho vão dar 3.000 cadastros de produtos. O ideal seria fazer apenas 150 cadastros (desenhos das artes) e depois que o cliente clicasse no desenho, ai sim ele escolheria o modelo. Alguém sabe como posso resolver isso? Tem alguma plataforma que eu consiga trabalhar dessa forma? Anexo o modelo que gostaria. Grato Abraços
  12. Joaquim Macedo

    [Resolvido] Loja Virtual

    Boa Tarde a Todos! Pretendo criar uma Loja Virtual, com serviços. Existem 4 seções - que correspondem a 4 tabelas de MySQL. ( Cada uma destas secções corresponde a uma tabela de MySQL ). A 1ª seção corresponde a dados gerais da pessoa. As outras 3 seções são tipos de leitura diferentes - e que correspondem a um custo também diferente -, e são ativados por 3 checkboxes. O utilizador ao clicar numa checkbox, vão aparecer novos inputs, que correspondem a uma tabela de MySQL. O problema não está em esconder ou mostrar os inputs - que corresponde a esconder ou mostrar uma div -. O problema também não está no MySQL. O problema é como posso implementar isto, usando PHP. Não posso utilizar um formulário com os inputs, pois alguns inputs podem estar escondidos. Como saber, em PHP, as secções que estão "ativas"? As 3 checkboxes podem estar checked, ou só uma ou as duas. Ou seja, a 1ª seção está sempre "ativa". A 2ª seção pode estar "ativa" ou a 3ª seção pode estar "ativa" ou a 4ª seção pode estar "ativa". Desde já, o meu Muito Obrigado! Abraços do Joaquim.
  13. Felipessz

    Layout de Loja

    Olá pessoal estou estudando HTML e PHP e vi uma lojinha na internet com um layout muito bacana: https://www.jinx.com/ Saberiam e poderiam me ajudar a entender essa estrutura da Nav bar.Como consigo surgir as telas ao lado, clicando nos icones?
  14. Olá pessoal, alguém sabe os procedimentos para montar uma loja alugada? tomei como base a loja http://www.iluria.com.br Quais são os procedimentos que devo seguir? Att, Obrigado!
  15. Bom dia amigos, Estou desenvolvendo uma loja usando woocommerce, e o cliente pediu que eu disponibilizasse a visibilidade do preço e possibilidade de compra somente após o login do cliente. [ link da loja: Acontece que o cliente também pediu uma grade para compra no atacado. Usei o seguinte plugin (SEGUE PRINT DA GRADE E DO SHORTCODE DELA): http://codecanyon.net/item/wholesale-table-add-to-cart/12632420 http://prntscr.com/9xzyob http://prntscr.com/9xzyrx Agora ele quer que, além do preço ser escondido, a grade também só seja mostrada com o usuário logado. Existe alguma forma de adaptar o código que bloqueia o preço para que ele bloqueie apenas a grade (ou de preferência, ambos). Obrigado
  16. Bom dia amigos, Estou desenvolvendo uma loja usando woocommerce, e o cliente pediu que eu disponibilizasse a visibilidade do preço e possibilidade de compra somente após o login do cliente. [ link da loja: Acontece que o cliente também pediu uma grade para compra no atacado. Usei o seguinte plugin (SEGUE PRINT DA GRADE E DO SHORTCODE DELA): http://codecanyon.net/item/wholesale-table-add-to-cart/12632420 http://prntscr.com/9xzyob http://prntscr.com/9xzyrx Agora ele quer que, além do preço ser escondido, a grade também só seja mostrada com o usuário logado. Existe alguma forma de adaptar o código que bloqueia o preço para que ele bloqueie apenas a grade (ou de preferência, ambos). Obrigado
  17. Alfredo B.

    Loja Virtual E Checkbox Com Valores

    Galera tenho uma loja virtual e nela tem algumas ckeckbox e em baixo tem um valor só que eu quero que ao clicar nessa checkbox ela automaticamente altere o valor total do item, alguem sabe como posso fazer isso?
  18. Ola pessoal, sou novo no fórum, e este foi um dos mais recomendados para este tópico, bom vamos la: Preciso de um script que puxe os anúncios de um determinado usuário do mercado livre e mostra em minha pagina , por exemplo , o usuário do mercado live " joao " tem 10 anúncios no mercado livre , com este script , coloco no site " www.sitedojoao.com " os anúncios do joao cadastrados no mercado livre. não sei se a codificação e php ou java, gostaria de uma ajuda, dês de ja obrigado!
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.