Magento Forum

Ajustar o template para mostrar em Lista
 
SLaudio
Sr. Member
 
Avatar
Total Posts:  103
Joined:  2009-05-29
Lisboa - Portugal
 

Amigos, eu pretendia dar um jeitinho no template, mas não sei bem por onde começar…

Como podem ver na minha loja, ao passar para visualização em lista fica um espaço enorme entre a imagem e os textos.

Pretendia encurtar esses espaços de forma a poder aumentar o espaço de texto.

Depois tb me agradava que criar dois botões para Ler Mais... e Comparar e coloca-los todos em linha juntamente com o botão comprar.

Para perceberem melhor anexei uma imagem em que em cima está como seria o ideal e em baixo como aparece agora.

Toda a ajuda é importante

Tks

Image Attachments
Lista.JPG
 
Magento Community Magento Community
Magento Community
Magento Community
 
Eric Cavalcanti
Guru
 
Avatar
Total Posts:  710
Joined:  2008-09-28
San Antonio
 

Va em:
http://www.solucoesaudio.net/store/skin/frontend/default/default/css/boxes.css

Procure por:
/* Form lists */

E tente mudar as coisas.

 
Magento Community Magento Community
Magento Community
Magento Community
 
SLaudio
Sr. Member
 
Avatar
Total Posts:  103
Joined:  2009-05-29
Lisboa - Portugal
 

Olá amigo, obg pela ajuda

Resolveu a primeira parte, mas não por completo

Onde tenho o template sem alteração (Default) ficou OK
http://www.solucoesaudio.net/store/deejay/leitores-de-cds/simples-dj.html

Onde alterei para 2 colunas com coluna esquerda não altera o posicionamento.
http://www.solucoesaudio.net/store/deejay/leitores-de-cds.html

Não sei se alterei bem, alterei aqui…

/* Form lists */
.form-list li { margin-bottom:6px; }
.form-list li .input-box .input-text,
.form-list li .input-box textarea { width:250px; }
.form-list li .input-box select { width:256px; }
.form-list li.addElement { border-top:1px solid #DDD; padding-top:10px; }

.group-select {
margin:28px 0;
border:1px solid #bbafa0;
padding:22px 25px 12px 25px;
background:#fbfaf6;
}
.group-select .legend {
margin-top:-33px;
float:left;
border:1px solid #f19900;
background:#F9F3E3;
padding:0 8px;
color:#E76200;
font-weight:bold;
font-size:1.1em;
}
.group-select li { padding:4px 8px; }
.group-select li .input-box { float:left; width:50px; }
.group-select li .input-text, .group-select li select, .group-select li textarea { width:25px; }
.group-select li .input-box .input-text, .group-select li .input-box textarea { width:250px; }
.group-select li .input-box select { width:256px; }

Abraços

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top