Configurando o menu na loja virtual tray com CSS

[guilomaker 31]

o woocommerce e tranquilo de mexer.

 

sobre o icone ele e um before

 

.icon-carrinho:before {

content: "\e009";

}

ele é esse \e009

[GlaucioMarcos 0]

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.

[guilomaker 31]

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ê.

[GlaucioMarcos 0]

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.

[guilomaker 31]

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);

[GlaucioMarcos 0]

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);
}

[gautierpaolo 0]

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

[gautierpaolo 0]

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

 

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

[gautierpaolo 0]

 

 

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;

}

"

[sergio_salvador 0]

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?

[André do Vale 76]

Sérgio, o pessoal da Tray também oferece um suporte mais adequado caso necessário. Veja:

http://forum.imasters.com.br/topic/536165-open-code-tray/?p=2143478

[GlaucioMarcos 0]

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 {

content: url(http://i.imgur.com/k7FdoVf.png);

}

[GlaucioMarcos 0]

Esse cara fez o que quero fazer com a barrinha, vejam se ajuda:

http://www.destaqueeventos.com.br/

[ti@ensimec.com 0]

Boa Tarde!! Estou precisando fazer duas alterações em nossa loja. Criar um botão personalizado para efetuar cotação, e dividir o menu em blocos. É possivel fazer em css?? https://ensimecgbach.commercesuite.com.br/implementos-para-minicarregadeiras/linha-premium/betoneira-para-minicarregadeira

[overrideow 0]

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.

 

e aqui também:

 

 

 

[cancels 0]

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.