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

Layout
22

Olá Appmake!

Também preciso de uma ajudinha. O botão comprar na versão responsiva não está funcionando, ou seja não tem como clicar nele somente na imagem. Teria como me ajudar? Muito obrigado! Segue meu site https://www.lannapeliculas.com.br/

3 curtidas
23

Olá Jardel,

Para isso teremos que apelar para o JavaScript :smile:

$(document).ready( function(){
	if( $('#cabecalho > .conteiner > .menu.superior').length ){
    	$('#cabecalho > .conteiner > .menu.superior .nivel-um').append($('#cabecalho > .conteiner > .menu.superior .nivel-um > li.categoria-marcas'));
    }
});

Adiciona essa linha de JS no rodape da sua loja e ve se resolve seu problema.

Conte sempre com a Equipe Appmake :wink:

2 curtidas
24

Olá Lanna,

Acho que já sei como resolver seu problema, poderia adicionar esse CSS abaixo de tudo?

.listagem-item .acoes-produto.hidden-phone {
    display: block !important;
    opacity: 1;
    position: inherit;
}

.listagem-item .acoes-produto-responsiva {
    display: none !important;
}

Depois acessa o mobile da sua loja e faz um teste :wink:

Conte sempre com a Equipe Appmake
Já conhece nossos APPS? Clique aqui

4 curtidas
25

Nossa Funcionou, muito Obrigado!

26

Tem mais uma coisinha rsr Appmake, o meu carrinho na versão responsiva não aparece a contagem de produtos add, poderia me ajudar novamente. https://www.lannapeliculas.com.br/

27

Caracas tu é monstro hein, me senti “a programadora” kkkk

Vontade de saber os códigos e mudar o site inteirooooooooo

Muuuuuuito obrigada!!! <3

Eu vi seu site ontem e pensei justamente no Compre junto… estamos colocando o estoque ainda, assim que a gente terminar, vou querer sim, é um super incentivo p/ a cliente!!!

1 curtida
28

Olá Lanna,

Acho que consigo resolver com uma linha de JavaScript e outra de CSS.

CSS

.atalhos-mobile li.fundo-principal {
    position: relative;
}

.atalhos-mobile li.fundo-principal .qtd-carrinho {
    position: absolute;
    top: 3px;
    right: 3px;
    background: #ff0091;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 50%;
}

Javascript

$(document).ready( function(){
  if( $(window).width() < 767 && $('#cabecalho .carrinho .qtd-carrinho').length ){
    $('.atalhos-mobile li.fundo-principal').append( $('#cabecalho .carrinho .qtd-carrinho').clone() );
  }
});

Conte sempre com a Equipe Appmake
Já conhece nossos APPS? Clique aqui

4 curtidas
29

Muito legal né kkkkkkk

Somos apaixonados por soluções por causa disso, sempre pensando em mudar para melhorar :wink:

Obrigado pelo feedback e aguardamos você no nosso sistema.

Conte sempre com a Equipe Appmake

Appmake.store

1 curtida
30

Nossa Perfeito muiito obrigado!

31

Sensacional. Você sabe como essas correções são importantes para nós. Agradeço muito.

1 curtida
32

Tem possibilidade de retirar do topo o “Fale Conosco” e o “Whatsapp”, pois inseri uma Central de Atendimento.

Bhe-á Make

33

Retirei com este CSS:

/* Retirou o fale conosco e whatsapp*/
.canais-contato ul li a, .canais-contato ul li span {
display: none;
}

É isso aí?

5 curtidas
34

Olá , estou começando a organizar uma loja agora e não sei mexer muito com códigos, então, eu gostaria de saber como deixa as bordas do “Buscar” e “Meu Carrinho” com as bordas arredondadas como nesse exempo:
image

link para loja:
https://lpmodacountry.lojaintegrada.com.br/

2 curtidas
35

Olá Jardel,

Funciona mas como você não vai utilizar mais a div inteira você poderia simplicar escondendo a div que engloba tudo isso

.canais-contato {
    display: none;
}

Simples assim :smile:

Att Equipe Appmake

Appmake.store

36

Olá Gustavo,

Ve se o código CSS que eu vo mandar pode te ajudar

.conteudo-topo .busca {border: 0;background: transparent;padding: 0;}

.conteudo-topo .busca input {width: 100%;box-sizing: border-box;height: 40px;border-radius: 30px;padding: 0 40px 0 20px;}

.conteudo-topo .busca button {height: 35px;padding: 0;width: 35px;line-height: 35px;border-radius: 100%;top: 3px;right: 3px;}

.conteudo-topo .carrinho {border-radius: 30px;}

.conteudo-topo .carrinho>a i {border-top-left-radius: 20px;border-bottom-left-radius: 20px;}

Conte sempre com a gente :wink:

Quer aumentar as vendas do site? Confira nossos APPS. Clique aqui

Att Equipe Appmake

Appmake.store

9 curtidas
37

Muito obrigado Appmake, era exatamente o que eu queria!

38

Olá, Boa tarde AppMake.Store

minha loja www.campifibras.com.br

Será que conseguem me ajudar? precisava deixar meu Full Banner Mobile igual a foto a baixo.

A loja integrada permite mostrar o Full Banner no Mobile, mas apenas com a dimensão bem pequena.

31945845_1815931058464543_388653282832154624_n

me ajudem, Por favor…

39

Tentei ajustar com “padding” mas estou com dificuldades. Ajusta o a página com o menu.

Site

ajusta-menu-coma-pagina-do-produto

40

Olá Rafael,

O banner fica pequeno porque ele se ajusta a largura do site. Para criar um banner exclusivo no mobile isso requer um pouco mais de cuidado e programação.

Mas se você não se importar de ter o banner cortado podemos tentar essa gambiarra :smile:

.secao-banners .banner.cheio img {
    max-width: 210%;
    width: 210%;
    position: relative;
    left: -230px;
}

Att Equipe Appmake

Appmake.store

3 curtidas
41

Olá Jardel,

Tenta com esse CSS, vamos ver se resolver :wink:

#cabecalho > .conteiner > .menu.superior {
    margin-top: 32px;
}
#cabecalho > .conteiner {
    padding-bottom: 0;
}

Att Equipe Appmake

Appmake.store