Jump to content

[RESOLVIDO] Como retirar a coluna da direita e aumentar a coluna central, na versão 1.5.3.1


Recommended Posts

Olá pessoal,

 

Estou implementando uma loja para mim e gostaria de retirar a coluna da direita e aumentar a coluna do centro para exibir melhor os produtos.

Essa alteração eu pretendo fazer para toda a loja. O já retirei todos os módulos da coluna mas o espaço em branco fica ocupando como se estivesse lá.

Att

Link to comment
Share on other sites

  • 3 weeks later...

Boas,

 

Terá de fazer varias alterações em vários ficheiros, por exemplo:

 

Header.tpl:

Remover na Linha 88:

<!-- Left -->
<div id="left_column" class="column grid_2 alpha">
{$HOOK_LEFT_COLUMN}
</div>

 

global.css

Alterar na Linha 45:

De:

#center_column {
   width: 757px;
}

Para:

#center_column {
   width: 980px;
}

 

 

Como boa parte dos restantes ficheiros tpl e css do tema.

 

Cumps

Edited by carloscorp (see edit history)
Link to comment
Share on other sites

Olá Carlos,

 

Consegui, na verdade a coluna que eu gostaria de tirar é a coluna da Direita, então, fiz o procedimento, porém para right_column, agora parece que a barra onde apresenta "Produtos em Destaque" não esta alinhado com o menu, eu já coloquei o máximo de pixel no tamanho da largura da center_column mas mesmo assim, ela fica um pouco retraida.

Será que você tem ideia do que pode ser feito para alinhar corretamente?

Link to comment
Share on other sites

Olá Carlos,

 

Caramba, leu meus pensamentos, coloquei para exibir 5 produtos, ficou legal, mais agora eu acho que vou precisar aumentar o espaço de apresentação de cada produto, por que ficou um espaço enorme no final, ou então, aumentar os espaços entre eles.

O que você acha melhor? pode me dar a dica de como fazer isso?

Link to comment
Share on other sites

Carlos,

 

não quero abusar da sua ajuda, mais diante do quanto já me ajudou não posso deixar de pedir somente mais uma ajuda :)

 

Quando clico numa categoria ele exibe os produtos listados, gostaria de colocar da mesma forma como é apresentado na página principal, estilo grade.

 

Você tem idéia de como faz isso?

 

Se não tiver como colocar em grade pode ser listando mesmo, mais ai listando preciso aumentar o espaço por que está pequeno, por conta de ter excluido a coluna da direita.

Link to comment
Share on other sites

No ficheiro "default\modules\homefeatured\homefeatured.tpl"

Linha 30 altere para:

<div class="block_content" style="margin-left: 40px">

 

Cumps

 

Coloque desta forma.

 

Para alterar a forma como é mostrado os produtos use o ficheiro "default\product-list.tpl" como referencia, depois terá de replicar a estrutura no "default\modules\homefeatured\homefeatured.tpl"

 

Cumps

Edited by carloscorp (see edit history)
Link to comment
Share on other sites

Olá Carlos,

 

Consegui, fui em product_list.css e alterei:

 

de:

#product_list li .center_block {
    float: left;
    padding:0 7px;
    width: 342px;/* 356 */
    border-right:1px dotted #ccc
}

 

Para:

#product_list li .center_block {
    float: left;
    padding:0 7px;
    width: 542px;/* 356 */
    border-right:1px dotted #ccc
}

Link to comment
Share on other sites

a apresentação dos produtos em destaque na home está ótimo

eu tirei aquele css que você mandou colocar na global.css e coloquei na tag do tpl. e tipo, ficou centralizado né? acho que ficou melhor assim.

Agora na questão de listar os produtos nas páginas das categorias eu acho que ficou bom dessa forma.

Acho que ficou excelente, não tem mais nenhuma alteração pra fazer de código, agora é só colocar os produtos e colocar o modulo de frete e pagseguro.

Carlos, Muito obrigado pela ajuda.

 

abraços

Link to comment
Share on other sites

  • 1 month later...

Olá! vcs poderiam me ajudar?.. pretendo fazer o mesmo que "CarlosC"

Já removi a coluna direta e alterei todas as linhas:

"center_column {width:757px}" para "center_column {width:980px}" em global.css.

Mas a coluna central continua desalinhada.. vejam:

 

http://www.mercaweb.com.br

Edited by Gino Siqueira (see edit history)
Link to comment
Share on other sites

  • 5 weeks later...

Boa noite amigos...limpei o cache e segui os passos do tópico, mas não consegui. A barra onde apresenta "Produtos em Destaque" não esta alinhado com o menu, eu já coloquei o máximo de pixel no tamanho da largura da center_column mas não dá certo, a coluna de PRODUTOS EM DESTAQUES então pula de linha e vai parar encima do rodapé. Onde estou errando?

 

Se eu criar a .grid_5{ margin-right: 0px; } no grid_prestashop.css, a coluna destaques pula de linha e vai parar embaixo!!!

 

Espero que possam me ajudar.

 

Obrigado!!

 

 

 

Depois de muito custo, achei onde se deve colocar:

default\Header.tpl, linha 94. Deve ficar assim:

<div id="center_column" class=" grid_5" style="margin-right:0px">

Edited by diego.nigga (see edit history)
  • Like 1
Link to comment
Share on other sites

  • 6 months later...

Bom dia Carlos, voce poderia me dar uma ajuda, Estou começando a usar Prestashop 1.5.6, Aumentei o tamanho da coluna central para caber mais Produto em Produto em Destaque, aumentei de 4 para 5 como voce sugeriu, mas o 5 produto ficou junto do 4 produto, tentei fazer a modificação sigerido por voce.

 

                                               <div class="block_content" style="margin-left: 45px">

 

mas não funcionou tem outra dica.

Link to comment
Share on other sites

Ola pessoal !!!  - Alguem pode me ajudar, estou começando a usar Presta 1.5.6.0 tema padrão, e gostaria de colocar  5 produto por linha no modulo Produto em destaque, ja aumentei a coluna central, e o 5 Produto fica junto do 4 produto, como dar o espaço entre o 4 produto e 5 produto.

 

Muito Obrigado a todos.

Link to comment
Share on other sites

  • 3 months later...
  • 2 weeks later...

Boas,

 

Terá de fazer varias alterações em vários ficheiros, por exemplo:

 

Header.tpl:

Remover na Linha 88:

<!-- Left -->
<div id="left_column" class="column grid_2 alpha">
{$HOOK_LEFT_COLUMN}
</div>
global.css

Alterar na Linha 45:

De:

#center_column {
    width: 757px;
}
Para:

#center_column {
    width: 980px;
}

Como boa parte dos restantes ficheiros tpl e css do tema.

 

Cumps

 

Ola Pessoal,

Gostaria muito de excluir bloco lado direito da minha loja e almentar cloco central de tamanho para ficar na pagina inteira ,quem puder me ajudar eu agradeço e muito. endereço loja    http://lojainfosp.tk/

Link to comment
Share on other sites

  • 5 months later...

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
×
×
  • Create New...