[OFICINA] - Pequenas alterações em sua loja

@Appmake.store como faço para centralizar o nome do produto na home?

Não conseguimos, fiquei sem o rastreio :c

Olá Appmake.store tudo bem com vocês? Tenho 2 duvidas que estou tentando solucionar e não consigo, vocês podem me ajudar?

Como centralizar o texto Bem-vindo, identifique-se para fazer pedidos?

Como alterar o tamanho da fonte do menu de subcategorias?

Olá pessoal,

Inseri um código para mudar a localização da descrição do produto. Ele funciona perfeitamente no desktop e no modo mobile do inspecionar mas quando abro no celular a descrição aparece em cima da foto, quanto na verdade é embaixo. Alguém pode ajudar?

Loja: www.tsmith.com.br


Eros, o meu está assim:

Código HTML:

Rodapé
Todas as Páginas
Java Script

$('.barra-inicial .canais-contato li.hidden-phone').before( 

      '<div class="rastreio-btn span1">'+ 
        '<li class="rastreio-topo"><i class="fa fa-truck"></i>Rastreio de pedido</li>'+
         '<div class="rastreio-content">'+
          '<p>Digite o código de rastreio para acompanhar seu pedido:</p>'+
            '<input type="text" name="OrderTracking" id="OrderTracking" placeholder="Código">'+                
            '<button type="submit" class="rastreio">RASTREAR</button>'+
         '</div>'+
      '</div>'
    );
    
    $(".rastreio").click(
            function() {
                var numerosro = document.getElementById('OrderTracking').value;
                window.open('https://www.linkcorreios.com.br/'+numerosro,'_blank');
            }
        );

    $('.rastreio-btn').hover( 
    function () {
        $('.rastreio-content').fadeIn(400).show();
    },
    
    function(){
        $('.rastreio-content').fadeOut(400).hide();
    });

===============================

Na Edição do CSS:

/* Rastreio barra-inicial - cor pra teste #DC143C*/
/.fundo-secundario, .fundo-secundario :hover, .fundo-secundario.botao:hover {color: #fff;} .canais-contato.span9 {position: absolute;} i.fa.fa-truck { margin-left: 10px;font-size: 13px}/
.rastreio-content {position: absolute; background:#3b3b3c; z-index:999; display:none; padding:9px; text-align:center; margin-top:30px;}
.rastreio-content p {font-size: 12px;}
.rastreio-btn {cursor:pointer; background:#3b3b3c; width:150px; height:31px; width:auto !important;}
.rastreio-topo {margin-top:0; color:#ffffff; text-align:center; width:150px; color:#ffffff;}
.rastreio-topo:hover {text-decoration: underline;}

/Caixa de texto onde digita/
#OrderTracking {width:160px; border:0; box-shadow:none; background-color:#ffffff; border-radius:5px;}
input#OrderTracking {color: #3b3b3c;} /cor do text digitado pelo cliente/
input#OrderTracking:hover {color: #3b3b3c;}

/Botão para rastrear/
.rastreio {background: #A9A9A9; margin-top:-10px; padding: 5px 5px 5px 5px; border-radius:3px; font-size:10px; border-radius:5px; margin-left:5px; color:#ffffff; font-weight:500;}
.rastreio:hover {background: #000000; color: #ffffff !important;}

1 curtida

Prezados
Gostaria de adicionar um botão clicável de whatsapp embaixo do botão de compras no meu site

Bebedouro Industrial 200 Litros - Gelanox - bebedouro

image

O painel permite inserir html apenas no Rodapé e no Cabeçalho
Acredito que eu preciso de algum comando CSS para puxar este html do rodapé para outra posição desejada… mas desconheço essa função. Não achei nenhum tutorial.
Alguém poderia me instruir como funciona a função after e before do css para eu inserir este botão?

Outro desafio é o add o link do whatsapp

Conto com vcs! obrigado

@Saulo_Assis respondi aqui:


Douglas Medina

Especialista em e-commerce

Whatsapp :zap: Personalização de lojas
Instagram :zap: @_douglasmedina
Conteúdo :zap: douglasmedina.com

Olá pode me ajudar a muda o carrinho da minha loja quero mudar pra uma sacola https://nort-sul.lojaintegrada.com.br/

Preciso de ajuda de alguém.
Estou precisando adicionar um texto antes do fullbanner e entre o fullbanner e o bannertarja.

Bom dia, poderia me mandar os textos?

Texto antes do full banner

“PRECISA DE UM ESPECIALISTA?”

Texto depois

“Conte com a equipe da HML Engenharia”

Bom dia, segue abaixo o código.

Javascript

var text1 = "PRECISA DE UM ESPECIALISTA?";
var text2 = "Conte com a equipe da HML Engenharia";
  
$("<h1 class='text-center' style='font-size: 40px; color: #000000; font-weight: 500; font-family: Lato;'>" + text1 + "</h1>").insertBefore(".cheio");
$("<h1 class='text-center' style='font-size: 40px; color: #000000; font-weight: 500; font-family: Lato;'>" + text2 + "</h1>").insertBefore(".banner.tarja");

1 curtida

Se eu quiser colocar mais um texto abaixo do primeiro como faço?
Outra coisa, como faço pra alinha o banner tarja?
Muito obrigado

Javascript

var text3 = "texto aqui"
$("<p class='text-center' style='font-size: 16px'>" + text3 + "</p>").insertAfter(".banner.cheio");

CSS

.banner.tarja{
  margin: 0!important;
}

2 curtidas

Muito Obrigado. salvou

Você sabe me dizer se é possível deixar o formulário fale conosco exposta na pagina inicial (home)? para ficar abaixo da lista de produtos em destaques

Boa Noite, tudo bem?
Ja olhei tudo que é post, mas ainda não consegui achar. Gostaria que as categorias subissem no mobile. Hoje esta aparecendo embaixo do menu pesquisar.

Alguem consegue, subir pra onde tem os tres risquinhos e tbm colocar a palavra MENU no lugar dos 3 risquinhos. PLEASEEEEE!!!

manda um código apenas para o MENU, não quero a dica

Pessoal, estou tentando usar um full banner dentro das categorias e produtos, porém ele só aparece na versão para computador, não aparece em mobile. Alguma ideia de como fazer?

1 curtida

Olá @Pedro_Ribeiro. Tudo bem ?

Marcando o pessoal da @Groomb aqui, para lhe dar uma ajuda certeira.

É com vocês pessoal :facepunch:

e ai marcelo conseguiu?