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

Produtos na home

Amigos,

Boa tarde!!

É possível alterar o TAMANHO das imagens dos meus produtos na home? Estou achando um pouco exagerado o tamanho padrão.
Andei procurando no google mas não obtive sucesso.
Grande abraço!!

Comentários

  • Alessandra Moderador Global
    Boa Tarde dieguinhovm!
    Qual código você utiliza para exibir os produtos na home?
  • Alessandra,
    Boa tarde !

    Este é o código que coloquei na página da home em conteúdo.

    {{block type="catalog/product_list" name="home.catalog.product.list" alias="products_homepage" category_id="35" template="catalog/product/list.phtml"}}
  • Alessandra Moderador Global
    Ok!
    Você usa o list.phtml para exibir os produtos na home. Esse mesmo arquivo é o responsável pela listagem dos produtos no restante do catálogo (categorias, resultados da busca, etc). Se você diminuir o tamanho da imagem nesse arquivo, além da sua home, o restante também ficará com a imagem menor.
    Você quer deixar só as imagens dos produtos na home com o tamanho menor, ou nas categorias também?
  • Alessandra, na verdade se fosse possível deixar apenas os da home menor acho que seria melhor. Pois os produtos ficam muito grande (desproporcional).
    É possível?
  • Alessandra Moderador Global
    É possível sim!
    Basta fazer o seguinte:

    - Duplique seu list.phtml (app/design/frontend/default/SeuTema/template/catalog/product), renomeando a cópia para list_home.phtml, por exemplo.

    - Abra esse list_home.phtml e procure pelo trecho responsável pela exibição da imagem. No tema padrão, o trecho é o seguinte:

    <a href=\"<?php echo $_product->getProductUrl() ?>\" title=\"<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>\" class=\"product-image\"><img src=\"<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(135); ?>\" width=\"135\" height=\"135\" alt=\"<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>\" /></a>


    Nesse caso, a imagem mede 135x135, para alterar basta substituir aonde está 135 por um valor mais baixo.
    Obs: Esse trecho aparece duas vezes nesse arquivo, altere nas duas.

    - Altere o arquivo responsável pela listagem dos produtos na home, pelo list_home.phtml, deixando o código assim:

    {{block type="catalog/product_list" name="home.catalog.product.list" alias="products_homepage" category_id="35" template="catalog/product/list_home.phtml"}}
  • Alessandra, muito bom.. era quase isso.. a imagem diminuiu sim... ficou do tamanho que eu queria!!! Mas como estou usando um template "pink_lingerie" ao redor da imagem fica um "quadrado" que manteve o mesmo tamanho anterior. Tem como este quadrado ser alterado e "acompanhar" o tamanho da imagem?
  • Alessandra Moderador Global
    Xii... O problema é que eu não posso acessar a sua loja daqui do serviço... Vou pedir para o Jonatan te ajudar!
  • Sem problema!

    :)

    Muito obrigado!!!

    Tenho só mais um pedido de ajuda que se trata ao topo da loja (onde fica o logo e a opção de busca). Mas depois que eu arrumar as imagens da home eu parto para o próximo passo e abro um novo tópico.

    Obrigado Alessandra!!
  • Jonatan Machado Moderador Global, Administrador
    Olá dieguinhovm

    Os links das imagens tem uma borda como voce alterou o tamanho da imagem você tem que alterar a class que tem esse borda
    no arquivo styles.css você altera o width e height do mesmo tamanho que você colocou o tamanho da imagem

    .products-grid .product-image {
    display: block;
    width: 135px;
    height: 195px;
    margin: 0 0 7px;
    border: 1px solid #D1D1D1;
    }
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • Jonatan.. Boa tarde!!

    Uma coisa que observei em relação a borda da imagem, quando fiz a alteração, nas categorias, a imagem ficou do tamanho original e a imagem acabou estourando o espaço dela, ficando junto com o nome do produto.
    Devo voltar a como era antes?
  • Jonatan Machado Moderador Global, Administrador
    E verdade voce so que as fotos menor na home né
    tenta assim ja que na home voce tem uma lateral right e nas categorias left assim acho que funciona acrecenta assim no arquivo css e volta ao normal quela outra alteração

    .col2-right-layout .col-main .products-grid .product-image{
    width: 135px;
    height: 195px;
    }
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • :)

    Já acertei!!

    rsrs.. muito obrigado a vocês!!

    Vou abrir um novo tópico... Obrigado!!!!
Entre ou Registre-se para fazer um comentário.