Como por embaixo do social horario de funcionamento email endereco e telefone para contato

Layout
1

Gente, alguém tem o codigo de como por abaixo do social no rodapé da loja, o email telefone para contato, endereço e horario de atendimento? Eu encontrei uma vez mas não estou encontrando mais alguém me ajuda por favor!

2

@clau1 segue o código abaixo. Coloca esse código em Incluir HTML >> Descrição: Central de Atendimento >> Local Publicação: Rodapé >> Pagina da Publicação: Todas as Páginas >> Tipo: HTML.

<script src="https://use.fontawesome.com/f2e10c5fef.js"></script>

<div class="span4 atendimento">
    <span class="titulo cor-secundaria">Atendimento</span>
    <ul>
        <li><i class="fa fa-clock-o" aria-hidden="true"></i><p class="cor-secundaria">Segunda a Sexta das 9h as 17h</p></li>
        <li><i class="fa fa-whatsapp" aria-hidden="true"></i><p class="cor-secundaria">(00) 0000-0000</p></li>
        <li><i class="fa fa-phone" aria-hidden="true"></i><p class="cor-secundaria">(00) 0000-0000</p></li>
        <li><i class="fa fa-envelope-o" aria-hidden="true"></i><a class="cor-secundaria" href="mailto:email@servidor.com.br">email@servidor.com.br</a></li>
        <li><i class="fa fa-map-marker" aria-hidden="true"></i><p class="cor-secundaria">Nome da Rua, 000 - Bairo - Cidade-UF - 00000-000</p></li>
    </ul>
</div>

<script>
    $(function(){$(".span4.atendimento").insertAfter(".pagamento-selos .span4.selos");})
</script>

<style>
    @media only screen and (min-width: 768px) {
        #rodape .redes-sociais {
            position:relative
        }
    }

    .pagamento-selos .span4.atendimento > ul {
        margin:0
    }

    .pagamento-selos .span4.atendimento > ul > li {
        position:relative;
        line-height:25px;
        margin-bottom:3px
    }

    .pagamento-selos .span4.atendimento > ul > li i {
        width:20px;
        text-align:center;
        height:20px;
        line-height:20px;
        position:absolute;
        top:0;
        left:0
    }

    .pagamento-selos .span4.atendimento > ul > li a,.pagamento-selos .span4.atendimento > ul > li p {
        margin:0;
        display:inline-block;
        line-height:20px;
        text-indent:25px;
        vertical-align:top
    }

    body.pagina-carrinho .span4.atendimento,
    body.pagina-carrinho.carrinho-checkout .span4.atendimento,
    body.pagina-pedido-finalizado .span4.atendimento {
        display: none
    }
</style>
7 curtidas
3

Muito obrigada Pedro mais uma vez!

4

Boa tarde, Pedro.
Como vai?
Você consegue identificar o porque esse código não funciona para o mobile?
Eu tenho um template,pode ser esse o motivo?

5

Gostaria de saber se tem como eu colocar esses dados bem ACIMA dos selos.

6

Muito obrigado, funcionou.
www.mevest.com.br

8

Boa tarde, no meu site funcionou mas desconfigurou a posição das formas de pagamento, selos e formas de envio, você sabe como arrumo?
O titulo formas de envio ficou de um lado e os selos do outro

atendimento

9

Alguém pode me ajudar a organizar o rodapé da minha loja ?
muito obrigado

image
image1366×768 147 KB

1 curtida
10

Copiei o código certinho, porém ficou muito em baixo.

image
image1366×768 99.1 KB

Como alterar?

11

Obrigado Pedro ficou excelente

12

Obrigada! super funcionou, desktop e mobile!

13

Caro,
solucao proposta funcionou adequadamente. Obrigado!!
Gostaria de saber se no caso do email que esta no codigo, ao inves de clicar e abrir o aplicativo de envio de email abrir o formulario que ja existe no fale conosco.
Obrigado