Categories

Plantillas Destacadas

Magento. Eliminación de fondo blanco de imagen

Chris Diaz abril 29, 2013
Rating: 4.8/5. From 4 votes.
Please wait...

Este tutorial puede ayudarle a eliminar el borde blanco de imágenes de productos en Magento.

Magento. Removing white image background

Si Usted utiliza diferentes detenciones para las imágenes de la lista de productos, Usted puede encontrar este problema:

Para eliminar los bordes blancos,

  1. Por medio de su FTP, utilizando su Gestor de ficheros del panel de control de hosting o un cliente FTP (FileZilla, CuteFTP etc), abra la carpeta app/design/frontend/your_theme/template/catalog/product/ (your_theme es el nombre de su tema) .
  2. Abra el fichero list.phtml para modificarlo.
  3. Búsque el siguiente código (about line 94):
  4. <div class="grid-inner"> <a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" class="product-image"><img class="pr-img" src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(203); ?>" width="203" height="203" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" /></a>
    
  5. Reemplace los valores de ; resize(210), width="210", height="210" por los valores de su imagen (se puede encontrar otros valores – ellos dependen del número de su plantilla). Por lo tanto, si la imagen es 210×164, vamos a encontrar lo siguiente:
  6. <div class="grid-inner"> <a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" class="product-image"><img class="pr-img" src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(210); ?>" width="164" height="210" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" /></a>
    
  7. Agregue lo siguiente al código
  8. constrainOnly(TRUE)->keepAspectRatio(TRUE)->keepFrame(FALSE)->
    

    para obtener este resultado:

    <div class="grid-inner"> <a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" class="product-image"><img class="pr-img" src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->constrainOnly(TRUE)->keepAspectRatio(TRUE)->keepFrame(FALSE)->resize(210); ?>" width="164" height="210" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" /></a> 
    
  9. Guarde los cambios en el fichero, abra su panel de administración de Magento, el menú Catalog -> Manage products (Catálogo -> Administrar productos) y suba la imagen otra vez.
  10. Limpie su caché del navegador/Magento y abra la página de categoría. La imagen no tiene los bordes blancos ahora.

Por favor, revise el tutorial:

Magento. Eliminación de fondo blanco de imagen

Magento Plantillas
Esta entrada fue publicada el Tutoriales de Magento y etiquetada background, images, Magento. Agregar enlace permanente a marcadores.

Submit a ticket

Si Usted todavía no puede encontrar un tutorial suficiente para arreglar su problema, por favor use el siguiente enlace para enviar un ticket a nuestro equipo de soporte técnico. Nosotros enviaremos nuestra respuesta dentro de próximas 24 horas: Enviar un ticket