Jump to content
gautierpaolo

Configurando o menu na loja virtual tray com CSS

Recommended Posts

Pra configurar e tal é fácil? Uma vez dei uma olhada e pareceu confuso. Principalmente pra configurar moeda nacional, métodos de pagamento e tudo mais. As vezes foi só impressão mesmo.

 

Amigo, desculpa mesmo a ignorância, mas com relação ao before sabe onde posso ver uma relação desses ícones? Pois testei trocando o número 009 pra outros, e tem vários, mas queria escolher um em específico. Sabe se em algum lugar tem uma lista? Achei um link com glyphicons, mas não tem nada a ver, é outro código.

Share this post


Link to post
Share on other sites

Pra configurar e tal é fácil? Uma vez dei uma olhada e pareceu confuso. Principalmente pra configurar moeda nacional, métodos de pagamento e tudo mais. As vezes foi só impressão mesmo.

 

Amigo, desculpa mesmo a ignorância, mas com relação ao before sabe onde posso ver uma relação desses ícones? Pois testei trocando o número 009 pra outros, e tem vários, mas queria escolher um em específico. Sabe se em algum lugar tem uma lista? Achei um link com glyphicons, mas não tem nada a ver, é outro código.

 

se quiser usar um seu e só colocar o caminho da imagem no content

 

content: "imagens/icone.png";

 

tire um dia pra dar uma estudada no woo, faça uma configuração limpa do wordpress em servidor local, e baixe um template pra woo e faça uns testes e veja o que acha, pois só assim você vai saber se e bom ou não pra você.

Share this post


Link to post
Share on other sites

Obrigado pela dica com o woo, farei isso.

 

Sobre o content até agora estou apanhando, acredita? Peguei uma imagem em png, troquei a cor e upei no imgur.

Link direto: http://i.imgur.com/k7FdoVf.png

 

Como faço? Tentei colocar no content o endereço da imagem como falou, e fica aparecendo a url ao invés do ícone. Devo upar a imagem no ftp da loja?

 

Prometo que é minha última encheção! Haha.

Share this post


Link to post
Share on other sites

Obrigado pela dica com o woo, farei isso.

 

Sobre o content até agora estou apanhando, acredita? Peguei uma imagem em png, troquei a cor e upei no imgur.

Link direto: http://i.imgur.com/k7FdoVf.png

 

Como faço? Tentei colocar no content o endereço da imagem como falou, e fica aparecendo a url ao invés do ícone. Devo upar a imagem no ftp da loja?

 

Prometo que é minha última encheção! Haha.

 

coloque a imagem dentro da pasta imagens do seu site, e no content coloque o caminho da imagem

 

content: url(caminho/image.jpg);

Share this post


Link to post
Share on other sites

Perfeito mano, muito obrigado.

 

Se não for abusar de sua boa vontade, voltando em um assunto que já tratou mais acima: deixar o menu sempre aberto a esquerda. Estava funcionando normal com o código que você passou pra gente, e do nada parou após eu incluir outras coisas no editor css. Dê uma olhada como está o conteúdo do meu editor css agora. A parte em negrito é a que você passou. Verifica pra mim por favor se tem algo errado.

 

 

.mini-menu-rodape {

position: absolute;
margin-top: -3263px;
z-index: 9999;
}
.bg-busca {border:none !important;}
}
.menu-esquerdo-dinamico .nivel-2 {
background: none;
display: block;
margin-top: 10px;
}

.icon-carrinho:before {
content: url(http://i.imgur.com/Af5LvX4.png) !important;
}
.banner-js {
clear: both;
margin: 5px;
padding-bottom: 0px;
text-align: center;
overflow: hidden;
}
.bg-busca form {
background: url('../img/bg_form.png') repeat;
-webkit-border-radius: 1px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 0px solid #000000;
outline: 0px solid #000000;
-moz-outline-radius: 3px;
padding: 25px 130px;
}
.color-4 .border-tone-2 {
border-color: #A5A5A5;
}
.color-4 .bg-tone-2 {
background-color: #C9C9C9;
}
.color-4 .color-tone-2 {
color: #676767;
}
.logotipo img {
max-height: 6000px;
max-width: 97%;
display: inline-block;
vertical-align: middle;
element.style {
padding-right: 0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
width: 220px;
}
.overflow, .caixa-overflow {
display: block;
overflow: hidden;
}
element.style {
border-right-width: 0px;
}
brechoauthentique.commercesuite.com.br/media="all"
.bg-busca {
border-right: 1px solid #37343b;
padding: 9px 12px 9px;
}
brechoauthentique.commercesuite.com.br/media="all"
.overflow, .caixa-overflow {
display: block;
overflow: hidden;
}
brechoauthentique.commercesuite.com.br/media="all"
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, code, dd, del, details, dfn, div, dl, dt, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, sub, summary, sup, time, tt, u, ul, var, video {
margin: 0;
padding: 0;
border: 0;
}
user agent stylesheetdiv {
display: block;
}
Inherited from
brechoauthentique.commercesuite.com.br/media="all"
.font-exo, .font-exo a, .font-exo button, .font-exo h1, .font-exo h2, .font-exo h3, .font-exo h4, .font-exo h5, .font-exo h6, .font-exo input, .font-exo textarea {
font-family: Exo,sans-serif;
}
brechoauthentique.commercesuite.com.br/media="all"
.color-4, .color-4 .color-tone-7, .color-4 p {
color: #767676;
}
brechoauthentique.commercesuite.com.br/media="all"
body {
font: 400 12px Arial,Helvetica,sans-serif;
}
brechoauthentique.commercesuite.com.br/media="all"
body {
line-height: 1;
}
brechoauthentique.commercesuite.com.br/media="all"
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
.bg-busca {
border-right: 1px solid #000000;
padding: 9px 12px 9px;
}
.icon-carrinho:before {
content: url(http://i.imgur.com/k7FdoVf.png);
}
Edited by GlaucioMarcos

Share this post


Link to post
Share on other sites

Pessoal, quero mudar a cor das letras e emotion (pessoa e carrinho) para cor branca, segue imagem abaixo do que quero mudar.

 

ja tentei editar o CSS mas da erro, não muda a cor.

qual seria o CSS correto para esta mudança? Obrigado.

 

 

site: www.gusman.com.br

tcntSkh.jpg

Edited by gautierpaolo

Share this post


Link to post
Share on other sites

Pessoal, quero mudar a cor das letras e emotion (pessoa e carrinho) para cor branca, segue imagem abaixo do que quero mudar.

 

ja tentei editar o CSS mas da erro, não muda a cor.

qual seria o CSS correto para esta mudança? Obrigado.

 

 

site: www.gusman.com.br

tcntSkh.jpg

 

PRONTO, FEITO!!!

 

FICOU ASSIM :

 

>>>>>>>>>>>>>>>>>>>>>>>>>

.cabecalho {
border-top: 0px solid #818181;
}
.color-25, .color-25 .color-tone-7, .color-25 p {
color: #383A75;
}
.color-25 .color-tone-1 {
color: #383A75;
}
.color-25 .color-tone-9 {
color: #383A75;
}
.icon-user {
color: #383A75;
}
.icon-carrinho {
color: #383A75;
}
.carrinho-descricao {
color: #fff;
}
.color-25 .color-tone-2 {
color: #fff;
}
>>>>>>>>>>>>>>>>>>>>>
AGORA UMA DUVIDA
COMO FAÇO PARA AUMENTAR O TAMANHO DO .NAVSUPERIOR , gostaria que ele tivesse 195px de height, como faço??? ajuda
Vlw

Share this post


Link to post
Share on other sites

 

 

PRONTO, FEITO!!!

 

FICOU ASSIM :

 

>>>>>>>>>>>>>>>>>>>>>>>>>

.cabecalho {
border-top: 0px solid #818181;
}
.color-25, .color-25 .color-tone-7, .color-25 p {
color: #383A75;
}
.color-25 .color-tone-1 {
color: #383A75;
}
.color-25 .color-tone-9 {
color: #383A75;
}
.icon-user {
color: #383A75;
}
.icon-carrinho {
color: #383A75;
}
.carrinho-descricao {
color: #fff;
}
.color-25 .color-tone-2 {
color: #fff;
}
>>>>>>>>>>>>>>>>>>>>>
AGORA UMA DUVIDA
COMO FAÇO PARA AUMENTAR O TAMANHO DO .NAVSUPERIOR , gostaria que ele tivesse 195px de height, como faço??? ajuda
Vlw

 

 

 

PRONTO já consegui:

 

galera não ta ajudando mais né =/

 

ficou assim:

 

"

.cabecalho .bg-busca {
background-color: #fff;
border-radius: 25px;
margin: 90px 0px 0px 0px;
padding: 11px 23px 11px 23px;
}
#NavSuperior {
height: 155px;
}
#cabecalho {
height: 155px;
}
#logotipo {
height: 195px;
}
.cabecalho {
box-shadow: 2px 0px 5px 4px rgba(0,0,0,.3)
}
.logotipo img {
max-height: 195px;
}
.cabecalho {
border-top: 0px solid #818181;
}
"

Share this post


Link to post
Share on other sites

OLA GUILOMAKER,

 

FORAM EXTREMAMENTE UTEIS SUAS ORIENTAÇÕES AQUI! OBRIGADO.

 

EU CONSEGUI DEIXAR O MENU ABERTO TAMBEM, POREM QUANDO CLICO EM ALGUMAS CATEGORIAS, A APAGINA QUE ABRE NAO ABRE COM O MENU ABERTO.

 

É POSSIVEL COLOCAR ESSA CONFIGURAÇÃO DO MENU ABERTO A TODAS AS PAGINAS DO SITE?

Share this post


Link to post
Share on other sites

Amigos, boa tarde. Já fiz tudo o queria, inclusive subir aquela barra de rodapé lá embaixo para usar como menu superior. Através do editor css, porém DO NADA a barra sumiu. Agora voltou a aparecer e está lá embaixo novamente. Vejam por favor no código presente no Editor Css se tem algo de errado pra mim? Me ajudaria muito.

 

 

{

.mini-menu-rodape {
position: absolute;
margin-top: -3263px;
z-index: 9999;
}
.bg-busca {border:none !important;}
}
.menu-esquerdo-dinamico .nivel-2 {
background: none;
display: block;
margin-top: 10px;
}
.icon-carrinho:before {
content: url(http://i.imgur.com/Af5LvX4.png) !important;
}
.banner-js {
clear: both;
margin: 5px;
padding-bottom: 0px;
text-align: center;
overflow: hidden;
}
.bg-busca form {
background: url('../img/bg_form.png') repeat;
-webkit-border-radius: 1px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 0px solid #000000;
outline: 0px solid #000000;
-moz-outline-radius: 3px;
padding: 25px 130px;
}
.color-4 .border-tone-2 {
border-color: #A5A5A5;
}
.color-4 .bg-tone-2 {
background-color: #C9C9C9;
}
.color-4 .color-tone-2 {
color: #676767;
}
.logotipo img {
max-height: 6000px;
max-width: 97%;
display: inline-block;
vertical-align: middle;
element.style {
padding-right: 0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
width: 220px;
}
.caixa-overflow {
display: block;
overflow: hidden;
}
element.style {
border-right-width: 0px;
}
.bg-busca {
border-right: 1px solid #000000;
padding: 9px 12px 9px;
}
.icon-carrinho:before {
}

Share this post


Link to post
Share on other sites

Aproveitando o ensejo, gostaria de sumir com um "ver todos"em minha loja tray. porém não faço a mínima ideia de como fazer.591d0b17c7f80_CapturadeTela2017-05-17as23_46_15.thumb.png.b00d737f7d46ea48b814defa0eca884a.png

 

e aqui também:

 

591d0cf2b6ff9_CapturadeTela2017-05-17as23_50_28.png.7bab733666cc98119cba715448347875.png

 

 

Share this post


Link to post
Share on other sites

eu estou com um problema semelhante na plataforma da TRAY estou tentando mudar o menu dos produto quero colocar ICONES mais não estou conseguindo.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.