Link nos icones "meus pedidos" "minha conta"

cortulie · Novembro 12, 2020, 1:47pm

Olá!
Consegui deixar somente os ícones do ações da conta, mas eles ficaram sem função.
Alguém consegue me ajudar a arrumar?

www.cortulie.com.br

cleberandrade · Novembro 12, 2020, 3:05pm

Pelo que percebi, a função (link) estava apenas nos textos (que foi ocultado através de código) e não no conjunto ícone + texto. Neste caso você tem que ocultar apenas o conteúdo da tag <a> (código javascript InnerHtml = '' ) e não a tag <a> inteira e logo depois colocar o ícone pra dentro da tag <a> através de código javascript. Como ficará 2 ícones (um dentro da tag <a>, clicável e um fora da tag) você insere outro código para ocultar o que estiver fora e manter somente o de dentro.

Espero que tenha entendido. No momento estou sem tempo para dar uma solução exata já com os código, mas se você já tiver habilidade para mexer no código já é uma ajuda.

cortulie · Novembro 12, 2020, 3:55pm

Eu entendi, mas não sei como faz. Obrigada mesmo assim!!!

Jose_Claudio_Alvarez · Novembro 12, 2020, 4:50pm

Conforme o @cleberandrade disse, você precisa inserir um código JavaScript no rodapé de todas as suas páginas. Você pode fazer um teste utilizando esse aqui:

$(document).ready(function() {
    //Remove elementos ocultos
	$('#cabecalho > div.conteiner > div.row-fluid > div:nth-child(3) > div.superior.row-fluid > div > ul > li:nth-child(1) > a.cor-secundaria').remove();
	$('#cabecalho > div.conteiner > div.row-fluid > div:nth-child(3) > div.superior.row-fluid > div > ul > li:nth-child(2) > a.cor-secundaria').remove();
	//Insere links nos ícones
	$('#cabecalho > div.conteiner > div.row-fluid > div:nth-child(3) > div.superior.row-fluid > div > ul > li:nth-child(1) > i').wrap($('<a href="https://www.cortulie.com.br/conta/pedido/listar" style="display: inherit;"></a>',));
	$('#cabecalho > div.conteiner > div.row-fluid > div:nth-child(3) > div.superior.row-fluid > div > ul > li:nth-child(2) > i').wrap($('<a href="https://www.cortulie.com.br/conta/index" style="display: inherit;"></a>',));
});

Se você precisa de ajuda para fazer esse processo, dê uma olhada nesse link:

cortulie · Novembro 12, 2020, 5:07pm

O link nos icones deram certo, quando entro na página não consigo clicar em nada e aparece “você deve estar autenticado para acessar essa página”

Jose_Claudio_Alvarez · Novembro 12, 2020, 5:23pm

Parece que o seu menu está tampando os campos para fazer o login. Tenta alterar esse código CSS para ver se resolve:

/* abaixar o menu */
.menu.superior {
    bottom: 50px;
    top: 180px;
}

cortulie · Novembro 12, 2020, 5:27pm

Continua do mesmo jeito! Não consigo cliclar em nada na parte do login
o menu parece estar normal

Jose_Claudio_Alvarez · Novembro 12, 2020, 5:57pm

Tem algum CSS aplicado no menu ou em parte dele que está bloqueando esses campos para o login. Tenta apagar ou comentar os códigos que você fez para posicionar o menu para ver se resolve.

cortulie · Novembro 12, 2020, 6:03pm

Não consegui encontrar nada… Esses são todos os css que eu coloquei no cabeçalho

/* tirar barra flutuante */
#barraTopo {
display: none !important;
}

/* COR DAS REDES SOCIAIS BARRA INICIAL */
.barra-inicial .icon-facebook{background: transparent;}
.barra-inicial .icon-instagram{background: transparent;}
.barra-inicial .icon-pinterest{background: transparent;}
.barra-inicial .icon-bold{background: transparent; }

/* TIRAR BEM VINDO /
.bem-vindo {
display: none;
}
/ icone de sacolina */
.icon-shopping-cart:before { content: “\f290”; }

.icon-list::before {
content: “\f004”;
margin-top: 10px;
font-size: 25px;
}

.icon-user::before {
content: “\f007”;
margin-top: 10px;
font-size: 25px;
}

/fundo dos ícones/
.acoes-conta > li i {
display: inline-block;
width: 20px;
height: 0px;
margin-right: 0px
}

/* muda tamanho fonte texto*/
.acoes-conta li > * {
font-size: 14px;
}
.acoes-conta {
float: right;
top: 0px;
position: relative;
left: -10px;
}
.acoes-conta li>* {
display: none;
}
.acoes-conta>li i {
background: transparent;
}
.icon-list:before {
font-size: 30px;
color: #fff;

}
.icon-user:before {
font-size: 30px;
color: #fff;
padding-left: 10px;
}

/*sacolinha de compra /
/ Retira a mensagem de “Carrinho vazio” */

.carrinho.vazio>a span {
display: none;
}

/* Retira mensagem de “Produto adicionado” */

.carrinho>a span {
display: none;
}

/* conteúdo do carrinho /
.conteudo-topo .carrinho {
border: 0px;
padding: 3px 0;
text-align: center;
margin-top: -10px;
width: 35px;
height:32px;
}
.conteudo-topo .carrinho>a i {
background: transparent;
display: inline-block;
width: 35px;
height: 32px;
line-height: 35px;
vertical-align: top;
}
.conteudo-topo .carrinho>a> {
float: inherit;
display: inline-block;
}
.carrinho>a> {
float: right;
top: 10px;
margin-right: 0px
position: relative
}

/*alinhando sacolinha com ações da conta */
.conteudo-topo .carrinho {
float: right;
top: 69px;
position: absolute;
right: 454px;
}

/*barra de pesquisa */

.busca {
border:none;
background-color:transparent;}

/* Alinhar Logo com barra de busca */

.busca {
position: absolute;
top: 0px;
bottom: 360px;
left: 25px;
right: 15px;
width: 15%;
margin: auto;
max-height: 30%;
}

/* Cor do fundo e texto do menu */
#cabecalho > .conteiner > .menu.superior, #cabecalho > .conteiner > .menu.superior .com-filho > a i { background-color: transparent; border-bottom: 0px solid #e8e1e1; }
#cabecalho > .conteiner > .menu.superior .titulo { color: #6d2e46;}

/* Centralizar os itens do menu */
#cabecalho > .conteiner > .menu.superior { text-align: center; }
#cabecalho > .conteiner > .menu.superior .nivel-um > li { display: inline-block; float: none; border-right: 0px solid #6d2e46; border-left: -0px; margin-right: -0px; }

/* menu 100% largo */
@media (min-width: 768px) {
.menu.superior {width: 100%;position: absolute;top: 140px;left: 0px;}
.logo {margin-bottom: 70px;}

}
/* abaixar o menu */
.menu.superior {
bottom: 50px;
top: 180px;
}

cortulie · Novembro 12, 2020, 6:15pm

Eu tirei os seguintes códigos:

/* menu 100% largo */
@media (min-width: 768px) {
.menu.superior {width: 100%;position: absolute;top: 140px;left: 0px;}
.logo {margin-bottom: 70px;}

}
/* abaixar o menu */
.menu.superior {
bottom: 50px;
top: 180px;
}

e agora parece que está tudo ok, mas o menu ficou desconfigurado

Jose_Claudio_Alvarez · Novembro 12, 2020, 6:20pm

/* abaixar o menu */
.menu.superior {
bottom: 50px;
top: 180px;
}

Eu acho que esse é o problema. Tenta voltar os códigos anteriores, mas só deixa esse de fora.

cortulie · Novembro 12, 2020, 6:23pm

realmente, é esse mesmo o código com problema! mas sem ele, o menu fica por cima da barra de busca

Jose_Claudio_Alvarez · Novembro 12, 2020, 6:39pm

Então o jeito vai ser revisar o seu código CSS para descobrir onde está o problema. Provavelmente é algum elemento com o valor “position: absolute”, esse código é sempre complicado de usar porque você tem que calcular bem na hora de posicionar cada elemento.

cortulie · Novembro 12, 2020, 6:41pm

ok! muito obrigada pela ajuda!!

Paulo21 · Janeiro 10, 2023, 2:13pm

Bom dia, @Leonardo_Vicentini_F consegue me ajudar??
Alterei somente via CSS o local dos ícones do meus pedidos e conta no desktop para a barra topo, e removi a mensagem de bem vindo. Altero os códigos no inspecionar funciona quando coloca na plataforma não.

Certo

Errado

bemii.com.br

Leonardo_Vicentini_F · Janeiro 10, 2023, 2:25pm

.conteudo-topo .superior.row-fluid.hidden-phone > div.span8 {
    min-height: 1px;
}

Leonardo_Vicentini_F · Janeiro 10, 2023, 2:28pm

aproveitando, tem um bug quando a tela e full hd, nao da pra inserir o codigo, some a caixa quando tenta mover o mouse para cima

mudar esse CSS de 140px para

sugestão de alteração de CSS

Paulo21 · Janeiro 10, 2023, 2:54pm

Top demais, tu e muito fera… ajustei os códigos…
Obrigado!!!

Paulo21 · Janeiro 10, 2023, 3:06pm

@Leonardo_Vicentini_F tem esse erro o que pode ser?? Será que e o provedor??

E na guia anonima não tem…

Leonardo_Vicentini_F · Janeiro 10, 2023, 3:07pm

vc tem algum bloqueador de ADS?

Tópico		Respostas	Visualizações
Link nos icones Meus Pedidos Minha Conta Layout	5	427	21 de Maio de 2021
Ajuda, ícones (Meus Pedidos, Meu Carrinho e minha conta) Layout	2	657	1 de Outubro de 2020
Ìcones Minha Conta e Meus Pedidos Layout	5	1103	13 de Janeiro de 2022
Retirar meus pedidos deixar so o icone minha conta carrinho e busca Layout	5	684	14 de Setembro de 2021
Preciso alterar a cor de 2 Ícones: Minha Conta e Carrinho/Sacolinha Layout	2	85	9 de Fevereiro de 2024

Link nos icones "meus pedidos" "minha conta"

Tópicos relacionados