Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

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.

Compartilhar este post


Link para o post
Compartilhar em outros 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ê.

Compartilhar este post


Link para o post
Compartilhar em outros 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.

Compartilhar este post


Link para o post
Compartilhar em outros 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);

Compartilhar este post


Link para o post
Compartilhar em outros 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);
}

Compartilhar este post


Link para o post
Compartilhar em outros 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

Compartilhar este post


Link para o post
Compartilhar em outros 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

Compartilhar este post


Link para o post
Compartilhar em outros 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;
}
"

Compartilhar este post


Link para o post
Compartilhar em outros 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?

Compartilhar este post


Link para o post
Compartilhar em outros 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 {
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Sem título.jpg

Compartilhar este post


Link para o post
Compartilhar em outros 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

 

 

Compartilhar este post


Link para o post
Compartilhar em outros 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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.