Bem vindo ao brockdev.com, não seja tímido compartilhe suas duvidas e conhecimento. :D

Espaço entre produtos na home...

LojasRPM Usuário
editado April 2014 em Tutoriais Temas / Templates
Boa tarde, preciso da seguinte ajuda
eu deixei a home com apenas 1 coluna e aumente o tamanho
das imagens, elas ficaram coladas uma nas outras, gostaria de aumentar o espaçamento
entre ela, ( até achei 1 linha no CSS que consegui aumentar o espaçamento, porém jogou
um quarta imagem para Baixo. )

qual arquivo devo alterar em que parte?

Segue o site http://www.lojasrpm.com.br


Grato desde já

Comentários

  • Jonatan Machado Moderador Global, Administrador
    Ola LojasRPM
    Você tem 3 duvidas que não estão ligadas. crie um topico para cada pergunta. e depois exclua esse
    Abraço.
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • LojasRPM Usuário
    ok, alterei a pergunta.
  • Jonatan Machado Moderador Global, Administrador
    Voce tem que alterar o css
    .col1-layout .products-grid {
    margin: 0 auto;
    width: 100%;
    }
    .products-grid li.item {
    float: left;
    padding: 8px;
    text-align: center;
    width: 230px;
    }
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • LojasRPM Usuário
    Jonatan, deu certo porém nas categorias
    ficaram com 5 produtos por linha, e estourou a página.
    Tem como deixar a categoria com 4 produtos por linha.

    veja http://lojasrpm.com.br/linha-cozinha.html
  • LojasRPM Usuário
    Jonatan eu fiz como você disse em outro topico,

    duplicado list-category.phtml
    Depois altera o XML layout padrado o arquivo responsável serria esse catalog.xml
    Pronto ai e so você alterar o nume do colunas

    porém como altero o catalog.xml
  • Jonatan Machado Moderador Global, Administrador
    Tem algumas formas de resolver isso mais a mais facil e voce voltar o bakup do css

    e para alterar apenas na home voce teria que pegar a class do <body class=" cms-index-index cms-home"> e adicionar eu acho que fica mais ou menos assim mais vai fazendo testes.

    .cms-home .col1-layout .products-grid {
    margin: 0 auto;
    width: 100%;
    }
    cms-home .products-grid li.item {
    float: left;
    padding: 8px;
    text-align: center;
    width: 230px;
    }
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
Entre ou Registre-se para fazer um comentário.