Dostosowywanie rozmiarów obrazów na stronie

Magento w domyślnym szablonie przeskalowuje większość obrazów do kwadratu, co jest często problematyczne. Często projekt graficzny wymaga zachowania odpowiednich proporcji zdjęć.

Domyślnie za skalowanie zdjęc odpowiada funfcja :

helper( 'catalog/image' )->init( $_product, 'small_image' )->resize( 135 ); ?>

Niewiele osób wie że posiada ona kilka ciekawych dodatkowych metod :

ConstrainOnly (true) – Nie będzie zmienić rozmiar obrazu, który jest mniejszy niż wymiary wewnętrzne resize ().

KeepAspectRatio (true) – Zachowuje proporcje obrazu, wysokość / szerokość.

KeepFrame (false) – Wyłącza wyświetlanie białek obramówki wokół obrazu.

->backgroundcolor(’000′, '000′, '000′) – Umożliwia zdefiniowanie koloru obramowania obrazu

helper( 'catalog/image' )->init( $_product, 'image' )->constrainOnly( true )->keepAspectRatio( true )->keepFrame( false )->resize( 350, null ) ?>

Powyżej przedstawiamy przykład użycia funkcji, utworzy ona nam miniaturkę o szerokości 350px i szerokości proporcjonalnej do oryginału.

Poniżej przedstawiamy miejsca gdzie najczęściej wykorzystywana jest funkcja skalowania obrazów:

/ App / design / frontend / default / yourtheme / catalog / product / view / media.phtml (wyświetla obraz na stronie widok produktu)
/ App / design / frontend / default / yourtheme / catalog / product / list.phtml (wyświetla obraz w widoku kategorii)

Ta wiedza pomogła nam wiele razy. Daj nam znać w komentarzach, jeśli pomoże i tobie!