Magento - Witruimte afbeeldingen


Magento zal indien dit nodig is zelf witruimte toevoegen aan afbeeldingen van producten. Dit komt door het schalen van de afbeelding naar een opgegeven formaat in de template, hierbij wordt er proportioneel geschaald en indien nodig wordt er dus witruimte toegevoegd. Dit is bijvoorbeeld te zien in het overzicht met producten in Magento.

Er zijn twee mogelijkheden op dit gebied. Je kunt zelf een andere kleur instellen in plaats van wit indien dit gewenst is en je kunt het toevoegen van witruimte uitschakelen. Op dan als eerste bijvoorbeeld het bestand list.phtml die te vinden is op de onderstaande locatie.

/app/design/frontend/default/[templatenaam]/template/catalog/product/


In zowel de lijstweergave als de rasterweergave staat dan de onderstaande code waarmee een afbeelding van een product getoond wordt in het overzicht met producten.

<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) ?>" />


Witruimte verwijderen

Achter resize(135) voeg dan ->KeepFrame(false) toe, de volledige code zie je hieronder.

<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(135)->KeepFrame(false); ?>" width="135" height="135" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" />


Andere kleur instellen

Om een andere kleur te gebruiken voeg je ->backgroundColor(array(255,250,227)). De correcte kleurcode om te gebruiken kun je bijvoorbeeld uit Photoshop (RGB) halen.

<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(135)->backgroundColor(array(255,250,227)); ?>" width="135" height="135" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" />