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

Layout
435

Existe alguma forma de alterar a seleção de variação de forma padrão para a primeira variação apresentada?

Quanto tenho produto com uma unica opção de cor, e tenho para que
o filtro funcione, para pessoas mais distraidas podem entender que por não ter escolhido a opção co, não tem disponivel o produto no tamanho
assim, …

quando o cliente ver OPÇÂO de cor 1
Tamanhos 38, 40, 42… Ja fica entendido que já esta selecionado aquela unica (ou primeira) variação de cor.

image

ou qq outra alteração de texto que explique melhor que selecionar atributo é selecionar a variação.

Desde já agradeço a ajuda.

436

@Appmake.store
Olá, poderia me ajudar? Estou com um problema com o botão de Ver detalhes do produto. Ele aparece em cima da imagem do produto, tanto no desktop qnto no mobile.
Screenshot_4

www.araujogouveiaferramentas.com.br

1 curtida
437

Bom dia Appmake.store!

Eu precisava e uma edição de CSS em um código.

Quando eu pedi ajuda aqui no fórum sobre como solucionar o problema quando algum cliente pesquisa algo na Barra de Pesquisa e não encontra o produto, algum amigo me passou um código para adicionar um link de contato quando não for encontrado nada na pesquisa.

Abaixo imagem como exemplo
Barra%20de%20Pesquisa%20Solucao

Código usado para esse comando:

Código HTML - Rodapé - Todas as Paginas - JavaScript

$('<div>Não encontrou o que procurava? Faça contato conosco clicando <a href="/#contato">aqui</a></div>').insertAfter('.pagina-busca .conteudo .botao');

Pergunta

Como posso editar um CSS para que essa frase fique mais VISÍVEL e mais CLICÁVEL?

Muito obrigado desde já!! :slight_smile:

438

Olá, ve se esse código CSS irá lhe ajudar:

@media(max-width: 767px){
.listagem .titulo-categoria {
    text-align: center;
    overflow: hidden;
}
.listagem a.titulo-categoria::after {
    margin: 10px 0 0 0;
    float: inherit;
    display: block;
}
.listagem .produtos-carrossel .listagem-linha li .listagem-item {
    width: 100%;
    margin: 0;
    padding: 0;
}
}

Att Equipe Appmake

Appmake.store

439

Olá Priscila,

Adiciona no incluir código HTML, como javascript no rodape, esse código abaixo. Esse código irá ativar a variação automaticamente quando houver apenas 1 opção:

$( function(){

    var variacaoDiv = $('.produto .atributos > div');

    $.each(variacaoDiv, function(){
        var listVariação = $(this).find('ul li');

        if( listVariação.length === 1 ){
            listVariação.find('a').click();
        }
    });
  
});

Att Equipe Appmake

Appmake.store

1 curtida
440

Olá, adiciona esse CSS e ve se resolve seu problema:

.listagem-item .acoes-produto, .listagem-item .acoes-produto-responsiva {
    position: inherit;
    border: 0;
    background: transparent;
    padding: 0;
    text-align: left;
}

Att Equipe Appmake

Appmake.store

441

Olá Paulo,

Altera o código JS do seu amigo para isso:

$('<div class="alert-product">Não encontrou o que procurava? Faça contato conosco clicando <a href="/#contato">aqui</a></div>').insertAfter('.pagina-busca .conteudo .botao');

E adiciona esse CSS:

.alert-product {
    margin-top: 20px;
    font-size: 20px;
    border: 1px solid;
    padding: 10px;
}

Att Equipe Appmake

Appmake.store

2 curtidas
442

FICOU PERFEITO !!! MUITOOOOOOOOOOOOOOOOOO OBRIGADO !!! Bem legal que ficou, melhor do que pensei :slight_smile:

443

Perfeito! muito obrigada @Appmake.store

444

Deu Certo, muito obrigada :blush:

445

Fiz no meu colocando a tabela de medidas em tudo da seguinte forma.
Fiz em 1 produto, colocando na descrição do produto.
Exportei a tabela e copiei o campo descrição para todos e importei novamente. No seu caso tem o campo de imagem do produto.

1 curtida
446

pessoal , quem pode me ajudar , preciso alterar as cores do meu tema.
tipo cabecalho , rodape. onde está na cor preta queria mudar para um tom bege.
alguem pode me ajudar.
www.ruthbabys.com.br

447

Olá Fernando,

Enviamos por email o arquivo CSS para que você possa fazer a alteração, basta copiar e colar.

Vi que seu site não possui nenhum APP ativa, conheça nossos apps e o que podemos fazer de bom para sua loja, clique aqui

Att Equipe Appmake

Appmake.store

448

Perfeitoooooo!!! Muito obrigado, ficou excelente!!! :sunglasses:

449

Sensacional. equipe nota 1000. muito obrigado pela ajuda.
Pretendo terminar a arte e cadastrar todos os produtos em ate 1 mês para o lançamento.
nesse espaço de tempo vou olhar os apps e te chamo para ativarmos.

desde já agradeço.

450

Tem algum código simples que posicione o calculo do frete abaixo do botão comprar ? entendeu ?

1 curtida
451

Perfeito Fernando :grin:

Att Equipe Appmake

Appmake.store

452

Olá André, tem sim segue abaixo:

$(function(){
   $('.produto .principal > #DelimiterFloat').after($('.produto .principal > .cep'))
})

Att Equipe Appmake

Appmake.store

453

Muito obrigado. Ficou ok. Abs e tenha um excelente final de semana !

454

Muito obrigado amigo. Deu certinho, porem agora as subcategorias não ficaram centralizadas. Tem como me ajudar com isso tambem?